動(dòng)態(tài)化 Web 應(yīng)用具有天然的動(dòng)態(tài)化特性炼绘，即在應(yīng)用上線后佛呻，可通過配置數(shù)據(jù)接口若锁，實(shí)時(shí)更改頁面布局及交互： HTML 可以通過 Ajax 獲取后，使用 DOM API 變更 DO...
發(fā)簡信
IP屬地：廣東
-
小程序動(dòng)態(tài)化 -
設(shè)計(jì)準(zhǔn)則和設(shè)計(jì)原則
簡介 在學(xué)習(xí)具體的設(shè)計(jì)模式之前，首先有必要弄清楚我們學(xué)習(xí)的目的之所在。設(shè)計(jì)模式（Design pattern）代表了最佳的實(shí)踐，通常被有經(jīng)驗(yàn)的面向?qū)ο蟮能浖_發(fā)人員所采用徒河。設(shè)...
-
大佬終于更新啦～
設(shè)計(jì)準(zhǔn)則和設(shè)計(jì)原則
簡介 在學(xué)習(xí)具體的設(shè)計(jì)模式之前，首先有必要弄清楚我們學(xué)習(xí)的目的之所在送漠。設(shè)計(jì)模式（Design pattern）代表了最佳的實(shí)踐顽照，通常被有經(jīng)驗(yàn)的面向?qū)ο蟮能浖_發(fā)人員所采用。設(shè)...
-
深入 javascript 引擎（1）周末在家看了有關(guān) javascript 引擎的 JavaScript Engines: The Good Parts”闽寡，是由 Mathias 和 Benedikt 在 JSC...
-
webpack學(xué)習(xí)第二十步—— 打包TypeScript
使用typescript 安裝ts-loader 和 typescript 新建index.ts文件 webpack.config.js中對ts文件使用ts-loader 新...
-
webpack學(xué)習(xí)第十九步—— PWA使用http-server 安裝http-server 修改package.json 修改index.js 運(yùn)行 此時(shí)關(guān)閉http-server,頁面無法訪問 PWA 安裝w...
-
webpack學(xué)習(xí)第十八步—— 生成庫文件寫一些基本文件 webpack.config.js文件 umd代表支持以下引入方式 在全局變量里增加library變量 如果注釋掉library: 'library',則無法...
-
webpack學(xué)習(xí)第十七步—— 打包的環(huán)境變量
修改webpack的config文件 之前是使用webpack.dev.js和webpack.prod.js去分別mergewebpack.common.js下隧，現(xiàn)在我們統(tǒng)一使...
-
webpack學(xué)習(xí)第十六步—— 墊片Shimmingshimming 低版本瀏覽器不支持promise奢人，使用polyfill去實(shí)現(xiàn)promise就是一個(gè)墊片 jquery 新建jquery.ui.js 修改index.js,在...
-
webpack學(xué)習(xí)第十五步—— 瀏覽器緩存-contenthash代碼分割 index.js引入三方庫 修改webpack.common.js進(jìn)行代碼分割 此時(shí)打包出來的文件如下 生產(chǎn)環(huán)境加入contenthash 修改webpack.co...
-
webpack學(xué)習(xí)第十四步——css代碼分割及壓縮修改chunkname 修改webpack.common.js 修改index.js,并將splitChunks修改為all 打包后生成文件 css代碼分割 之前學(xué)習(xí)中，cs...
-
webpack學(xué)習(xí)第十三步——懶加載和預(yù)請求同步引入 index.js 打開頁面時(shí)就會引入lodash 異步引入可以懶加載 index.js 點(diǎn)擊時(shí)才去請求異步引入的lodash淆院，這就是懶加載 優(yōu)化語法,使用異步函數(shù) ...
-
webpack學(xué)習(xí)第十二步——代碼分割打包命令 為了development模式下也能很好觀察打包的文件何乎，我們在package.json中增加一個(gè)打包命令句惯，不使用devServer index.js引入lodash...
-
webpack學(xué)習(xí)第十一步——分環(huán)境打包
dev環(huán)境webpack.dev.js 開發(fā)環(huán)境使用devServer 和 HMR prd環(huán)境使用webpack.prod.js 生產(chǎn)環(huán)境不使用devServer和HMR，打...
-
webpack學(xué)習(xí)第十步——Tree Shakingtree shaking只支持es module Tress Shaking 只支持es module,因?yàn)閕mport是一種靜態(tài)引入的方式支救，而require引入文件（com...
-
webpack學(xué)習(xí)第九步——babel編譯es6及reactes6 在低版本瀏覽器程序報(bào)錯(cuò) 安裝相關(guān)babel index.js用es6語法 修改webpack.config.js 因?yàn)閣ebpack-dev-server會不會打包b...
-
webpack學(xué)習(xí)第八步——Hot Module Replace
修改css樣式 修改index.js 增加style.css 修改webpack.congfig.js 啟動(dòng)服務(wù)器npm run start 此時(shí)修改css樣式抢野，瀏覽器會刷新...
-
webpack學(xué)習(xí)第七步——提升開發(fā)效率watch 監(jiān)聽變化自動(dòng)打包 在package.json中配置 此時(shí)index.js 打開html 修改index.js webpack會自動(dòng)打包 刷新瀏覽器會看到頁面發(fā)生了...