前端資訊周報 3.13 - 3.19: WebVR來了！以及如何優化scroll事件性能

每周一我都會分享上一周我訂閱的技術站點中，和解決問題的過程中閱讀到的值得分享的文章。

畢竟個人的閱讀量有限，也歡迎大家留言或者私信給我你們閱讀到的，對你們前端技術有幫助的任何內容，題材不限，語言不限。可以是技術博客，也可以是知乎或stackoverflow的問答。

如果你覺得這篇分享給你帶來了幫助，請不要吝惜的點個贊，或者把這個專欄推薦給你的朋友們，還可以關注我。謝謝啦！

本周推薦

Minecraft in WebVR with HTML Using A-Frame

這篇文章教你如何通過一個 WebVR 框架 A-Frame 來開發一個 VR 應用（既支持高端的Oculus Rift，也支低端的Google Board紙盒）。可惜我什麼沒有VR設備，看不到實際的效果

Scrollingnon 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 ProgressivenWeb App

福布斯雜誌新的移動頁面使用了Progressive Web App技術，有一些數據非常可觀：

• 據說在0.8秒內就能載入完畢，之前的網站需要3到12秒的時間
• 用戶訪問新站點的平均時間（session duration）翻倍了，新增了20%的曝光（impressions）

我已經決定在我的下一個項目中使用nPWA 了！

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，這篇文章把nWebAssembly 與 asm.js 進行了比較。 asm.js 則聲稱是另一類更底層的javascript子集，提供更好的性能。兩者都想必是未來的Javascript趨勢，有機會做一個專題

Animated Grainy Texture

DayTrip 網站的標題部分展現了一種微妙閃爍的動畫效果，這實際上的是通過偽元素的圖片覆蓋與簡單的幀動畫實現的。又需要的通過可以拿去（不過我覺得這麼微妙的動畫很難看出來，收益率不大啊）

How To Develop An Interactive Command Line ApplicationnUsing 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 peoplenoff

我們每個人都是互聯網產品的使用者，相信我們大多數人都被一些產品毫無徵兆的改版惹怒過——改版過後你再也找不到你常用的功能了。這篇文章給出了一些改版過程中的建議，正如標題所說，如何在不惹怒用戶的情況下開始改版

Dont accelerate yournstartup

這篇文章和上一篇文章都來自Basecamp團隊37signals。這一篇文章和他們所寫的書《重來》的風格類似，關於不要放棄創業，不要只追逐金錢，有點雞湯有點熱血。最重要的是還有點道理

The Beauty Of Imperfection In Interface Design

UX設計師們在設計UI時總是會陷入誤區：即僅僅追求視覺上的舒暢和優美（就像你在Dribbble上看到的那些），而忽略了實際產品的需求。實際的產品需求包括業務流程，包括用戶交互和行為習慣，包括各種意外的情況，還需要考慮用戶的使用場景和設備。這篇文章就是告訴你應該如何跳出「視覺美」的這個怪圈，做正確的設計