一个支持IE6,IE8及其以上和现代浏览器的前端模型渲染解决方案。
为什么叫sheep?
因为这只小可爱 ~_~ enjoy
方案技术
新式的AngularJS ,vue 和React ,无法兼容老版本的IE8及其以下浏览器,本解决方案实现在低版本的浏览器上,渲染数据模型。
细节
后端:nodejs express模拟api;
前端:require,webpack,json对象渲染,handlerbars(当前版本),jsrender(旧版本,当前版本)
为什么没有使用backbone来渲染?
你当然可以使用backbone来维护数据模型,然而backbone的虽然能保存数据状态,却无法自动更新页面渲染结果,需要手动,如果这时候单页面应用存在更多的重叠窗体,则会造成刷新数据困难的窘相。
本解决方案并不是用来解决复杂的重叠多窗体,而是在于在不使用backbone的情况下更方便的渲染前端页面,仅是对于在老旧的低版本浏览器上渲染数据的一种探索。
支持性
支持helper插件,可以自定义方法;
支持触发dom事件;
支持Ajax渲染页面,handlebars渲染,类似AngularJS效果,当然无法与ng媲美;
阻塞性加载,可以用es6新出的方式,然而似乎es6无法用于IE6,所以建议还是用普通的分步请求;
项目可行性
该项目解决方案已经被我用于个人实践并在空闲时间逐步完善,github上示例项目请等待缓慢更新。
项目代码本身兼容IE6,使用webpack打包成ES5模式,理论上是可以在低版本IE上运行,经过测试,果然可行。
如果需要增加方法,可以考虑从JQuery和underscore从剥离一些可行的方法或者自己封装成helper插件。
这种方案用于简单的替代无法使用框架的情况还算比较靠谱的。