今天我們講講項(xiàng)目中實(shí)戰(zhàn)就是文字展開收起組件的實(shí)現(xiàn)過程,講解這個(gè)就是為了讓多給大家一個(gè)思路,想法?! 『唵蝸碚f文字展開收起組件產(chǎn)生的需求背景,就是為省略顯示,然后有展開收起的按鈕可以操作。我們看顯示效果上圖: 上圖是文字收起的圖示,超過一定的字?jǐn)?shù)那就收起省略顯示,并出現(xiàn)查看全部按鈕。 上圖顯示的就是操作了查看全部按鈕之后,文字需要全部顯示出來并有收起按鈕。還是來看一張gif圖的顯示最后該組件...
之前我們講過template轉(zhuǎn)成AST(抽象語法樹),現(xiàn)在我就繼續(xù)對模型樹優(yōu)化,進(jìn)行靜態(tài)標(biāo)注。這要如何實(shí)現(xiàn)? 在源碼的注釋中我們找到了下面這段話: /** * Goal of the optimizer: walk the generated template AST tree * and detect sub-trees that are purely static, i.e. part...
我們現(xiàn)在講講凍結(jié)JS對象方法技術(shù)吧,下面舉例相關(guān)代碼。我們一起來學(xué)習(xí)學(xué)習(xí)吧! 冰封的美人——凍結(jié)JS對象 現(xiàn)在我們了解下JS對象 js對象是普通對象,鍵值對方式,且其屬性不加引號(hào),表示方法如下,對象內(nèi)有對象屬性,對象方法和普通的對象概念相同 varobj={ name:"cxy", age:"18" } 要是只是修改對象的屬性,ob...
我們現(xiàn)在要講述的是當(dāng)解析器遇到一個(gè)文本節(jié)點(diǎn)時(shí)會(huì)如何為文本節(jié)點(diǎn)創(chuàng)建元素描述對象,那又該作何處理?! arseHTML(template,{ chars:function(){ //... }, //... }) chars源碼: chars:functionchars(text){ if(!currentParent){ { if(text===templ...
本篇文章主要講述JS中l(wèi)et與const命令使用,通過代碼展示給各位?! et命令 基本使用 在ES6中,let命令是新增的聲明變量,與var的差異在于let無法重復(fù)聲明,且let有效只是在其命令的代碼塊內(nèi),let禁止變量出現(xiàn)變量提升現(xiàn)象,let的特點(diǎn)就是通過暫時(shí)性死區(qū)的方式來避免程序上的錯(cuò)誤 代碼塊:使用{}包括起來的內(nèi)容 聲明變量:分配一個(gè)存儲(chǔ)空間 不可重復(fù)聲明:let聲明過后...
暫無介紹