1-页面标签化的一些想法？

这个想法大概设想了有2，3年了吧，不过一直都是从事后端的开发和项目的管理。慢慢的，这个想法也就没时间去深入探究了。加上这几年优秀的前端框架穷出不穷，最近接触的很多前端开发都在用vue.js和react.js这类的框架，蚂蚁金服也推出了ant design脚手架，感觉酷炫屌炸天的样子。但是作为一个Java Web开发人员，react这些的思想对我而言，怎么说呢，组件化、模块化还能理解，不过学习成本真的比较大，加之用jQuery用了这么些年也是有感情，ES6的语法虽然简洁，但个人还是喜欢js这种被人诟病成是“玩具”的语言，个人感觉简单、方便、灵活，配合css一起想干嘛就干嘛，不用整的学个react还要学习ES6语法，nodeJs指令，git那些的。当然这是个人的想法，毕竟我不是前端，而且还很懒，我就想找个简单的方式处理我想要的效果。

记得大前年那时候，我就跟我师父讨论前端组件化和标签化的想法。那时刚入行没多久，又是做外包服务的，所以开发前端页面都要一遍又一遍来。后来，我们就像做一套自己的前端组件，起码这样复用性强点，但不可能全部自己做，就基于第三方的组件进行二次封装。实践过程中，我们会发现很多我们开发的流程就是通过ajax进行数据交互的，很少会用表单的方式，所以我想能不能在把这些东西封装起来，复用它，只要参数那些配置标签上就可以了。

后面很少专职做前端的开发了，公司也采用后端框架（Freemarker）渲染前端页面。只是有时候在一些小项目中使用基于腾讯的artTemplate.js模板引擎，配合jQuery进行封装实现标签化组件的一些方法，不过感觉也就是个玩具。后来同事推荐学习vue.js，了解些它的原理，感觉自己是闭门造车，不过也提不起兴趣去学习，感觉自己堕落了。不过，有时候还是会想，页面能不能就简简单单的配置下接口或者数据，写个模板渲染就好了。举个例子，我们需要一个列表能不能直接这么：

<div role="list" data-mock="data" data-item="item" >
    <div>#{item.username}</div>
    <div>#{item.age}</div>
</div>

或者以接口方式

<div role="list" data-url="http://127.0.0.1/api/data" data-method="post" data-bind="result.data" data-item="item"> 
    <div>#{item.username}</div>
    <div>#{item.age}</div>
</div>

当然，这些都是个人的臆想。自己做的话，还是有点吃力，虽然也尝试过，实现了效果，不过还是得站在别人的肩膀上才行。感谢腾讯的artTemplate模板引擎，很方便。就是功能弱了点，建议作者拓展下foreach的方式，参考freemarker的功能实现下。