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

[RainZhai]

一些问题

1. 现有框架解决了什么问题，缺点是什么？
   样式重设，IE bug处理，缺点是没有进行对象结构扩展，实现最大程度的复用。
2. 我所面临的问题？
   不断重复类似功能的代码,并且面向结构，复用度太低,应该在功能上进行完全的分离。
3. 我要实现的目标？
   90%以上css代码的重用，面向对象结构，加入细粒度对象和布局对象，加入CSS交互控制模块和css插件模块。
4. 优点?
   多浏览器兼容,遵循web标准,代码量少,结构清晰,快速开发,高度复用，维护简便，易于理解使用。
5. 框架带来的问题?
   Html页面过多的class元素，因为放弃多级选择器，导致原本不使用class的元素使用class。
6. 如何实现高度复用和简便维护?
   加入大量的原子对象，以进行自由的重用。
   增加页面常用对象,以便在项目代码中进行重写。
   在元素的命名等方面进行约束,避免后期维护困难。

一个前端库诞生

rain css代码库

Rain css代码结构

css代码库过大如何处理

使用copyCss来进行过滤

兼容移动端

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

进行hybrid开发的优势

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

[arjenhill]

深思熟虑，值得点赞。

[JavaPythonGO]

学习中，收获很大！