推薦

1. 京東618：ReactNative框架在京東無線端的實踐

京東618：ReactNative框架在京東無線端的實踐

React Native最近兩三年之內整個框架在業界應該說是非常熱門，很多團隊、大公司都在做RN的一些研究開發工作。先一起回想下在React Native框架出現之前，互聯網APP開發是一種什麼樣的模式。最初，大多數同學應該是用原生開發Android或者iOS，再加上HTML5內嵌的方式，即Web APP。之後又衍生出了Hybrid APP，基於PhoneGap/Cordova框架實現了WebView的能力強化。不知道大家在做這種開發的時候，有沒有遇到過一些瓶頸或者一些痛點，反正我們的團隊是遇到了很多。這裡總結一下之前傳統的方式有哪些問題。

2. 為什麼我選擇了 React 而不是 Vue？

https://medium.com/@CalinLeafshade/why-i-chose-react-over-vue-3dd9a230b507

本文作者闡述了自己在技術選型過程中更傾向於 React 的原因，本文帶有較強的主觀色彩，請讀者批判性閱讀。本文作者認為 React 與 Vue 雖然是相似的前端組件型庫，但是 Vue、Angular、Knockout 等框架依舊是以 HTML 為中心，使用指令來描述部分邏輯；而 React 則是以 JavaScript 為中心，完全使用 JavaScript 代碼來描述邏輯。本文從模板、工具、狀態的可變性等角度來論證自己的觀點。

3. 規模化場景下的Twitter Lite與高性能React漸進式Web應用

規模化場景下的Twitter Lite與高性能React漸進式Web應用

想要構建一款性能出色的Web應用程序，我們需要投入大量技術周期以檢測時間浪費點、了解其發生原因並嘗試各類解決方案。遺憾的是，這種做飯往往無法快速解決問題。性能無疑是一項永恆的命題，技術人員永遠徘徊在觀察與測量當中，卻幾乎永遠找不到最優解。不過利用Twitter Lite，我們已經在眾多層面內取得了細小但卻極具價值的改進：從初始載入時間到React組件渲染（防止二次渲染），再到圖像載入以及更多層面。儘管大多數變更本身並不顯著，但其相加所帶來的最終結果是，我們得以構建起一款規模極大且速度極快的漸進式Web應用程序。

4. 基於 JavaScript 的機器學習

https://hackernoon.com/machine-learning-with-javascript-part-1-9b97f3ed4fe5

人工智慧與機器學習的浪潮洶湧而來，JavaScript 也並非旁觀者；可能有很多人認為 JavaScript 過於緩慢、缺乏大量的科學計算庫、僅適用於 Web 開發，而本文以及系列文章則深入淺出地介紹了如何利用 JavaScript 進行常見的深度學習操作。本文即以簡單的回歸擬合為例，從最基礎的庫安裝、數據導入、數據預處理到模型訓練、模型預測 介紹了如何使用 JavaScript 進行簡單的機器學習任務。

其它

1. URL編碼的奧秘

URL編碼的奧秘

URL編碼的世界很精彩，你不過來看一下么？

2. 現代 Web 開發魔法書

dexteryy/spellbook-of-modern-webdev

本書是對現代 JavaScript Web 開發中涉及知識的分類與介紹，來源於作者日常工作中發送給全棧 Web 團隊新人的資源；目前已經納入了超過兩千的涵蓋了項目、工具、插件、服務、文章、數據、站點等多方面的鏈接。本書包含了 Web 平台概述、HTML5，CSS，JS 特性介紹、常用的 GUI 框架與架構介紹、應用開發流程中使用的工具介紹等等欄目

3. 談爬蟲反爬蟲套路，以及前端工程師在該領域的逆襲

談爬蟲反爬蟲套路，以及前端工程師在該領域的逆襲

本文首先介紹了爬蟲與反爬蟲的現狀，造成目前爬蟲流量泛濫的原因，然後討論了，爬蟲反爬蟲技術的現狀以及雙方相互套路的方式，最後聊了下前端工程師在該領域會起到的作用。

4. 五個提升 React Native 應用性能的方法

https://hackernoon.com/5-ways-we-improved-our-react-native-app-2704d5098b20

本文作者分享了自己在過去一段時間內嘗試提升公司 React Native 應用性能的實踐經驗，包括如何設置有效的性能測試、強制啟動 no-bind 規則、使用函數式組件、重製 TabMap 的邏輯等等。

5. Chrome 60 Beta 發布，新增 Patint Timing API

https://blog.chromium.org/2017/06/chrome-60-beta-paint-timing-api-css.html

近日發布的 Chrome 60 Beta 版本中添加了 Paint Timing API、CSS font-display 等新特性，同時優化了證書管理、支付請求介面等功能。我們可以方便地使用 Paint Timing API 來對網頁的載入指標中的，首屏繪製與首屏內容繪製進行計算。