国产web前端框架推荐之–NEC(网易)
2014-03-11 00:00
543 查看
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015033/c7b2c73b00e77898821c962dd7e37dad.jpg)
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前端框架推荐之-NEJ(网易)
- 国产web前端框架推荐之–KISSY(淘宝)
- 推荐一些web前端开发比较有用的框架和组件
- 网易前端框架--NEC
- web前端开发框架推荐
- 推荐几款Web前端框架
- 推荐几款Web前端框架
- 开源的前端web框架推荐
- 推荐十四款常见的Web前端开发框架
- 推荐一款程序员常用的web前端框架
- 推荐一款Web 前端 UI 框架 — Bootstrap
- hybridapp/webapp的前端UI框架推荐
- 推荐几款Web前端框架
- 推荐一些不错的开源免费易上手的web前端框架
- 推荐给初入web前端几种常用的设计框架
- 推荐几款Web前端框架
- Web前端开发框架推荐
- 推荐几款Web前端框架
- web前端框架推荐
- web 移动前端框架