你家的vue-cli搭建的項(xiàng)目有webpack.config.js文件？
vue-cli3項(xiàng)目，使用postcss實(shí)現(xiàn)瀏覽器css兼容處理1、npm i postcss-loader autoprefixer@8.3.1 -D autoprefixer需要安裝8.x.x,否則會(huì)報(bào)錯(cuò) 2、配置postcss.co...
發(fā)簡(jiǎn)信
IP屬地：云南
-
-
一些前端開發(fā)經(jīng)驗(yàn)
import()方法中，不能使用模板字符串，若需要使用變量，需采用字符串拼接形式： formData里面的數(shù)據(jù)是打印不出來(lái)的，需要formData.get('name')。 ...
-
useCallback()、useMemo() 解決了什么問(wèn)題？
在閱讀本文之前，請(qǐng)確保您具有 js 基礎(chǔ)知識(shí)，知悉基礎(chǔ)數(shù)據(jù)類型與復(fù)雜數(shù)據(jù)類型的區(qū)別。如果下面的代碼您不能理解，請(qǐng)略過(guò)此文以節(jié)約您的時(shí)間。 目錄： React.memo() R...
-
小程序開發(fā)的一些坑
假如系統(tǒng)的定位關(guān)閉了，那么小程序第一次調(diào)用（不是手動(dòng)點(diǎn)擊觸發(fā)）wx.getLocation等接口的時(shí)候是不會(huì)彈窗的，要做兼容處理。
-
二、基礎(chǔ)知識(shí)v-bind="{ a: 1, b: 1 }"這種寫法可以將對(duì)象里的所有屬性綁定 v-on="onChange($event, ...arguments)"這種寫法可以傳事件...
-
分享一些常用的JavaScript庫(kù)
該篇文章持續(xù)完善中。。。 1. moment.js moment.js是JavaScript 日期處理類庫(kù)，里面有豐富的日期處理api，完全滿足日常開發(fā)使用，且文檔寫的很清楚...
-
JavaScript預(yù)編譯JavaScript預(yù)編譯四部曲： 創(chuàng)建AO(Activation Object)對(duì)象； 找形參和變量申明，將變量和形參名作為AO對(duì)象的屬性名，值為undefined； 將實(shí)...
-
JavaScript事件循環(huán)事件循環(huán)是什么？事實(shí)上我把事件循環(huán)理解成我們編寫的JavaScript和瀏覽器或者Node之間的一個(gè)橋梁。 瀏覽器的事件循環(huán)是一個(gè)我們編寫的JavaScript代碼和瀏覽器A...
-
一、Vue3初體驗(yàn)1. Vue3的引入 1.1 CDN 1.2 本地引用 2. 計(jì)數(shù)器案例 先來(lái)個(gè)計(jì)數(shù)器案例來(lái)體驗(yàn)一下vue的使用吧。有兩個(gè)按鈕，點(diǎn)擊+1和點(diǎn)擊-1。 2.1 原生實(shí)現(xiàn) 2.2...
-
十、webpack之打包優(yōu)化1. Terser 1.1 Terser介紹和安裝 什么是Terser呢？ Terser是一個(gè)JavaScript的解釋（Parser）、Mangler（絞肉機(jī)）/Compr...
-
九、CDN、shimming1. CDN 1.1 什么是CDN？ CDN稱之為內(nèi)容分發(fā)網(wǎng)絡(luò)（Content Delivery Network或Content Distribution Network，縮...
-
get不香嗎
flutter-狀態(tài)管理5-Redux
這個(gè)相對(duì)來(lái)說(shuō)比較復(fù)雜 1. 先看例子 需要引入的庫(kù) 1.建立State 建立一個(gè)共享數(shù)據(jù),并提供構(gòu)造方法 2.創(chuàng)建Action 建立Actions操作數(shù)據(jù),這里是定義兩個(gè)事件...
-
八、開發(fā)環(huán)境和代碼抽取
1 如何區(qū)分開發(fā)環(huán)境 目前我們所有的webpack配置信息都是放到一個(gè)配置文件中的：webpack.config.js 當(dāng)配置越來(lái)越多時(shí)，這個(gè)文件會(huì)變得越來(lái)越不容易維護(hù)； 并...
-
七、webpack搭建本地服務(wù)為什么要搭建本地服務(wù)器？目前我們開發(fā)的代碼，為了運(yùn)行需要有兩個(gè)操作： 操作一：npm run build，編譯相關(guān)的代碼； 操作二：通過(guò)live server或者直接通過(guò)瀏覽...
-
JavaScript防抖和節(jié)流1. 認(rèn)識(shí)防抖和節(jié)流 1.1. 對(duì)防抖和節(jié)流的認(rèn)識(shí) 防抖和節(jié)流的概念其實(shí)最早并不是出現(xiàn)在軟件工程中，防抖是出現(xiàn)在電子元件中，節(jié)流出現(xiàn)在流體流動(dòng)中。 而JavaScript是事...
-
六、Babel的深入解析
1 為什么需要babel？ 事實(shí)上，在開發(fā)中我們很少直接去接觸babel，但是babel對(duì)于前端開發(fā)來(lái)說(shuō)，目前是不可缺少的一部分。原因如下： 開發(fā)中，我們想要使用ES6+的語(yǔ)...
-
四、webpack模塊化原理
Webpack打包的代碼，允許我們使用各種各樣的模塊化，但是最常用的是CommonJS、ES Module。需要的文件目錄如下： math.js common_index.j...
-
五、webpack之souce-map
1. 認(rèn)識(shí)source-map 我們的代碼通常運(yùn)行在瀏覽器上時(shí)，是通過(guò)打包壓縮的，但是，當(dāng)代碼報(bào)錯(cuò)需要調(diào)試時(shí)（debug），調(diào)試轉(zhuǎn)換后的代碼是很困難的，我們不能保證代碼不出錯(cuò)...
-
三、webpack之pluginLoader是用于特定的模塊類型進(jìn)行轉(zhuǎn)換，Plugin可以用于執(zhí)行更加廣泛的任務(wù)，比如打包優(yōu)化、資源管理、環(huán)境變量注入等。 1. CleanWebpackPlugin 前面我...
-
二、webpack的loader配置
webpack打包的時(shí)候只認(rèn)識(shí).js文件，但我們開發(fā)中肯定不僅僅只是js文件，如.html、.css、.jpg等，webpack提供了很多l(xiāng)oader來(lái)打包不同類型的文件。 ...