導讀： 如果你是剛接觸 MongoDB 的小伙伴姥饰，這篇文章會讓你少走很多改Bug之路蝙昙！現(xiàn)在項目中一般直接使用 npm i mongodb --save ，這樣默認安裝是最新 ...
發(fā)簡信
IP屬地：北京
-
Node.js - 操作MongoDB的那些坑嚼黔！
-
JS - 開發(fā)中的設計模式
導讀： 日常開發(fā)中堤如，一些特定的場景下你的處理方法可能并不是很理想谎僻，往往這時借助一些設計模式可以讓你優(yōu)雅而高效的實現(xiàn)這些邏輯，下面就介紹一些雖然不是最全的但一定是最常用的設計模...
-
DllPlugin - 打包性能優(yōu)化點背景 很多時候我們在開發(fā)業(yè)務代碼的時候多多少少都引入了其他的第三方庫膛锭，如 lodash.js , axios.js 等粮坞，那么在打包的時候呢每次打包就會重新打包這些引入的第三方...
-
React 16.8 Hooks 嘗鮮體驗導讀 Hook 是 React 16.8 的新增特性。它可以讓你在不編寫 class 的情況下使用 state 以及其他的 React 特性初狰，編寫具有 Hook 的函數(shù)組件對...
-
React SSR 原理與項目工程化客戶端渲染和服務端渲染 客戶端渲染 ：顧名思義即 React 代碼在客戶端渲染執(zhí)行莫杈，當項目啟動首次請求服務端時服務端僅返回一個 HTML 頁面骨架，也就是我們所看到的項目入口...
-
Node.js - 封裝類似Express的路由
導讀： 先通過封裝 Express 路由模塊然后導出到主入口文件奢入，主入口文件直接注冊即可調用筝闹。 目錄結構如下：涉及文件 結果展示： 封裝代碼： express_route.j...
-
Node.js - 回調和事件驅動解決異步
導讀： 假定讀者已了解同步與異步的區(qū)別，當你使用Node.js異步操作時，難免會出現(xiàn)拿到的值為undefined关顷，這個時候常用的解決方法就是回調函數(shù) / 事件驅動來使其達到同...
-
解析 React 虛擬 DOM 原理 + DOM Diff 算法導讀： 當用原生 JS / jQuery 操作 DOM 時糊秆，瀏覽器會從構建 DOM 樹開始從頭到尾渲染一遍 DOM 節(jié)點，而大量的 DOM 操作會頻繁的更新 DOM（ 即再次...
-
Nginx常用配置及其他跨域處理（前端）Nginx主要功能： 1. 負載均衡2. 反向代理3. 動靜分離4. 配置https 負載均衡 負載均衡是一門計算機網(wǎng)絡技術议双，主要用來優(yōu)化資源使用痘番、最大化吞吐率、最小化響應時...
-
ES6 - Promise, Generator, async（異步操作）使用比較
導讀： 分別使用Promise, Generator, async三種異步操作讀取文件聋伦，async無論是語義化 / 代碼優(yōu)雅都有很大優(yōu)勢夫偶。 例子： 執(zhí)行結果：Result 總...
-
ES6 - 類與繼承
導讀： 以前ES5的時候也有構造函數(shù)和繼承這一說法，但是實現(xiàn)起來又要借助原型又要改this指向觉增，就會顯得很麻煩兵拢，而ES6出來了這個主流的類這么個概念，幾乎就跟Java里面的類...
-
JS - 函數(shù)節(jié)流和函數(shù)防抖
導讀： 函數(shù)節(jié)流和函數(shù)防抖是我們解決頻繁觸發(fā)DOM事件的兩種常用解決方案逾礁，都對提升頁面性能有顯著的功效说铃。 例子： 函數(shù)防抖：（ 函數(shù)調用n秒后才會執(zhí)行，如果函數(shù)在n秒內(nèi)再被調...
-
ES6 - 對象簡潔語法及對象新增方法
導讀： 直接看代碼嘹履，其中擴展運算符在對象上的用法已經(jīng)能用了腻扇。 例子： 簡潔語法：其實現(xiàn)在框架中都采用的這種語法，優(yōu)化代碼砾嫉，推薦使用 對象新增方法：（ Object.is(),...
-
ES6 - for of循環(huán)
導讀 ： ES6就新增了一個for of循環(huán)（用法代碼底部）幼苛，其特性的話就是內(nèi)置迭代器，可以用來執(zhí)行 Generator 函數(shù)焕刮，然后順便復習一下前ES5里面的循環(huán)（遍歷）舶沿，講...
-
Vue項目創(chuàng)建和配置文件關系調用1. Vue項目構建 首先默認安裝了node.js和vue-cli，接下來直接使用腳手架創(chuàng)建項目： 接下來會進行一系列配置詢問配并，看圖：項目配置 配置完回車括荡，項目腳手架自動生成...
-
ES6 - 模板字符串
導讀： 傳統(tǒng)的字符串模板 ：在傳統(tǒng)的Javascript中，如果我們對DOM進行操作溉旋，字符串模板通常采用加號( + )進行字符串拼接畸冲。 ES6模板字符串 ：以反引號( ` )...
-
ES6 - 解構賦值
導讀 ： 挑干的來說就是提供了一個整體賦值的格式 (用的最多的主要是數(shù)組解構 / 對象解構) ， 直接上代碼看的明明白白观腊。 例子： 注意點：解構賦值中的元素是可以賦初值的邑闲！ ...
-
Vue - 父子組件傳值
導讀 ： Vue中：1.父組件向子組件傳值：通過給子組件傳遞屬性，子組件通過props接收父組件的值再加以使用梧油。2.子組件向父組件傳值：通過this.$emit([自定義方法...
-
細說localStorage, sessionStorage, Cookie, Session
localStorage和sessionStorage 兩者的共同點在于： 1苫耸、存儲大小均為5M左右2、都有同源策略限制3婶溯、僅在客戶端中保存，不參與和服務器的通信 兩者的不同...