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

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

本周推荐

 

Minecraft in WebVR with HTML Using A-Frame

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

Scrolling on the web: A primer

还记得被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上看到的那些），而忽略了实际产品的需求。实际的产品需求包括业务流程，包括用户交互和行为习惯，包括各类意外的状况，还须要考虑用户的使用场景和设备。这篇文章就是告诉你应该如何跳出“视觉美”的这个怪圈，作正确的设计