原创 JS裏for...of與for...in的區別

for…in循環 for…in 循環只遍歷可枚舉屬性(包括它的原型鏈上的可枚舉屬性)。 var obj = {a:1, b:2, c:3}; for (var prop in obj) { console.log(prop

原创 H5案例開發

Vue的安裝 Vue.js 不支持 IE8 及其以下版本,因爲 Vue.js 使用了 IE8 不能模擬的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的瀏覽器,一般都會推薦使用NPM進行

原创 解決加載有.woff頁面時,報404錯誤,找不到.woff文件

使用 vue build 之後做網站請求,發現 woff 字體無法獲取 打包之後,本地打開,顯示資源加載失敗 真實路徑應該是 http://keliupc.mncats365.com/static/fonts/ionicons.

原创 不知道且實用的Vue API

1.使用 performance 開啓性能追蹤 performance API 是 Vue 全局配置 API 中的一個,我們可以使用它來進行網頁性能的追蹤,我們可以在入口文件中添加: if (process.env.NODE_EN

原创 Vue之watch 的深度遍歷和立即調用功能

watch 來監聽數據變化的時候通常只使用過其中的 handler 回調,其實其還有兩個參數,便是: deep 設置爲 true 用於監聽對象內部值的變化 immediate 設置爲 true 將立即以表達式的當前值觸發回調

原创 vue-cli3之webpack配置

vue-cli 3 中文文檔 webpack-chain vue.config.js官方配置指南 當我們項目初始化後,沒有了以前熟悉的 build 目錄,也就沒有了 webpack.base.config.js、webpack.d

原创 解決VUE keyup.enter和blur綁定同一事件,觸發兩次的問題

<el-input ref="editTagFoucus" size="mini" @keyup.enter.native="$event.target.blur" @blur="editCompleteTag(i

原创 JavaScript數組(遍歷)方法

Array.forEach() 爲每個數組元素調用一次函數(回調函數)。 會自己改變原數組 const array1 = ['a', 'b', 'c']; array1.forEach(element => console.l

原创 後臺管理系統框架,總有你想要的

日常的開發中是否有一種“框架在手,天下我有”的感覺呢?要是沒有,得常逛github啦!哈哈 1.Element UI Element,一套爲開發者、設計師和產品經理準備的基於Vue 2.0 的桌面端組件庫.它面向企業級的後臺應用,

原创 淺談BFC(塊格式化上下文)

在我們的開發中常聽到BFC這個詞,當要讓我說出BFC 是什麼,卻不能很好的卻解釋,似懂非懂。反正就是沒有清晰的理解,是這兩天仔細閱讀了相關資料加深自己對BFC理解。(BFC是Web頁面中盒模型佈局的CSS渲染模式,指一個獨立的渲染

原创 Vue項目啓動報錯:Cannot find module 'array-includes'解決方法

報錯原因: 項目最外層的文件目錄名發生更改,可能會導致這個錯誤產生 解決辦法: 刪掉項目中的node_modules文件夾 執行 npm cache clean 或者 cnpm cache clean 命令清除掉cache緩存

原创 js如何生成唯一標識符(類似uuid)

1. JavaScript唯一ID生成器Nano ID NanoID: 一個極小的,安全的ID生成器 Source:https://github.com/ai/nanoid 安裝nanoid npm i nanoid 引入

原创 ES6之箭頭函數細談

箭頭函數與普通函數的區別,實質是我們是否理解了箭頭函數,在我剛開始接觸ES6時,印象中的箭頭函數與普通函數的區別就是this的指向不同,一個指向window,一個指向當前的實例,作用域。可箭頭函數遠遠不止這麼一個知識點,於是重新

原创 解決keyup.enter和blur綁定同一事件,觸發兩次的問題

<el-input ref="editTagFoucus" size="mini" @keyup.enter.native="$event.target.blur" @blur="editCompleteTag(i

原创 如何實現點擊div區域外隱藏div區域

1 遮罩層,有一個遮罩層,蓋住其他地方,然後只有目標div可以點擊,點擊遮罩層就可以隱藏; 2.body上綁定事件,關閉,組件銷燬前把事件移除。 <div id="badge" @click="handleClick($event