這篇文章主要為大家展示了“l(fā)it-html模板怎樣”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“l(fā)it-html模板怎樣”這篇文章吧。

創(chuàng)新互聯(lián)是一家專(zhuān)注于成都網(wǎng)站制作、成都網(wǎng)站建設(shè)與策劃設(shè)計(jì),廣東網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)十年,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:廣東等地區(qū)。廣東做網(wǎng)站價(jià)格咨詢(xún):13518219792

適用于JavaScript的高效，富有表現(xiàn)力，可擴(kuò)展的html模板庫(kù)。lit-html模板是簡(jiǎn)單的JavaScript，結(jié)合了html編寫(xiě)的熟悉程度和JavaScript的強(qiáng)大功能。lit-html負(fù)責(zé)有效地將模板呈現(xiàn)給DOM，包括使用新值有效地更新DOM。

lit-html模板怎樣

import{html,render}from'lit-html';
　　//Thisisalit-htmltemplatefunction.Itreturnsalit-htmltemplate.
　　consthelloTemplate=(name)=>html`
Hello${name}!
`;
　　//Thisrenders
HelloSteve!
tothedocumentbody
　　render(helloTemplate('Steve'),document.body);
　　//Thisupdatesto
HelloKevin!
,butonlyupdatesthe${name}part
　　render(helloTemplate('Kevin'),document.body);

怎么評(píng)價(jià)lit-html

lit-htmlhasfourmaingoals:EfficientupdatesofpreviouslyrenderedDOM.ExpressivenessandeasyaccesstotheJavaScriptstatethatneedstobeinjectedintoDOM.StandardJavaScriptwithoutrequiredbuildsteps,understandablebystandards-complianttools.Verysmallsize.簡(jiǎn)單翻譯一下，4個(gè)目標(biāo)：快速渲染DOM（評(píng)：性能對(duì)比還沒(méi)實(shí)錘，『performancebenchmarkingisjuststarting』，個(gè)人判斷對(duì)于中后臺(tái)的重渲染性能還是很擔(dān)憂(yōu)的，C端的渲染應(yīng)該還可以，類(lèi)似于artTemplate）很容易接入狀態(tài)管理工具（評(píng)：這個(gè)不錯(cuò)，減少了框架的耦合性，想用響應(yīng)式（Mobx）或者不可變式（Redux）狀態(tài)管理工具都行）不需要構(gòu)建工具（評(píng)：意味著不高的瀏覽器兼容性，面向未來(lái)的技術(shù)）很小的體積（評(píng)：更適合C端）總體看下來(lái)收益不大。

以上是“l(fā)it-html模板怎樣”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章名稱(chēng)：lit-html模板怎樣-創(chuàng)新互聯(lián)
本文URL：http://weahome.cn/article/jhdgo.html