銜接上文[http://www.itdecent.cn/p/0990806d35e9]，獲取修改文件的路徑后，我們便可以開始開發(fā)熱更新插件了 思路 文件監(jiān)聽到修改文件的路徑...
發(fā)簡(jiǎn)信
IP屬地：福建
-
實(shí)現(xiàn)構(gòu)建工具之熱更新插件
-
實(shí)現(xiàn)構(gòu)建工具之npm包引入
銜接上文[http://www.itdecent.cn/p/9b7d2a64c1b4]，到目前為止我們已經(jīng)能夠獲取變更文件路徑，支持loader，插件，增量打包了，那自然應(yīng)...
-
實(shí)現(xiàn)構(gòu)建工具之增量打包
銜接上文[http://www.itdecent.cn/p/9b7d2a64c1b4]，由于每次修改文件，都會(huì)觸發(fā)重新全量打包，在項(xiàng)目體積幾乎為0的情況下要花費(fèi)3.5s，希...
-
實(shí)現(xiàn)構(gòu)建工具之插件
銜接上文[http://www.itdecent.cn/p/693c6fa1ec55]，既然添加了loader，那么就干脆朝著webpack方向完善其他主要功能，此文主要是...
-
實(shí)現(xiàn)構(gòu)建工具之loader實(shí)現(xiàn)
依然銜接上文[http://www.itdecent.cn/p/0ed430f9fc2d]，此文仿照webpack萬物皆模塊的思想，嘗試為我們寫的browserify引入其...
-
實(shí)現(xiàn)構(gòu)建工具之打包改進(jìn)
最近查看browserify源碼，發(fā)現(xiàn)其沒有用eval和new Function，原因如下：確保browserify的安裝使用了語法-error@1.1.1或 后來存在一個(gè)安...
-
實(shí)現(xiàn)構(gòu)建工具之打包
我們知道，在node端是使用npm將包下載到本地，通過讀寫文件進(jìn)行引用，但是在前端只能通過script加載網(wǎng)絡(luò)文件，此時(shí)commonjs天生不適用前端。 但隨著node的普及...
-
重寫require方法
首先，我們總結(jié)下commonjs模塊化的特點(diǎn)： 每個(gè)模塊有自己的作用域 js文件作為模塊導(dǎo)出的化，默認(rèn)能使用兩個(gè)參數(shù)：module和exports，它們的關(guān)系可以看作 此時(shí)當(dāng)...
-
EventEmitter簡(jiǎn)單實(shí)現(xiàn)
最近重新注意到node是由事件驅(qū)動(dòng)的，所以主要看了下官網(wǎng)的EventEmitter，發(fā)現(xiàn)貌似實(shí)現(xiàn)起來很簡(jiǎn)單，于是簡(jiǎn)單重寫了下，只是實(shí)現(xiàn)了幾個(gè)比較重要的方法 測(cè)試案例： 跑出來...
-
重寫promise.all
使用 分析 1.參數(shù)為iterator類型2.并發(fā)執(zhí)行3.等待所有promise返回后才返回結(jié)果4.結(jié)果為數(shù)組，與傳入的promise順序?qū)?yīng)5.但凡有一個(gè)出錯(cuò)，則拋錯(cuò) 實(shí)現(xiàn)...
-
總結(jié)Promise.all的幾種使用情況
最近工作中使用到Promise的情況比較多，Promise.all方法也用的不少，下面來總結(jié)一下使用的幾種情況我們先來看一下promise.all對(duì)錯(cuò)誤的處理 我們可以看到:...
-
記錄宏任務(wù)和微任務(wù)測(cè)試和總結(jié)
先看下只有async配合promise的 可知:當(dāng)promise寫了then/catch時(shí)，await這個(gè)promise的返回值為最后一次then/catch的返回值 再看a...
-
es6 import的幾種情況總結(jié)
es6模塊引入導(dǎo)出功能是我們經(jīng)常使用的，但是其使用方式也有好幾種，下面總結(jié)下。首先看下導(dǎo)出文件exportFile 再看引入物件importFile 總結(jié):export 導(dǎo)出...
-
重寫es6的Promise
某日下班回家，自己突然心血來潮，想重寫下Promise，這就上手了。首先來看下promise的使用 由使用方式我們可以知道:1.Promise本是一個(gè)構(gòu)造函數(shù)，構(gòu)造函數(shù)內(nèi)必傳...
-
深拷貝函數(shù)實(shí)現(xiàn)
思路:1.判斷是否為引用類型2.判斷是否為String對(duì)象、Number對(duì)象以及Bool對(duì)象3.對(duì)日期對(duì)象做處理4.區(qū)分?jǐn)?shù)組和對(duì)象做處理5.對(duì)函數(shù)做拷貝6.還有一些內(nèi)置類沒做...
-
使用JSON序列化深拷貝的缺點(diǎn)
js深拷貝是我們寫代碼時(shí)碰到的比較多的情況，就是將一個(gè)引用類型以及它下面的所有引用類型提出，改變新的而不影響舊的。我總結(jié)了以下幾種方式以及要點(diǎn):1.JSON序列化這是我們比較...
-
輪滑效果，控制啟停，控制停留最小時(shí)間
本例主要實(shí)現(xiàn)三個(gè)需求:1.點(diǎn)擊開始則給計(jì)時(shí)器并運(yùn)作2.中途停止時(shí)點(diǎn)擊開始則繼續(xù)3.到點(diǎn)停止時(shí)點(diǎn)擊開始則沒有滿三秒不準(zhǔn)繼續(xù)，滿則繼續(xù) html部分 html部分主要是在一個(gè)區(qū)域...
個(gè)人介紹
寫文章主要為了記錄生活，記錄學(xué)習(xí)歷程，本人記性不太好，前端現(xiàn)在發(fā)展的又多又雜，所以一些值得注意的點(diǎn)或者一些好的思想可以寫出來讓加深自己記憶，并與大家分享