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