前端资讯周报 3.13 - 3.19: WebVR来了！以及如何优化scroll事件性能

每周一我都会分享上一周我订阅的技术站点中，和解决问题的过程中阅读到的值得分享的文章。这是迫使我学习的一个动力

这篇文章教你如何通过一个 WebVR 框架 A-Frame 来开发一个 VR 应用（既支持高端的Oculus Rift，也支低端的Google Board纸盒）。可惜我什么没有VR设备，看不到实际的效果

还记得被scroll事件支配的恐惧吗？——scroll事件是公认的引起性能下降的陷阱。这篇文章介绍了目前现代浏览器为优化scroll事件所做出的一些改进。同时也从代码的角度给出了一些避免影响性能的添加scroll事件相关代码的一些方案

常规技巧

State of Responsive Images 2017

响应式图片的现状，还是老样子：支持的浏览器肯定是在逐渐增多；但是不同浏览器对于不同属性的支持是不同；不同浏览器对于同一种属性的实现也可能不同

Measuring Image Widths in JavaScript (Carefully!)

这篇文章本身的价值不大。引起我兴趣的是，他介绍了一个前端库 imagesloaded ，用于判断某个DOM内的图片是否已经加载完成。同时在评论中他不赞成使用 getComputedStyle 和 getBoundingClientRect 方法来获取尺寸。于是我非常有兴趣想了解 imagesload 这个类库中是如何实现的，如果有谁已经有了成果可以留言告诉大家

Forbes rebuilt its new mobile website as a Progressive Web App

福布斯杂志新的移动页面使用了Progressive Web App技术，有一些数据非常可观：

据说在0.8秒内就能加载完毕，之前的网站需要3到12秒的时间
用户访问新站点的平均时间（session duration）翻倍了，新增了20%的曝光（impressions）

我已经决定在我的下一个项目中使用 PWA 了！

10 React mini-patterns

这是作者自己的在开发React过程中总结的10条设计模式。实话实说，看完之后我并没有什么感触——因为我开发React的时间不多，但是希望对大家有帮助

Linting HTML using CSS

手工编写HTML代码难免会犯一些错误，例如忘记添加了 charset，lang属性，viewport标签没有编写正确等等。然而这些错误仅仅用CSS就能检测出来。不信的话看这篇文章吧。

Why WebAssembly is Faster Than asm.js

最佳Mozilla在狂推 WebAssembly，这篇文章把 WebAssembly 与 asm.js 进行了比较。 asm.js 则声称是另一类更底层的javascript子集，提供更好的性能。两者都想必是未来的Javascript趋势，有机会做一个专题

Animated Grainy Texture

DayTrip 网站的标题部分展现了一种微妙闪烁的动画效果，这实际上的是通过伪元素的图片覆盖与简单的帧动画实现的。又需要的通过可以拿去（不过我觉得这么微妙的动画很难看出来，收益率不大啊）

How To Develop An Interactive Command Line Application Using Node.js

你一定使用过Gulp，Grunt，或者是 Yeoman。不知道你有没有惊叹于这些工具附带的CLI能够精准的识别命令行指令，以及能够根据指令下载文件，生成本地文件等功能。这篇文章就告诉你如果做命令行应用。

新人入门

Quick Tip: How JavaScript References Work

关于Javascript引用类型如何使用的文章，短小精悍，图文并茂，适合入门

Golden Guidelines for Writing Clean CSS

如何规范的书写和设计样式代码，先给新人

讲讲道理

How to launch software changes without pissing people off

我们每个人都是互联网产品的使用者，相信我们大多数人都被一些产品毫无征兆的改版惹怒过——改版过后你再也找不到你常用的功能了。这篇文章给出了一些改版过程中的建议，正如标题所说，如何在不惹怒用户的情况下开始改版

Don't accelerate your startup

这篇文章和上一篇文章都来自Basecamp团队37signals。这一篇文章和他们所写的书《重来》的风格类似，关于不要放弃创业，不要只追逐金钱，有点鸡汤有点热血。最重要的是还有点道理

The Beauty Of Imperfection In Interface Design

UX设计师们在设计UI时总是会陷入误区：即仅仅追求视觉上的舒畅和优美（就像你在Dribbble上看到的那些），而忽略了实际产品的需求。实际的产品需求包括业务流程，包括用户交互和行为习惯，包括各种意外的情况，还需要考虑用户的使用场景和设备。这篇文章就是告诉你应该如何跳出“视觉美”的这个怪圈，做正确的设计