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