Fanny

vant官網(wǎng)鏈接[https://vant-contrib.gitee.io/vant/#/zh-CN/button] 1.確保安裝了Vant和babel-plugin-im...

Fanny

滾動(dòng)頁(yè)面到摸一個(gè)元素的位置的時(shí)候,改元素實(shí)現(xiàn)吸頂效果 只要在需要實(shí)現(xiàn)吸頂效果的元素的上添加position: sticky; 屬性,就可以實(shí)現(xiàn)相應(yīng)的效果

Fanny

雖然對(duì)于canvas不是很了解,但是寫這個(gè)效果確實(shí)是很常用的,看到這個(gè)資料的時(shí)候相對(duì)于來(lái)說(shuō)這個(gè)代碼還是比較簡(jiǎn)單的,所以這里先保存下來(lái) 效果展示

Fanny

效果預(yù)覽

Fanny

下面給出js判斷處理代碼移動(dòng)端還是pc端，以作參考 判斷是否微信瀏覽器中打開(kāi)

Fanny

效果展示: 效果展示: 效果展示:

Fanny

實(shí)現(xiàn)效果:

Fanny

標(biāo)簽的顯示模式(display): 定位的特性

Fanny

js變量的作用域:全局作用域（全局變量) : 在函數(shù)外面聲明的變量**生命周期(變量從聲明到銷毀)： 頁(yè)面從打開(kāi)到關(guān)閉.局部作用域（局部變量) : 在函數(shù)里面聲明的變量**生...

Fanny

函數(shù)也是對(duì)象,也有屬于自己的屬性但是使用console.log(fn) 打印的是函數(shù)體代碼,要想獲取函數(shù)對(duì)象自己的屬性需要使用console.dir(fn)

Fanny

使用typeof方法檢測(cè)數(shù)據(jù)類型 方法不嚴(yán)謹(jǐn),在檢測(cè)數(shù)組和對(duì)象是都是object 類型的 萬(wàn)能的數(shù)據(jù)類型檢測(cè)方式 這里由一個(gè)思考問(wèn)題代入這個(gè)知識(shí)點(diǎn)思考題：數(shù)組調(diào)用toStri...

Fanny

函數(shù)調(diào)用上下文的三種方式Function.prototype.call Function.prototype.apply Function.prototype.b...

Fanny

面向?qū)ο蟮娜筇卣?1.封裝: 把功能封裝到對(duì)象中,外部只需要調(diào)用,無(wú)需關(guān)心內(nèi)部實(shí)現(xiàn)2.繼承: 一個(gè)對(duì)象擁有另一個(gè)對(duì)象的所有的成員3.多態(tài): 同一個(gè)對(duì)象在不同情況下的多種狀態(tài)...

Fanny

1.使用indexof2.使用開(kāi)關(guān)思想3.使用對(duì)象的屬性名不能重復(fù)檢測(cè)4.使用冒泡排序的方法

Fanny

圖片預(yù)加載與懶加載 由名字可以知道,圖片的預(yù)加載->當(dāng)用戶需要查看圖片可以直接從本地緩存中取到(提前加載下來(lái)的),圖片的懶加載->是當(dāng)用戶一次性訪問(wèn)的圖片數(shù)量比較多的時(shí)候,會(huì)...

Fanny

實(shí)現(xiàn)效果 實(shí)現(xiàn)代碼 項(xiàng)目解說(shuō) 以上代碼只是項(xiàng)目中的一部分,但是已經(jīng)可以完全明了的解釋以上的問(wèn)題,可以直接賦值代碼,查看效果,如果你在其中發(fā)現(xiàn)了什么問(wèn)題,請(qǐng)慷慨提出來(lái),大家一起進(jìn)步

Fanny

問(wèn)題解說(shuō): 在使用css 的animations 屬性時(shí),首次加載循環(huán)會(huì)出現(xiàn)白色的間隙,看著有點(diǎn)像頁(yè)面有刷新的感覺(jué),后面每次循環(huán)就不會(huì)再有這個(gè)問(wèn)題問(wèn)題演示 解決辦法 最終效...