奇舞周刊122期
最后更新于：2022-04-01 05:19:33
## 奇舞推荐
* ### [【译】CSS 模块](http://www.w3ctech.com/topic/1479)
CSS新技能，欢迎进入CSS新世界！描述了 CSS 通过 JS 编译达到模块化目的，使得 CSS 类名单一化，命名普通化，复用简单化。
奇舞推荐 CSS JavaScript React Sass Module公子推荐
* ### [【幻灯片】重拾 CSS 的乐趣（下）](https://github.com/cssmagic/blog/issues/54)
有（上）就要有（下），要么怎么看的尽兴呢~~~下集比上集更好玩，让我们继续用 CSS 来完成那些乍看起来 “不可能完成” 的任务吧！（上篇[地址](http://www.75team.com/weekly/issue122.html)）
奇舞推荐 CSSっ'Aries-X²º¹⁴推荐
* ### [【译】JavaScript 性能优化的凶手](http://www.w3ctech.com/topic/1474)
本文给出了许多避免使代码性能远低于预期的建议。 尤其是一些会导致 V8（涉及 Node.js，Opera，Chromium 等）无法优化相关函数的问题。
奇舞推荐 JavaScript 性能 优化vilicvane推荐
## 性能优化
* ### [优化JavaScript的执行效率](https://developers.google.com/web/fundamentals/performance/rendering/optimize-javascript-execution?hl=zh-cn)
页面里的动画效果大多是通过JavaScript触发的。有些是直接修改DOM元素样式属性而产生的，有些则是由数据计算而产生的，比如搜索或排序。错误的执行时机和太长的时间消耗，是常见的导致JavaScript性能低下的原因。你需要尽量减少这两方面对你的JavaScript代码带来的执行性能的影响。
性能优化lei推荐
* ### [如何分析移动Web性能以及优化](https://docs.google.com/document/d/1K-mKOqiUiSjgZTEscBLjtjd6E67oiK8H2ztOiq5tigk/pub)
如何分析移动Web性能以及优化，善用ChromeDev工具
性能优化lei推荐
* ### [【译】调试 CSS Keyframe 动画](http://www.w3ctech.com/topic/1472)
页面动画直接关系到用户体验，本文作者总结了一些有用的工具和方法。
性能优化 CSS Keyframe裕波推荐
## 其它
* ### [【译】用SVG实现Hero Slider](http://www.w3ctech.com/topic/1477)
实战性强，效果超赞。
SVG 动画 幻灯片李松峰推荐
* ### [前端的基础修养：aria-label](http://lepture.com/zh/2015/fe-aria-label)
学习下提高前端易用性的 aria 标签，作者目前有一系列的基础修养文章
HTML柏盼推荐
* ### [Gulp 范儿——Gulp 高级技巧](http://csspod.com/advanced-tips-for-using-gulp-js/)
Gulp上手很简单，但更多时候我们需要的是一些高级技巧。本文从高级、定制层面，探讨使用 Gulp及相关插件、stream 过程存在的陷阱。
工具 Gulp任祥磊推荐
* ### [前端代码异常日志收集与监控](http://www.cnblogs.com/hustskyking/p/fe-monitor.html)
功能、测试和监控是程序开发的三板斧，很多工程师可以将功能做的尽善尽美，也了解一些测试方面的知识，可是在监控这个方向上基本处于大脑空白。错误日志的收集、整理算是监控的一个小部分，但是它对我们了解网站稳定性至关重要。