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://6mz.cn/article/jhdgo.html