国产web前端框架推荐之–NEC(网易)

2014-03-11阅读(9364)评论(2)

W3Cways.com 微信公众号

NEC

NEC

NEC:更好的CSS方案。nec框架是非常优秀的css框架,包含了规范、框架、代码库等内容。
NEC官网:http://nec.netease.com/

规范

你是否常常碰到以下问题:你总是看不懂他写的代码,或者读起来很吃力;你需要改他的代码却无从下手,或总是要去问他这里是什么改了会不会影响其他代码;你和他一起开发一个产品,你总是怕代码和他有冲突或互相影响;你的代码在多次维护任务之后变得越来越臃肿,越来越难以维护。
解决以上问题只需一种方法——读我们的规范!

  • CSS规范:一系列规则和方法,帮助你架构并管理好样式。
  • HTML规范:一系列建议和方法,帮助你搭建简洁严谨的结构
  • 工程师规范:前端页面开发工程师的工作流程和团队协作规范

框架

NEC提供了很多CSS、HTML模板,再也不用为user agent stylesheetbody而头疼啦

  • css reset:重置样式,清除浏览器默认样式,并配置适合设计的基础样式。
  • css function:功能样式,从常用样式方法中抽离,按需使用
  • css media:媒体查询,为不同的设备和大小配置不同的样式
  • css animation:常见动画效果的集合,主要用于效果演示和参考,基于css3
  • html template:包含完整头部信息和主体结构的HTML模板
  • html email:用于制作邮件内容的HTML模板

代码库

NEC提供了常见布局、模块、技巧等代码,在这里找到她,或给你启发,或她就是你的。为满足产品对不同的平台和设备的要求,NEC代码库中的代码开发使用了三种版本:兼容、优雅、高级。
(兼容[1]:支持包括IE6在内的所有主流浏览器和设备,UI效果可能有所退化。
优雅[2]:在高级浏览器中有“高级”效果,在低级浏览器中有“兼容”效果,是高级版的“优雅退化”,也是兼容版的“渐进增强”。
高级[3]:支持IE9+、Chrome、Safari、Firefox等主流浏览器,支持移动设备和所有智能系统,具有优越的UI效果。)

  • 布局:提供各种常见的页面布局方法,比如定宽布局、自适应布局等
  • 模块:提供各种常见的网页内容模块,比如导航、菜单、幻灯、图文列表等
  • 元件:提供各种常见的网页内容元件,比如按钮、标题、输入框等
  • BUG:展示了浏览器的BUG及其解决方案,比如IE双倍边距、3像素问题等
  • 技巧:提供各种较难或特殊设计的解决技巧,比如垂直居中、自适应等
  • 动画:使用CSS3实现的各种常见动画效果,比如淡入淡出、弹出等

总结:NEC提供了很多基础性的东西,对于刚入行的web前端工程师们,可以更好更方便的学习一些web前端系统性的东西,规范,BUG,技巧等等,而且每个demo中还自带代码运行效果,可以随时修改方便自己调试、学习,NEC必须得给个赞!

下篇将介绍nec的姊妹篇

转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » 国产web前端框架推荐之–NEC(网易)

分享到:更多 ()

Web前端开发-Web前端工程师--Web前端学习之路

联系我们