贡献者142
粉丝0
xxx金融後台管理系統 A magical vue element touzi admin. 效果演示地址 github地址 About 此項目是 vue2.0 + element-ui + node+mongodb 構建的後台管理系統，所有的數據都是從服務器實時獲取的真實數據，具有真實的註冊、登錄、數據顯示、新增數據、修改數據、刪除數據等功能。 如果對您對此項目有興趣，可以點
昵称 夢動
1.文件結構 ├─build │ ├─build.js │ ├─check-versions.js │ ├─dev-client.js │ ├─dev-server.js │ ├─utils.js │ ├─vue-loader.conf.js │ ├─webpack.base.conf.js │ ├─webpack.dev.conf.js │ ├─webpack
昵称 風雨後見彩虹
準備工作 在本地用vue-cli新建一個項目，首先安裝vue-cil，命令： npm install -g vue-cli 新建一個vue項目,創建一個基於"webpack"的項目,項目名為vuedemo： vue init webpack vuedemo 這裏有一個地方需要改一下，在執行npm install命令之前，在package.json裏添加一個依賴,後面會用到。 修改webpa
昵称 風雨後見彩虹
隨着項目越來約龐大，導致構建包的時候速度緩慢！ 首先推薦使用wepback的可視化資源分析工具。以下給出webpack-bundle-analyzer配置【vue-cli構建項目時會自動配置好】 安裝webpack-bundle-analyzer 控制枱輸入npm/cnpm install --save-dev webpack-bundle-analyzer config/i
昵称 小野
hash模式和history模式的差異是什麼？ 拿這個地址為例： http://xxx.com#about http://xxx.com/about hash模式 由於http請求並不包含hash，所以不管hash值為多少，服務器端收到的請求始終都是/。 history模式 history模式下，後面的/about路徑會被服務器接收到，然後嘗試去處理這個/about。 為什
昵称 熱飯班長
前言 本篇文章主要講解如何來配置 Pinia 和 Vue Router 本文也是《通俗易懂的中後台系統建設指南》系列的第二篇文章，該系列旨在告訴你如何來構建一個優秀的中後台管理系統 寫在前面 路由(Router)和狀態管理(Vuex、Pinia)是 Vue 項目中的常客。基本上在 Vue 的項目中，我們構建一個 Web 應用都離不開它們，如果你是 Vue2 的用户，那麼你對它們不會陌生 如果你是跟
昵称 十五
問題場景：在優化項目的交互體驗時，想實現在左側表單輸入數據，右側篩選條件組件同步顯示輸入的功能，第一時間想到使用vuex 由於vuex升級到了4.0，語法發生了較大的變化，首先查詢官方文檔 vuex官方文檔 看到項目結構引起了我的注意，考慮到後期管理項目能更加便利，使用modules勢在必行 在store目錄下新建modules文件夾，之後的module文件都放在這個文件夾
昵称 trueYann
前端架構概覽 思考：我們有什麼，我們缺什麼？ 前端架構分為很多部分，在每個不同的項目裏都會有各自的特點。所以，當我們想優化一個大型項目的時候，可以從一個概覽圖來入手分析，比如下圖： 從我自己的項目特點來分析，我們的基礎設施比較完備，一些公共的基礎服務都可以嘗試接入，唯獨業務代碼異常混亂。 原因：由於業務迭代頻繁，接手的人多，導致組件規範不好、公共方法沒有抽離。而且各個業務之間代碼耦合性很強，看似
昵称 為君持酒勸斜陽
異步編程是現代 JavaScript 開發中一個重要方面，它使我們能夠處理耗時的操作，而不會阻塞其他任務的執行。使用異步函數時，我們會遇到三個重要的關鍵字：await 、return、return await。在本文中，我們將探討這些關鍵字之間的差異，並討論何時使用每個關鍵字。 在深入探討細節之前，讓我們先闡明一下異步函數的用途。異步函數是一種特殊類型的函數，可以使用 await 關鍵字。它允許我
昵称 破曉L
原文：Migrate Your Accelerator-based Storefront to Project Spartacus 如果您已閲讀過“遷移到 Spartacus javascript storefront 項目的五個原因”和“SAP Commerce Cloud Project Spartacus 入門”這兩篇文章，您可能想要遷移到基於無狀態高性能架構的 storefront, 並且
昵称 註銷
最近有很多開發者宣佈他們已經將網站遷移到Astro。這通常伴隨着一張接近完美的Lighthouse分數的截圖和一系列火箭表情符號。 像大多數人一樣，我發現無休止的新框架會讓人感到厭倦。但我對Astro做了一些研究，認為它真的值得一試。 在本文中，我將向您展示如何使用 Astro 構建基於 Vue 的應用程序，我們將瞭解其獨特的架構如何帶來比單頁應用程序 (SPA) 更好的性能。 SPA 架構回顧
昵称 杭州程序員張張
什麼叫做SPA單頁應用 單頁Web應用 （single page web application，SPA） ，就是隻有一張Web頁面的應用，是加載單個HTML 頁面並在用户與應用程序交互時動態更新該頁面的Web應用程序。 單頁應用的説法是在JavaScript和AJAX技術比較成熟以後才出現的，指的是通過瀏覽器訪問一個網站時，只需要加載一個入口頁面，此後顯示的內容和數據都不會再刷新瀏覽器頁面。有了
昵称 TANKING
項目需求： 一個項目兩個域名其中a.com域名，嵌套了b.com域名 當進入b頁面的時候就要切換到b.com域名，同時需要保持在a域名下的登陸狀態 解決：使用ifram + postMessage 主頁面 a域名 a域名下要協商ifram 標籤 iframe id="child" ref="iframBox" src="http://127.0.0.1:8082/#/mediatio
昵称 那年
在開發日常中，會遇到使用iframe嵌套其他頁面，想要與嵌套頁面進行交互，常常會涉及到跨域問題，何為跨域？這涉及到同源策略，即協議、端口、域名相同則為同源 違反了同源策略就會出現跨域問題，主要表現為以下三方面： 1.無法讀取cookie、localStorage、indexDB 2.DOM無法獲得 3.ajax請求無法發送 解決方法 一、設置domain 前提條件：這兩個域名必須
昵称 mosquito
朋友的網站有個需求：要從 A 域名遷移到 B 域名。所有內容不變，只是更改域名。這個需求不復雜，理論上改下配置然後 301 即可。但這個網站是純靜態網站，用户數據都存在 localStorage 裏，所以他希望能夠自動幫用户把數據也遷移到新域名。 我們知道，localStorage 是按照域名存儲的，B 網站無法訪問 A 網站的 localStorage。所以我們就需要一些特殊的手段來實現需求。經
昵称 Meathill
Why? -- 創意和藍圖 樓主是一個極客，喜歡折騰，喜歡開源，喜歡分享。 我平時經常逛國內外的社區，比如 V2EX、Reddit、LinuxDO，但總覺得存在一些不足。 V2EX 和 LinuxDO 的門檻相對較高，新人要真正融入並不容易。 V2EX 運營了很久，但界面和交互已經顯得不夠現代；LinuxDO 雖然用上了 Discourse，但畢竟是國外的開源項目，想要深度改造和本土化成本很
昵称 古河家の紅豆麪包
1. v-model 指令 input v-model="text" / 上例不過是一個語法糖，展開來是： input :value="text" @input="e = text = e.target.value" / 2. .sync 修飾符 my-dialog :visible.sync="dialogVisible" / 這也是一個語法糖，剝開來是： my-dialog :vi
昵称 fjc0k
這篇文章不是原創，看了其他人的分析貼，記錄下自己學到的。本篇主要記錄一下vue內部流程，以及雙向綁定原理。Vue的可愛之處在於他的雙向綁定及Virtual DOM的思想。 vue內部流程 如圖所示，實例化組件時，調用init方法，初始化事件，屬性，data等。初始化data,是實現雙向綁定的重要一步（後面再詳細説）。掛載（$mount）時，根據傳入的模版解析編譯成 render function
昵称 echo_numb
前言 現在的前端面試不管你用的什麼框架，總會問你這個框架的雙向綁定機制，有的甚至要求你現場實現一個雙向綁定出來，那對於沒有好好研究過這方面知識的同學來説，當然是很難的，接下來本文用160行代碼帶你實現一個極簡的雙向綁定機制。如果喜歡的話可以點波贊/關注，支持一下，希望大家看完本文可以有所收穫。 本文是在面試題：你能寫一個Vue的雙向數據綁定嗎？的基礎上仔細研究+改動，並添加了詳細註釋，而成的。
昵称 OBKoro1
Vue 中需要輸入什麼內容的時候，自然會想到使用 input v-model="xxx" / 的方式來實現雙向綁定。下面是一個最簡單的示例 div id="app" h2What's your name:/h2 input v-model="name" / divHello {{ name }}/div /div new Vue({ el: "#app",
昵称 邊城
第一種情況： 簡單傳值，子組件只負責顯示； 父組件向子組件傳遞一個hello word; 子組件接收並顯示出來； 父組件Father.vue template div id="app" Child :msg = "message"/ /div /template script import Child from './Child' export default {
描述 需求 在表格裏面渲染form表單，數字保留2位小數，不足的自動補齊。 選用 選用的是 iview 的組件 Form 、Input、Table。 Form表單的數據可以雙向綁定，這樣在對輸入的數據做補零操作後，更新Form表單的model綁定的數據，即可更新。 沒有使用 InputNumber 是因為它的交互用户體驗不是很友好，而選用了常用的Input。 但問題不是出在這裏，請繼續往下看
昵称 Pink
作者：心葉 時間：2019-07-18 10:34 本文章構思的實現方法在github上有對應的項目已經實現，項目依舊在不斷改進中:watcher.js 核心方法説明 Object.defineProperty(obj,key,{ get(){ // todo1 }, set(newValue){ // todo2 } });
昵称 心葉
vue數據已經改變但是頁面並沒有及時相應的問題 $set() $nextTick() $forceUpdate() 其他： 數組： [...arr] 對象： Object.assign()
昵称 liuoomei
