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

每週一我都會分享上一週我訂閱的技術站點中,和解決問題的過程當中閱讀到的值得分享的文章。這是迫使我學習的一個動力javascript

本週推薦

 

Minecraft in WebVR with HTML Using A-Framecss

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

Scrolling on the web: A primer前端

還記得被scroll事件支配的恐懼嗎?——scroll事件是公認的引發性能降低的陷阱。這篇文章介紹了目前現代瀏覽器爲優化scroll事件所作出的一些改進。同時也從代碼的角度給出了一些避免影響性能的添加scroll事件相關代碼的一些方案java

常規技巧

State of Responsive Images 2017node

響應式圖片的現狀,仍是老樣子:支持的瀏覽器確定是在逐漸增多;可是不一樣瀏覽器對於不一樣屬性的支持是不一樣;不一樣瀏覽器對於同一種屬性的實現也可能不一樣react

Measuring Image Widths in JavaScript (Carefully!)web

這篇文章自己的價值不大。引發我興趣的是,他介紹了一個前端庫 imagesloaded ,用於判斷某個DOM內的圖片是否已經加載完成。 同時在評論中他不同意使用 getComputedStyle 和 getBoundingClientRect 方法來獲取尺寸。因而我很是有興趣想了解 imagesload 這個類庫中是如何實現的,若是有誰已經有了成果能夠留言告訴你們windows

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上看到的那些),而忽略了實際產品的需求。實際的產品需求包括業務流程,包括用戶交互和行爲習慣,包括各類意外的狀況,還須要考慮用戶的使用場景和設備。這篇文章就是告訴你應該如何跳出「視覺美」的這個怪圈,作正確的設計

相關文章
相關標籤/搜索