原创 前端模塊化

模塊化模塊化用來分割,組織和打包軟件。每個模塊完成一個特定的子功能,所有的模塊按某種方法組裝起來,成爲一個整體,完成整個系統所要求的功能。以前開發沒用模塊化可能導致的問題命名空間衝突,多個庫可能會使用同一名稱無法合理的管理項目的依賴和版本無

原创 JavaScript中的異步編程

異步何爲異步?簡單來說就是一個任務分成多個步驟執行,先執行某一段任務,跳出轉而執行其他任務, 等下一段任務準備完成後, 轉而回來執行下一段任務像這種類型, 把一個任務分解成多段任務不連續執行, 就叫做異步,連續執行的則叫做同步如何使得異步

原创 javascript中的依賴注入【轉】

本來打算寫篇文章介紹下控制反轉的常見模式-依賴注入。在翻看資料的時候,發現了一篇好文Dependency injection in JavaScript,就不自己折騰了,結合自己理解翻譯一下,好文共賞。我喜歡引用這樣一句話‘編程是對複雜性的

原创 進擊webpack4 (優化篇)

進擊webpack 4 (基礎篇一)進擊webpack4 (基礎篇二:配置 一)進擊webpack4 (基礎篇三:配置 二)不解析不依賴第三方模塊的模塊noParse有一些第三方模塊,它本身不依賴於其他模塊,比如jquery,lodash,

原创 進擊webpack4 (基礎篇:配置 二)

標題文字進擊webpack 4 (基礎篇一)進擊webpack4 (基礎篇二:配置)前言:上一節babel配置錯誤{ test:/\.js/, use:{ loader:'babel-loader',

原创 進擊webpack4 (基礎篇二:配置)

前文:進擊webpack 4 (基礎篇 一)webpack.config.js基礎配置webpack 有4大概念入口(entry)輸出(output)loader插件(plugins)入口與出口//webpack.config.js con

原创 進擊webpack 4 (基礎篇一)

主題本文爲webpack的基礎部分, 旨在如何從0搭建一個工程環境,並簡單介紹打包之後生成什麼代碼, 並且介紹webpack的常用的各種loader,plugin的配置 跟解決了什麼問題 本篇爲第一篇項目初始化安裝webpackyarn i

原创 Promise 的then 裏發生了什麼

Promise 大家都知道怎麼用, 但是對於內部的原理很多人都不是很清楚來看一個面試題: Promise的then 是怎麼實現的首先來分析一下thenthen是屬於實例上的方法參數有2個,分別爲onFulfilled, onRejected

原创 深入bind

今天來聊聊bind關於之前的call跟apply 查看此鏈接我們要明確4點內容1. bind之後返回一個函數let obj = { name : 'skr' } function fn(){ console.log(this

原创 深入call apply bind

前言稍微翻了一下call,apply, bind 的各種論壇上的文章, 發現講的都太淺了,大部分都只講了個用法, 對於實現的原理卻都沒有提,因此,在這裏,我寫下這篇文章, 希望能讓大家認識到原理所在。衆所周知, 這三個函數都是改變執行上下文

原创 聊一聊前端的監控

今天我們來聊聊前端的監控我們爲什麼需要前端監控 ?爲了獲取用戶行爲以及跟蹤產品在用戶端的使用情況,並以監控數據爲基礎,指明產品優化方向前端監控分爲三類性能項目數據監控異常監控性能監控- 衡量前端的性能的指標是時間那麼如何監測時間呢, 瀏覽器

原创 JavaScript的異步解決方案

由於JavaScript是單線程的一門腳本語言(主線程是單線程)所以異步問題是個讓人常頭疼的問題我們來看一下常見的傳統解決方案1.回調函數回調函數是一種最常見 最傳統的方式 類似的這種// node 的文件讀取 let fs = requ