lit-html模板怎样-创新互联

这篇文章主要为大家展示了“lit-html模板怎样”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“lit-html模板怎样”这篇文章吧。

创新互联是一家专注于成都网站制作、成都网站建设与策划设计,广东网站建设哪家好?创新互联做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:广东等地区。广东做网站价格咨询:13518219792

适用于JavaScript的高效,富有表现力,可扩展的html模板库。lit-html模板是简单的JavaScript,结合了html编写的熟悉程度和JavaScript的强大功能。lit-html负责有效地将模板呈现给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);

怎么评价lit-html

lit-htmlhasfourmaingoals:EfficientupdatesofpreviouslyrenderedDOM.ExpressivenessandeasyaccesstotheJavaScriptstatethatneedstobeinjectedintoDOM.StandardJavaScriptwithoutrequiredbuildsteps,understandablebystandards-complianttools.Verysmallsize.简单翻译一下,4个目标:快速渲染DOM(评:性能对比还没实锤,『performancebenchmarkingisjuststarting』,个人判断对于中后台的重渲染性能还是很担忧的,C端的渲染应该还可以,类似于artTemplate)很容易接入状态管理工具(评:这个不错,减少了框架的耦合性,想用响应式(Mobx)或者不可变式(Redux)状态管理工具都行)不需要构建工具(评:意味着不高的浏览器兼容性,面向未来的技术)很小的体积(评:更适合C端)总体看下来收益不大。

以上是“lit-html模板怎样”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前题目:lit-html模板怎样-创新互联
当前网址:http://csdahua.cn/article/jhdgo.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流