原创 如何在element-ui中拓展一個新的組件

一張圖詮釋 demo 1、在自己的倉庫中 fork element-ui 項目,新建一個自己的分支 2、windows下需提前配置make命令所需環境 3、使用make new componentTag componentNam

原创 vue源碼中$nextTick的實現原理

前置知識:宏任務 macrotask 和 微任務 microtask 任務隊列分爲 microtask 和 macrotask,且在node和不同的瀏覽器環境執行方式不同。 宿主環境提供的叫宏任務,由語言標準提供的叫微任務。 宿

原创 【學習筆記十】- 使用繪圖 《js高程》15 筆記

寫在前面: 這篇大部分內容是《js高程》第6-7章的代碼筆記,記在網上也是方便自己以後隨時隨地可以回看。 直接上代碼,詳見代碼註釋。 下面的代碼是在sublime text3上編輯運行過的。 <!DOCTYPE htm

原创 TypeScript筆記

TypeScript筆記 基礎類型 1、指定類型:let list: Array<number> = [1, 2, 3]; 2、元組 Tuple:元組類型允許表示一個已知元素數量和類型的數組,各元素的類型不必相同。 let x:

原创 在vue項目中配置eslint+prettier

eslint+prettier 前提:配置eslint 方案一:vue-cli初始化vue項目並選擇初始化eslint 方案二:自行百度eslint相關編輯器插件和項目依賴 安裝prettier相關依賴 npm i --save-

原创 vue中$nextTick的實現

前置知識:宏任務 macrotask 和 微任務 microtask 任務隊列分爲 microtask 和 macrotask,且在node和不同的瀏覽器環境執行方式不同。 宿主環境提供的叫宏任務,由語言標準提供的叫微任務。 宿

原创 搭建一個由 karma + mocha + chai + Istanbul + es6 + webpack 組成的基礎測試工具

Karma+Mocha 目的 搭建一個由 karma + mocha + chai + Istanbul + es6 + webpack 組成的基礎測試工具 工具的簡單介紹 測試框架 Mocha mocha是JavaScrip

原创 【學習筆記五】 - js引用類型 《js高程》1-5章的代碼筆記

寫在前面: 如題,這篇是看《js高程》這本書的代碼部分的筆記,大部分是第5章的引用類型,還有一些其他的js基礎知識。 筆記是按個人情況來記的,所以可能不是全部的內容都特別詳細,不過都是很基礎的東西,畢竟新手。 反正個人而言,全部看

原创 【學習筆記十】- 使用<canvas>繪圖 《js高程》15 筆記

寫在前面: 這篇大部分內容是《js高程》第6-7章的代碼筆記,記在網上也是方便自己以後隨時隨地可以回看。 直接上代碼,詳見代碼註釋。 下面的代碼是在sublime text3上編輯運行過的。 <!DOCTYPE htm

原创 【學習筆記九】 - 事件類型 + 表單腳本 《js高程》13-14筆記

寫在前面: 這篇是《js高程》13.4-13.6和14.1-14.4的筆記,記在網上也是方便自己以後隨時隨地可以回看。 13章前面的內容在 JS冒泡與捕獲 那篇單獨拎出來整理了。 其他詳見代碼註釋 : ) PS :前面的Ev

原创 【學習筆記六】 - js中 創建對象的模式與繼承 及 js中實現塊級作用域和函數私有變量 《js高程》6-7筆記

寫在前面: 這篇大部分內容是《js高程》第6-7章的代碼筆記,記在網上也是方便自己以後隨時隨地可以回看。 筆記是按個人情況來記的,所以可能不是全部的內容都特別詳細。 直接上代碼,詳見代碼註釋。 下面的代碼是在sublime

原创 【學習筆記七】 - DOM+DOM擴展+DOM2級和DOM3級 《js高程》10-12筆記

寫在前面: 如題,這篇是《js高程》第10-12章筆記,記在網上也是方便自己以後隨時隨地可以回看。 【DOM】 //將NodeList對象轉換爲數組 function convertToArray(nodes){ var

原创 【學習筆記三】- 動態添加元素綁定事件函數測試

寫在前面: 這是昨天參加一個筆試的時候遇到的題,百度了一下之後自己寫了一個簡單的測試。 首先簡單說一下動態添加,因爲樓主智障,開始的時候沒有通過button按鈕綁定click事件,直接在js中用三種方法添加了三個<li>,結果不

原创 【學習筆記八】- JS 冒泡與捕獲(事件流+事件處理程序+事件對象)

寫在前面: 本人自學前端不久,博客的【學習筆記】既不算原創也不算轉載,都是自己通過各個網站、博客、書籍、視頻課程等學習的筆記,以及做的一些測試。 【事件流】 冒泡型事件: 例:div -> body -> html -

原创 【學習筆記四】- 用js實現的一些數組操作和算法

寫在前面: 本人自學前端不久,博客的【學習筆記】既不算原創也不算轉載,都是自己通過各個網站、博客、書籍、視頻課程等學習的筆記,以及做的一些測試。 下面的代碼是在sublime text3上編輯在nodejs上運行過的。 //利用o