今天接触到一种使用javascript来实现的前端模板编写技巧,不需要后端的匹配替换,直接在浏览器端就可以完成。Not Using jQuery JavaScript Templates? You’re Really Missing Out。觉得思路不错,特此分享。 在浏览器端实现模板编程的难点之一,就是怎么编写HTML模板。这个在那篇文章中使用了script标签,这个觉得非常太神奇了,最神奇的是给script的type设置为text/html之后,它就不会使用javascript引擎来解析那些代码,也不会在页面上将HTML显示出来,同时也不报错。这都被发现了,牛逼! 知道了怎么保存模板之后,接下来的事情就是解析模板了,统一替换变量的声明方式,下面是我样例中使用的方式: [html] <script id="test" type="text/html"> <li><a href="${url}$">${name}$</a></li> </script> [/html] 之后,就是通过javascript程序来解析了,我简单写了一个template函数来实现这个功能,《测试用例》: … 了解更多