扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章主要为大家展示了“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}!`; //ThisrendersHelloSteve!tothedocumentbody render(helloTemplate('Steve'),document.body); //ThisupdatestoHelloKevin!,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模板怎样”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流