在这里,我们将介绍其他高端的技术。


1、JavaScript模板引擎art-template。


昨天(2018年8月6日)在jspang的微信群上,迷迷糊糊间好像因为随意评价art-template好像把 照无眠大哥 惹怒了(后来根据群友的话,得知真实原因是别人问问题,我不帮忙还捣乱,怪我怪我),于是今早醒来看了看聊天记录赶紧补充下art-template的知识,顺带看看对 照无眠大哥 有没有帮助吧:

丶art-template的github: 点击跳转

丶art-template的简略介绍(★): 点击跳转

丶art-template的升级版攻略(★★★):   攻略1   攻略2

丶art-template如何与webpack结合紧急开发(★★★★★):    官方webpack文档    个人webpack配置

在这里说下为什么使用上面两个地址:在7月初的时候,公司要求紧急开发把一个大型站点临摹下来,当时头皮发麻直接拿刚学的webpack4就上了,实现的功能有:
     · 直接引用html模板,可直接在html文件中引用常用的html文件;
     · 通过vs code的live-share插件与自己配置的webpack局域网共享html视图 ……

所以,换位思考,如果是我被要求再次紧急开发的话,可能直接在原有的自己配置的webpack上直接引用art-template loader,因为已经实现引用html模板等便捷功能了,再引用这个js模板引擎可以实现更快速的开发

最后,温馨提示下:使用art-template毕竟是需要学习成本的,如果了解不充分,可能会导致有疏漏。然后在上面的简书文章中看到有说法是该模板引擎作者喜欢改名字,乱删文件……看百度上关于这个模板引擎的文章似乎都不是很深入,所以还是多看它官方github吧,毕竟7000多star了。

如上,jsliang。——08/07/08:00

简要PS: art-template简单来说就是把以前你通过字符串拼接,再用 js append 到 dom 然后再填充数据的方式转变为另外一种便于阅读,代码优雅,性能更快的模板引擎。当然功能肯定不止这个,具体的撸最开头的github地址就好啦~

最后的最后,我尝试了下,想把art-template-loader弄到项目来,看看能不能实现上面的说法。

但我发现没我想的那么简单,因为它(art-template-loader)的GitHub仅仅只有65个star,并且查看它的package.json中对应的webpack版本是v2.3.3,该loader最新更新是一年前……嗯,233……严肃脸。只是我不敢尝试下去了。附上该loader地址:点击这里。哪位大佬有兴趣的可以看下,如果成功配置了的记得通知下我,感激不尽!