推薦
1. 京東618:ReactNative框架在京東無線端的實踐
http://www.infoq.com/cn/artic…
React Native最近兩三年之內整個框架在業界應該說是非常熱門,很多團隊、大公司都在做RN的一些研究開發工作。先一起回想下在React Native框架出現之前,網際網路APP開發是一種什麼樣的模式。最初,大多數同學應該是用原生開發Android或者iOS,再加上HTML5內嵌的方式,即Web APP。之後又衍生出了Hybrid APP,基於PhoneGap/Cordova框架實現了WebView的能力強化。不知道大家在做這種開發的時候,有沒有遇到過一些瓶頸或者一些痛點,反正我們的團隊是遇到了很多。這裡總結一下之前傳統的方式有哪些問題。
2. 為什麼我選擇了 React 而不是 Vue?
https://medium.com/@CalinLeaf…
本文作者闡述了自己在技術選型過程中更傾向於 React 的原因,本文帶有較強的主觀色彩,請讀者批判性閱讀。本文作者認為 React 與 Vue 雖然是相似的前端元件型庫,但是 Vue、Angular、Knockout 等框架依舊是以 HTML 為中心,使用指令來描述部分邏輯;而 React 則是以 JavaScript 為中心,完全使用 JavaScript 程式碼來描述邏輯。本文從模板、工具、狀態的可變性等角度來論證自己的觀點。
3. 規模化場景下的Twitter Lite與高效能React漸進式Web應用
http://www.infoq.com/cn/artic…
想要構建一款效能出色的Web應用程式,我們需要投入大量技術週期以檢測時間浪費點、瞭解其發生原因並嘗試各類解決方案。遺憾的是,這種做飯往往無法快速解決問題。效能無疑是一項永恆的命題,技術人員永遠徘徊在觀察與測量當中,卻幾乎永遠找不到最優解。不過利用Twitter Lite,我們已經在眾多層面內取得了細小但卻極具價值的改進:從初始載入時間到React元件渲染(防止二次渲染),再到影像載入以及更多層面。儘管大多數變更本身並不顯著,但其相加所帶來的最終結果是,我們得以構建起一款規模極大且速度極快的漸進式Web應用程式。
4. 基於 JavaScript 的機器學習
https://hackernoon.com/machin…
人工智慧與機器學習的浪潮洶湧而來,JavaScript 也並非旁觀者;可能有很多人認為 JavaScript 過於緩慢、缺乏大量的科學計算庫、僅適用於 Web 開發,而本文以及系列文章則深入淺出地介紹瞭如何利用 JavaScript 進行常見的深度學習操作。本文即以簡單的迴歸擬合為例,從最基礎的庫安裝、資料匯入、資料預處理到模型訓練、模型預測 介紹瞭如何使用 JavaScript 進行簡單的機器學習任務。
其它
1. URL編碼的奧祕
https://aotu.io/notes/2017/06…
URL編碼的世界很精彩,你不過來看一下麼?
2. 現代 Web 開發魔法書
https://github.com/dexteryy/s…
本書是對現代 JavaScript Web 開發中涉及知識的分類與介紹,來源於作者日常工作中傳送給全棧 Web 團隊新人的資源;目前已經納入了超過兩千的涵蓋了專案、工具、外掛、服務、文章、資料、站點等多方面的連結。本書包含了 Web 平臺概述、HTML5,CSS,JS 特性介紹、常用的 GUI 框架與架構介紹、應用開發流程中使用的工具介紹等等欄目
3. 談爬蟲反爬蟲套路,以及前端工程師在該領域的逆襲
本文首先介紹了爬蟲與反爬蟲的現狀,造成目前爬蟲流量氾濫的原因,然後討論了,爬蟲反爬蟲技術的現狀以及雙方相互套路的方式,最後聊了下前端工程師在該領域會起到的作用。
4. 五個提升 React Native 應用效能的方法
https://hackernoon.com/5-ways…
本文作者分享了自己在過去一段時間內嘗試提升公司 React Native 應用效能的實踐經驗,包括如何設定有效的效能測試、強制啟動 no-bind 規則、使用函式式元件、重製 TabMap 的邏輯等等。
5. Chrome 60 Beta 釋出,新增 Patint Timing API
https://blog.chromium.org/201…
近日釋出的 Chrome 60 Beta 版本中新增了 Paint Timing API、CSS font-display 等新特性,同時優化了證照管理、支付請求介面等功能。我們可以方便地使用 Paint Timing API 來對網頁的載入指標中的,首屏繪製與首屏內容繪製進行計算。