原创 前端模塊化
模塊化 模塊化用來分割，組織和打包軟件。每個模塊完成一個特定的子功能，所有的模塊按某種方法組裝起來，成爲一個整體，完成整個系統所要求的功能。 以前開發沒用模塊化可能導致的問題 命名空間衝突，多個庫可能會使用同一名稱 無法合理的管理項目的依
2019-10-29 11:25:28
原创 JavaScript中的異步編程
異步 何爲異步? 簡單來說就是一個任務分成多個步驟執行，先執行某一段任務，跳出轉而執行其他任務， 等下一段任務準備完成後， 轉而回來執行下一段任務 像這種類型， 把一個任務分解成多段任務 不連續 執行， 就叫做異步， 連續執行的則叫做同步
2019-10-28 14:25:30
2
原创 javascript中的依賴注入【轉】
本來打算寫篇文章介紹下控制反轉的常見模式-依賴注入。在翻看資料的時候，發現了一篇好文Dependency injection in JavaScript，就不自己折騰了，結合自己理解翻譯一下，好文共賞。 我喜歡引用這樣一句話‘編程是對複雜性
2019-05-06 20:25:02
原创 進擊webpack4 （優化篇）
進擊webpack 4 （基礎篇一）進擊webpack4 （基礎篇二：配置 一）進擊webpack4 （基礎篇三：配置 二） 不解析不依賴第三方模塊的模塊 noParse 有一些第三方模塊，它本身不依賴於其他模塊，比如jquery，loda
2019-02-26 20:45:08
原创 進擊webpack4 （基礎篇：配置 二）
標題文字 進擊webpack 4 （基礎篇一） 進擊webpack4 （基礎篇二：配置） 前言：上一節babel配置錯誤 { test:/\.js/, use:{ loader:'babel-loader'
2019-02-25 20:14:59
1
原创 進擊webpack4 （基礎篇二：配置）
前文：進擊webpack 4 （基礎篇 一） webpack.config.js基礎配置 webpack 有4大概念 入口(entry) 輸出(output) loader 插件(plugins) 入口與出口 //webpack.
2019-02-24 22:55:07
5
原创 進擊webpack 4 （基礎篇一）
主題 本文爲webpack的基礎部分， 旨在如何從0搭建一個工程環境，並簡單介紹打包之後生成什麼代碼， 並且介紹webpack的常用的各種loader，plugin的配置 跟解決了什麼問題 本篇爲第一篇 項目初始化 安裝webpack ya
2019-02-24 14:15:01
1
原创 Promise 的then 裏發生了什麼
Promise 大家都知道怎麼用， 但是對於內部的原理很多人都不是很清楚 來看一個面試題： Promise的then 是怎麼實現的 首先來分析一下then then是屬於實例上的方法 參數有2個，分別爲onFulfilled, onRe
2019-02-22 21:55:14
原创 深入bind
今天來聊聊bind 關於之前的call跟apply 查看此鏈接 我們要明確4點內容 1. bind之後返回一個函數 let obj = { name : 'skr' } function fn(){ console.log(
2019-02-20 19:45:03
原创 深入call apply bind
前言 稍微翻了一下call，apply， bind 的各種論壇上的文章， 發現講的都太淺了，大部分都只講了個用法， 對於實現的原理卻都沒有提，因此，在這裏，我寫下這篇文章， 希望能讓大家認識到原理所在。 衆所周知， 這三個函數都是改變執行上
2019-02-19 06:51:18
原创 聊一聊前端的監控
今天我們來聊聊前端的監控 我們爲什麼需要前端監控 ？ 爲了獲取用戶行爲以及跟蹤產品在用戶端的使用情況，並以監控數據爲基礎，指明產品優化方向 前端監控分爲三類 性能項目 數據監控 異常監控 性能監控 - 衡量前端的性能的指標是時間 那麼如
2019-02-19 06:41:40
2
原创 JavaScript的異步解決方案
由於JavaScript是單線程的一門腳本語言（主線程是單線程） 所以異步問題是個讓人常頭疼的問題 我們來看一下常見的傳統解決方案 1.回調函數 回調函數是一種最常見 最傳統的方式 類似的這種 // node 的文件讀取 let fs =
2018-11-29 23:45:18