站点图标 久久日记本

Sheep:一个支持IE6,IE8及其以上前端模型渲染解决方案

一个支持IE6,IE8及其以上和现代浏览器的前端模型渲染解决方案。

sheep

为什么叫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插件。

这种方案用于简单的替代无法使用框架的情况还算比较靠谱的。

退出移动版