原创 webpack中Tree-Shaking性能優化

Tree-Shaking的作用 Tree-shaking的本質是消除無用的js代碼:在 webpack 項目中,當我們在入口文件中引入一個模塊的時候,可能不會引入這個模塊的所有代碼,只引入了我們需要的代碼,那麼在使用webpac

原创 JS經典面試考題

代碼輸出問題 一、以下代碼打印結果? const keyA = { a: 1 }; const keyB = { b: 2 }; const myObject = { [keyA]: 'aaa', [keyB]: 'bb

原创 如何編寫一個Loader

直接上例子,簡單易懂! 創建一個demo(make_loader) 新建一個文件,名字爲make_loader 在make_loader目錄下初始化項目:npm init -y 安裝webpack、webpack-li:npm

原创 提升webpack打包速度的方法

1. 跟上技術的迭代 Node、Npm、Yarn、Webpack都要保持最新的版本 2. 在儘可能少的模塊上應用Loader 合理的使用exclude或者include的配置,來儘量減少loader被頻繁執行的頻率。當loa

原创 JS實現倒計時---處理ios兼容問題

馬上雙十二了,各大電商平臺的活動倒計時又要開啓了。今天在做移動端倒計時的時候,遇到了ios兼容問題,特意在此記錄,希望早看到的小夥伴可以少走彎路。 倒計時的實現 // 雙十二倒計時 var endTime = '2019-

原创 vue - history模式下 - 微信瀏覽器中頁面跳轉url路徑不變問題

場景: 移動端web項目,使用vue中的 $router.push() 和 $router.replace() 做路由跳轉時,微信瀏覽器中頁面跳轉正常,但通過微信瀏覽器複製鏈接,得到的卻始終是最初剛進入頁面時的地址。經測試發現,h

原创 深入理解Jest中的mock

對於異步函數的測試,Jest中封裝了獨立的API,通過例子整理分類如下。 1.模擬請求 目錄結構: |--demo.js |--demo.test.js |--package-lock.json |--package.json |