![240](https://upload.jianshu.io/users/upload_avatars/6991256/0530d601-465d-48db-9d27-23bcc69f9fd3.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
React 的生命周期本質(zhì)上就是一系列的鉤子函數(shù)尔许,可以分為 3 個時期:掛載坞笙、更新和卸載悠砚。React 16 還新增錯誤處理的鉤子函數(shù)麻车。要掌握 R...
SOLID 是五個面向?qū)ο缶幊痰闹匾瓌t的縮寫胞得。另外慢洋,它也是每個開發(fā)者必備的基本知識垮抗。了解并應(yīng)用這些原則能讓你寫出更優(yōu)質(zhì)的代碼刚陡,變成更優(yōu)秀的開發(fā)...
函數(shù)定義組件的例子 該函數(shù)是一個有效的 React 組件惩妇,它接收一個單一的 “props” 對象并返回了一個 React 元素。 函數(shù)定義組件 ...
為什么需要類型檢查筐乳? JavaScript 是一門弱類型的語言歌殃,允許變量類型做隱式轉(zhuǎn)換。也正是因為這個特性蝙云,JavaScript 中有很多錯誤都...
一般項目 React 簡單的 webpack 配置如下: 接下來解釋各個部分的作用氓皱。 entry 即入口,入口起點(diǎn)(entry point)指示...
package.json 可以通過 npm init 來交互式地創(chuàng)建勃刨。package.json 中可寫的內(nèi)容非常多波材,以下講解字段的內(nèi)容。 nam...
0身隐、寫在前面 Webpack優(yōu)化可以分為優(yōu)化開發(fā)體驗和優(yōu)化輸出質(zhì)量兩部分 1廷区、優(yōu)化開發(fā)體驗 優(yōu)化開發(fā)體驗的目的是為了提升開發(fā)時的效率,其中又可以...
常見的幾種SPA優(yōu)化方式: 減小入口文件體積(路由懶加載) 靜態(tài)資源本地緩存(緩存贾铝,PWA:Service Worker) 開啟GZip壓縮 使...