本期導讀:十一過后,是時候來一波秋季干貨。最近Facebook將React的許可改為MIT,針對React,本次帶來setState源碼分析@嚴曉娥,以及@吳掌雄的js實現微信公眾號算法,文末展示了websocket實現的簡易聊天室,歡迎嘗試。
原創文章
@嚴曉娥 Reactjs源碼走讀 --- setState時觸發render的過程
在調用setState時,react會幫我們去更新DOM,重新去render一次,這個過程是怎么實現的呢?了解它就能很好的幫助我們理解為什么有時我們通過setState改變了一個變量的值,而再次使用時還是原來的值...
@吳掌雄 講解 js實現微信公眾號簽名算法
微信公眾號的簽名一般是服務器后端完成的,但有時候我們要調用官方jssdk里面的一些分享、圖像、掃一掃等安全性要求不是很高的接口時,其實可以前端直接簽名調用。本文為大家分享一下前端js實現微信公眾號簽名算法...
@陳昱宏 介紹 WebVR交互事件 --- gaze 開發實現
Gaze注視事件是WebVR最基本的交互方式,用戶通過頭部運動改變視線朝向,當用戶視線正對著物體時,觸發物體綁定的事件,具體分為三個基本事件,分別是gazeEnter,gazeTrigger,gazeLeave...
精選文章
@阮一峰 簡單易懂的 Koa 框架教程
Koa 就是一種簡單好用的 Web 框架。它的特點是優雅、簡潔、表達力強、自由度高。本身代碼只有1000多行,所有功能都通過插件實現,很符合 Unix 哲學。本文從零開始,循序漸進,教會你如何使用 Koa 寫出自己的 Web 應用...
@joyhuang 介紹 網頁加速特技之 AMP
Accelerated Mobile Pages (AMP)直譯過來就是在移動設備上快速加載的網頁。它是由 Google 發起的一個開源項目,主要目的是縮短靜態內容的渲染時間從而有效提升網站的加載速度...
前端視界
本期展示的是基于websocket的多人簡易聊天室@陳昱宏,使用koa和socket.io框架開發。
Demo:www.pinganh5.com/showcase/59d9faf953887b935434eed2
源碼:github.com/YoneChen/chatroom
前端圖記
一個Vue組件從初始化到更新渲染的執行過程是什么樣的呢,下圖來自Vue官網展現了Vue組件的生命周期。