专栏名称: 亿级流量网站架构
开涛技术点滴
目录
相关文章推荐
OSC开源社区  ·  Gitee ... ·  3 天前  
京东科技技术说  ·  【银河麒麟高级服务器操作系统】正式上线云主机 ... ·  4 天前  
稀土掘金技术社区  ·  我在 pre 直接修改 bug,被领导批评了 ·  2 天前  
51好读  ›  专栏  ›  亿级流量网站架构

2017前端工具趋势

亿级流量网站架构  · 公众号  · 程序员  · 2017-03-21 07:37

正文

请到「今天看啥」查看全文



尽管CSS表面上是看似简单的属性和值对的集合,但却是公认的难以掌握。 CSS3推出了一系列新特性,所以越来越难以被完全掌握。 例如,我对新的 CSS Grid module 了解很少,因此在开发 Flexbox布局 时经常需要反复调试!


有10%的开发者承认自己只有不到一年的开发经验,却声称掌握最新的CSS知识! 我猜他们很快就会发现,他们知道的越多,越会意识到不知道的越多!


CSS预处理器


因为被超过63%的开发者使用,因此 Sass 成为最受欢迎的预处理器。也有8%的开发者使用 PostCSS ,虽然它通常与其他预处理器结合使用,以提供有用的功能 - 如 AutoPrefixer (65%的受访者采用)。


有14%的开发者更喜欢使用原生CSS代码而不使用预处理器。如果你认为它是最简单(和最好的)开始前端开发的方式,那就显得有点low了。 如果86%的开发者使用了预处理器,预计平均每个网站会产生7.2次CSS文件请求。


有70%的受访者使用过 Less ,19%的受访者使用过 Stylus ,80%从未听说过 Rework


CSS命名规范

46%的开发者使用命名规范,但是在资深CSS开发者当中,这一比例上升到57%。


最受欢迎的选项是 BEM (40%),其次是 CSS Modules (16%), OOCSS (15%)和 SMACSS (13%)。


其它CSS工具

39%的开发者在当前项目中使用 Modernizr 。 这似乎令人惊讶,它的主要用途是兼容旧版本的IE浏览器,在很大程度上已经被遗弃。 ( Microsoft已于2016年1月停止支持IE10及以下版本。


14%的开发者使用 Stylelint 检查CSS有效性。 这个比例看起来很低,因为最流行的IDE和编辑器集成了一些类似的CSS检查,所以它不是必须的。


23%的开发人员不使用任何CSS工具或命名方法。







请到「今天看啥」查看全文