lit-html模板怎样

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

　　适用于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`<div>Hello${name}!</div>`;
　　//Thisrenders<div>HelloSteve!</div>tothedocumentbody
　　render(helloTemplate('Steve'),document.body);
　　//Thisupdatesto<div>HelloKevin!</div>,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模板怎样”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！