Skip to content
久久日记本
曾经年少爱追梦,一心只想往前飞
  • 首页
  • 博客
    • 博客历史
    • 主题
    • 个人文集
  • 关于
    • 正在读的书
    • 作品归档
    • 2018作品归档
    • 联系我
  • 友情链接
  • 留言板
❄
❅
❆
❄
❅
❆
❄
❅
❆
❄
Front-End/Project

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

Posted on 2017年3月6日 by 九九 / 1361 Views

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

sheep

为什么叫sheep?

因为这只小可爱 ~_~ enjoy
blog

方案技术

新式的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插件。

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

Handlebars, JS, JSRender, NodeJS, Webpack
九九
过去的我们,现在的自己,往事,终会随风而逝。 View all posts by 九九 →

Post navigation

Older post
冷夜
Newer post
一个基于react-native的追梦人日记手机客户端

标签云

Android ASP.NET Baby C# C/C++ CSS Div DX11 flask front-end GAE Git Java JJProject JS Life MSSQL MVC OpenSource Oracle Python React React-Native Software Tools Vue Webpack Website Window WP7 乱记 十年旧梦 天气 宝宝成长日记 小说 工作 情感 故障 散文 日记 游戏开发 网新实训笔记 花落梧桐 诗间集 转载

时光机

  • 2023年2月
  • 2022年12月
  • 2022年4月
  • 2022年3月
  • 2022年1月
  • 2021年12月
  • 2021年11月
  • 2021年10月
  • 2021年9月
  • 2021年8月
  • 2021年6月
  • 2021年5月
  • 2021年4月
  • 2021年3月
  • 2021年2月
  • 2021年1月
  • 2020年5月
  • 2019年12月
  • 2019年10月
  • 2019年9月
  • 2019年6月
  • 2019年5月
  • 2019年2月
  • 2019年1月
  • 2018年12月
  • 2018年9月
  • 2018年8月
  • 2018年7月
  • 2018年6月
  • 2018年3月
  • 2018年2月
  • 2018年1月
  • 2017年11月
  • 2017年10月
  • 2017年9月
  • 2017年7月
  • 2017年3月
  • 2017年1月
  • 2016年12月
  • 2016年11月
  • 2016年10月
  • 2016年7月
  • 2016年3月
  • 2016年2月
  • 2016年1月
  • 2015年12月
  • 2015年11月
  • 2015年10月
  • 2015年9月
  • 2015年8月
  • 2015年7月
  • 2015年4月
  • 2015年3月
  • 2015年2月
  • 2015年1月
  • 2014年12月
  • 2014年11月
  • 2014年10月
  • 2014年9月
  • 2014年8月
  • 2014年7月
  • 2014年6月
  • 2014年5月
  • 2014年4月
  • 2014年3月
  • 2014年2月
  • 2014年1月
  • 2013年12月
  • 2013年11月
  • 2013年10月
  • 2013年9月
  • 2013年8月
  • 2013年7月
  • 2013年6月
  • 2013年5月
  • 2013年4月
  • 2013年3月
  • 2013年1月
  • 2012年11月
  • 2012年10月
  • 2012年9月
  • 2012年8月
  • 2012年7月
  • 2012年6月
  • 2012年5月
  • 2012年4月
  • 2012年3月
  • 2012年2月
  • 2012年1月
  • 2011年12月
  • 2011年11月
  • 2011年10月
  • 2011年9月
  • 2011年8月
  • 2011年6月
  • 2011年5月
  • 2011年4月
  • 2011年3月
  • 2011年2月
  • 2010年12月
  • 2010年11月
  • 2010年10月
  • 2010年9月
  • 2010年8月
  • 2010年6月
  • 2010年5月
  • 2010年2月
  • 2010年1月
  • 2009年12月
  • 2009年11月
  • 2009年10月
  • 2009年9月
  • 2009年8月
  • 2009年7月
  • 2009年6月
  • 2009年5月
  • 2009年4月
  • 2009年3月
  • 2009年2月
  • 2009年1月
  • 2008年8月
  • 2008年6月
  • 2008年5月
  • 2008年4月
  • 2008年2月
  • 2007年11月
  • 2007年8月
  • 2007年6月
  • 2007年5月
  • 2007年4月
  • 2007年3月
  • 2007年2月
  • 2007年1月
  • 2006年10月
  • 2006年8月
© 2006 - 2023 久久日记本
Powered by WordPress | Theme: Graphy for 99diary