兼容ie8项目前端技术选型

[ihtml5]

一.整体策略

模块化+工程化

二.框架选型及其场景

1. require.js

   模块加载器，相应规范amd 版本：2.3.2

2. jquery

   基础库 版本号：1.9.2

3. bootstrap3/amazeui 2.7.x（ie8有限支持）

   样式优化 版本号: 2.x.x/3.x.x

4. bootstrap-table

   数据表格包括增，删，改，查，导出，过滤，切换视图等 版本号：所有版本均支持ie8以上 常见问题：export 插件有兼容问题

5. bootstrap-multiselect

   多项选择框 版本号：所有版本均支持ie8以上 常见问题：option.class写法有问题需改成option['class']

6. ztree

   树形菜单 版本号：所有版本均支持ie8以上

   三.目前开发存在的问题

7. 没有形成通用模块及其使用规范

   解决办法：

   • 目前js文件加载多，依赖不清楚，使用require.js清晰依赖，提高加载速度
   • 选择合适的ui库，目前自己编写
   • 根据业务编写通用ui元素比如导航，面包屑，菜单等；
   • 根据项目类型，选择不同的目录结构

8. 针对业务场景尽可能多的封装前端操作功能，简化后端使用成本

   解决办法：

   • 进一步封装bootstrap-table的操作接口,简化使用
   • 进一步封装bootstrap-multiselect的操作接口,简化使用
   • 进一步封装ztree的操作接口，简化使用。

9. 在前端建立服务层

   解决办法： 抽象前台与后台的请求接口，独立成服务层

   相关脚手架

   require-jquery-bootstrap