dom就是網(wǎng)頁(yè)中的元素，網(wǎng)頁(yè)中每一個(gè)標(biāo)簽都是一個(gè)node節(jié)點(diǎn)，包括media，title等元素，通常分文四類文檔節(jié)點(diǎn)：就是整個(gè)網(wǎng)頁(yè)文檔 他的nodeName: "#docum...
發(fā)簡(jiǎn)信
IP屬地：海南
-
JavaScript對(duì)dom的操作
-
vue中使用lazyload實(shí)現(xiàn)圖片懶加載
圖片懶加載主要是只有當(dāng)圖片出現(xiàn)在瀏覽器的可視區(qū)域內(nèi)時(shí)，才向服務(wù)器請(qǐng)求圖片設(shè)置圖片正真的路徑，讓圖片顯示出來(lái)。第一步：安裝lazyload 第二步：main.js導(dǎo)入lazyl...
-
vuex輔助函數(shù)的使用mapGetters,mapActions，mapMutations
在vuex中，有些狀態(tài)屬性會(huì)有些重復(fù)和冗余，為了解決這個(gè)問(wèn)題我們可以使用輔助函數(shù)來(lái)簡(jiǎn)化處理代碼，輔助函數(shù)的使用方法如下第一步：在當(dāng)前頁(yè)面導(dǎo)入輔助函數(shù) 第二步驟，使用輔助函數(shù)，...
-
: Unexpected token u in JSON at position錯(cuò)誤
: Unexpected token u in JSON at position錯(cuò)誤這是因?yàn)閘ocalStorage.getItem("cart")獲取的值是undefine...
-
VUE中const變量使用方式
第一步 設(shè)置const變量export const ADDNUM = 'addnum';export const JIANNUM = 'jiannum';export con...
-
vue3中把圖片打包成base64的配置方式1、新建一個(gè)vue.config.js文件，然后復(fù)制以下代碼 limit可以修改照片大小的范圍，5000就是5kb以下的轉(zhuǎn)成base64 2、重新npm run sever
-
數(shù)組去重的的方法
1、使用new Set去重 2、使用for嵌套循環(huán)刪除重復(fù)的值 3、indexof判斷新數(shù)組是否包含這個(gè)相同值 ，如果不等于-1也就是新數(shù)組沒有這個(gè)值就push到新數(shù)組中 ...
-
詳解vue原理實(shí)現(xiàn)Object.defineProperty的應(yīng)用
vue中的mvvm就是數(shù)據(jù)雙向綁定，也就是數(shù)據(jù)model通過(guò)viewmodel影響視圖view，視圖view通過(guò)viewmodel影響數(shù)據(jù)model。那么他是具體怎么實(shí)現(xiàn)的呢...
-
es6中set的使用方式
es6中的set主要是作用是一是對(duì)數(shù)組去重，set的將數(shù)組去重實(shí)例化 ，二是對(duì)數(shù)組交集 合并、差集 set的的方法有以下幾種 clear 清空內(nèi)容 返回的是underfine...
-
es6中map的使用方式
es6的map 主要是可以讓任何形式作為對(duì)象的熟悉，例如數(shù)字、對(duì)象、函數(shù)等等我們以前的object的屬性都是字符串，例如 但是我們現(xiàn)在使用map來(lái)定義對(duì)象，可以用任何值作為屬...
-
es6中擴(kuò)展運(yùn)算符...的使用方式
es6中擴(kuò)展運(yùn)算符... 用于參數(shù)對(duì)象的所有可遍歷屬性，拷貝到當(dāng)前對(duì)象之中?？梢詫?shí)現(xiàn)深拷貝實(shí)現(xiàn)合并數(shù)組 實(shí)現(xiàn)深淺拷貝
-
es6中的解構(gòu)賦值
es6中的對(duì)象解構(gòu)賦值 對(duì)象的解構(gòu)賦值，新變量名字要和對(duì)象中的變量名一致 數(shù)組中的解構(gòu)賦值，數(shù)組是依次賦值的 字符串的解構(gòu)賦值，也是依次賦值的 利用解構(gòu)賦值，我們可以快速將2...
-
移動(dòng)端tarbar導(dǎo)航顯示與隱藏的方式
tarbar的是顯示和隱藏我們可以使用vuex和路由來(lái)控制，使用watch來(lái)是監(jiān)聽當(dāng)前路由是否包含某個(gè)路徑，如果包含則顯示，把vuex中的state屬性設(shè)置為true，然后在...
-
nextTick()詳細(xì)解釋
nextTick()簡(jiǎn)單的理解是：當(dāng)網(wǎng)頁(yè)數(shù)據(jù)更新了，并且在dom中渲染后，自動(dòng)執(zhí)行該函數(shù)，當(dāng)項(xiàng)目中你想在改變DOM元素的數(shù)據(jù)后基于新的dom做點(diǎn)什么，對(duì)新DOM一系列的js操...
-
父子組件生命周期執(zhí)行順序
父子組件生命周期執(zhí)行順序：首先執(zhí)行父組件的 beforeCreate created beforeMount 。在執(zhí)行子組件的beforeCreate...
-
vue混入mixin
mixin主要作用是提取組件中相同的代碼，對(duì)生命周期、methods、components、data都可以做提取，也可以說(shuō)他也算一種公共變量
-
css開發(fā)中遇到的問(wèn)題總結(jié)
1、css定義變量 --color-text：#66 使用方法 color:var(--color-text)讓所有的選擇器都可以使用自定義變量屬性。最佳實(shí)踐是定義在根偽類...
-
vue報(bào)錯(cuò)：TypeError: Cannot read property 'length' of undefined
這是因?yàn)楫惒郊虞d數(shù)據(jù)沒有加載完，就在組件使用length屬性，此時(shí)data數(shù)據(jù)為空，導(dǎo)致的錯(cuò)誤 解決的方式： 在最外面的div使用vif做一個(gè)判斷，如果這個(gè)data屬性有值，...
-
debounce搜索防抖函數(shù)封裝
應(yīng)用場(chǎng)景：需要頻繁請(qǐng)求的地方，例如搜索框搜索 使用第三方框架 underscore.js解決防抖_.debounce(function,time,true)function是...