原创 JS事件輪詢機制(Event Loop)

概念     事件輪詢 (eventloop) 是"一個解決和處理外部事件時將它們轉換爲回調函數的調用的實體(entity)"     JavaScript 語言的一大特點就是單線程,也就是說,同一個時間只能做一件事。所有任務都需

原创 Vue Router中hash模式和history模式的區別

面試問答     hash 模式與 history 模式的區別,這個也是面試常問的問題,不要小看這道題其實問到這裏的時候那個面試官應該是個大牛,開發經驗豐富,這個題其實就是考驗你的開發經驗是否屬實。     小白回答: hash

原创 Vue中keep-alive的使用及詳解

概念     keep-alive 是 Vue 的內置組件,當它包裹動態組件時,會緩存不活動的組件實例,而不是銷燬它們。和 transition 相似,keep-alive 是一個抽象組件:它自身不會渲染成一個 DOM 元素,也不

原创 Web語意化的深入理解

簡述     Web 語義化是指使用恰當語義的 HTML 標籤、Class 類名等內容,讓頁面具有良好的結構與含義,從而讓人和機器都能快速理解網頁內容。語義化的 Web 頁面一方面可以讓機器在更少的人類干預情況下收集並研究網頁的信

原创 Vue中使用better-scroll實現左右菜單聯動效果

效果圖     左圖是完全圖,右圖製作時顏色沒弄上(製作軟件的問題) 下載 better-scroll npm install better-scroll --save 注意: 必須包含兩個大的div,外層和內層div 外

原创 Vue中後臺管理系統的權限控制

效果圖 下載     這裏是用到的一些插件 npm install axios --save npm install element-ui --save npm install stylus --save npm install

原创 ECharts之階梯瀑布柱狀圖

效果圖 背景圖片 下載ECharts npm install echarts --save 引入並註冊全局ECharts     在 main.js 文件裏引入並註冊 ( 這裏是 Vue3.0 的模板 ) import Vu

原创 Nuxt中客戶端呈現的虛擬DOM樹與服務器呈現的內容不匹配

警告 翻譯:[Vue warn]:客戶端呈現的虛擬DOM樹與服務器呈現的內容不匹配。這可能是由於不正確的HTML標記造成的,例如在<p>中嵌套塊級元素,或者缺少<tbody> 配置     這是使用 element-ui 時沒有

原创 Nuxt引用element-ui

下載 npm install element-ui --save // or cnpm install element-ui --save // or yarn add element-ui 引入     在plugins目錄下

原创 Nuxt引用iconfont字體圖標

下載     阿里巴巴矢量圖標庫:https://www.iconfont.cn/ 引入     在assets目錄下新建css、fonts、js目錄     注意iconfont.css裏的文件路徑 配置     在 nu

原创 WEB前端資源項目整合

vue.js高仿餓了麼(1-13章全) 鏈接:https://pan.baidu.com/s/1qYSiYXluA1AlEV0EskxWZw 提取碼:25z9 Vue.js 2.5 + cube-ui 重構餓了麼 App 鏈接:h

原创 Vue移動端的真機測試

Vue2.0     在 package.json 文件里加入 --host 0.0.0.0,需要重新運行 npm run dev { "name": "", "version": "1.0.0", "descr

原创 ECharts之折線圖

效果圖 背景圖片 下載ECharts npm install echarts --save 引入並註冊全局ECharts     在 main.js 文件裏引入並註冊 ( 這裏是 Vue3.0 的模板 ) import Vu