如何开发一个简单易用的前端代码库

##一些问题

  1. 现有框架解决了什么问题,缺点是什么?
    样式重设,IE bug处理,缺点是没有进行对象结构扩展,实现最大程度的复用。

  2. 我所面临的问题?
    不断重复类似功能的代码,并且面向结构,复用度太低,应该在功能上进行完全的分离。

  3. 我要实现的目标?
    90%以上css代码的重用,面向对象结构,加入细粒度对象和布局对象,加入CSS交互控制模块和css插件模块。

  4. 优点?
    多浏览器兼容,遵循web标准,代码量少,结构清晰,快速开发,高度复用,维护简便,易于理解使用。

  5. 框架带来的问题?
    Html页面过多的class元素,因为放弃多级选择器,导致原本不使用class的元素使用class。

  6. 如何实现高度复用和简便维护?
    加入大量的原子对象,以进行自由的重用。
    增加页面常用对象,以便在项目代码中进行重写。
    在元素的命名等方面进行约束,避免后期维护困难。

##一个前端库诞生
rain css

rain css代码库

##Rain css代码结构
结构

##css代码库过大如何处理
使用copyCss来进行过滤

##兼容移动端
使用 CSS3 Media Queries来对专门的class进行重写,并新增移动端专用class

##进行hybrid开发的优势
1.无需对单独模块增加专门样式文件
2.html模块中的class可以方便快速的修改而不影响其他功能模块