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