前端週刊第 50 期:React 狀態管理 + Vue.js 作弊條 + 命令列技巧

王仕軍發表於2017-04-09

本文共 2743 字,讀完需 6 分鐘,速讀需 2 分鐘。因為休了幾天假今晨才返京,所以週日晚才發出來。本期在 IDE、命令列、React、Vue 等方面都有涉及,還收錄了 csswizardry 博主的開發環境和裝備。以下是精選內容,請享用。

技術動態

React v15.5.0 正式版釋出

Facebook 近期釋出了 React v15.5.0 小版本,該版本的變化主要包括增加 CreateClass 和 PropTypes 的棄用警告和部分 Bugfix,具體可以參照原文,需翻牆。

Dropbox:Brotli 靜態資源壓縮演算法實戰

這篇文章來自 Dropbox 工程團隊,他們在自己的服務中部署了 Brotli:比 gzip 壓縮還要小 20% 的壓縮演算法,用於提供靜態資源,文中有詳細的資料、實現方案、以及部署之後發現的問題。

文章教程

async/await 甩 Promise 幾條街的 6 大理由

Node.js v7.6.0 中已經天然開啟了 async/await 特性的支援,如果你還不知道他們是啥,放下手頭的事情研究下先。async/await 可以說是更加優雅的 JS 非同步處理方式,寫出來的程式碼比 Promise 更加簡潔,這裡列出了 6 大理由,哈哈~

Grid Garden:互動式的 Grid 佈局學習園地

Grid Garden 是一個互動式的 Grid 佈局學習園地,程式碼和演示並排展示,一步步教你學會 Grid 佈局的各種屬性。

如何處理 Node.js 中的 Unhandled Promise Rejection

Node.js 從 V6.6.0 開始,會在命令列中把未處理的 Promise Rejection 列印成 Warning,而 Promise Rejection 通常意味著我們的應用丟擲了錯誤,未來的 Node.js 版本遇到 Promise Rejection 會直接拋錯而不是簡單的警告,我們在現在的程式碼中該如何處理這種問題?有什麼坑?都在這篇文章裡啦。

MobX vs Redux: Comparing the Opposing Paradigms

Redux 與 MobX 是 React 生態中最火熱的狀態管理工具,社群也一直沒有停止對上述兩者的討論。在不久前結束的 React Conf 2017 中,Preethi Kasireddy 也做了相關分享,MobX vs Redux: Comparing the Opposing Paradigms,讓我們來看看她的觀點是怎樣的。英文好的同學可以去 Youtube 上看視訊。

你看不到的 CSS 屬性

前端日常工作中,你的首要目標可能就是讓頁面元素看起來跟設計圖完全相同,實現目標的過程跟結果相比起來可能並不是那麼重要,這也意味著,使用 CSS 的時候,我們會更關心視覺效果而不是 CSS 究竟是如何工作的,有過部分工作經驗的同學可能已經意識到,CSS 程式碼的視覺效果會受到部分不可見屬性的影響,比如 display 屬性,怎樣才算是真的掌握了 CSS ?通過這篇文章認真學習不可見屬性。

開發工具

Reactide:專門為 React 定製的 IDE

Reactide 是收款專門為 React 定製的整合開發環境,支援 Windows、Mac,目測也是使用類似於阿童木的技術編寫的,使用 Reactide 開發 React 應用不需要任何配置,你只需要開啟檔案、編輯、儲存,就能預覽效果。還在早期開發階段,有興趣的同學可以試試。

bash 入門學習指南

第 49 期週刊中有篇題為《優秀的程式設計師都喜歡命令列》的文章,而 bash 是眾多命令列環境中的經典,這篇文章列出了能夠在 bash 中完成的各種操作,比如檔案、目錄、文字、網路等,沒有非常複雜的引數講解,非常適合入門。

通過 .npmrc 打磨你的 Node.js 開發環境

對於 Node.js 開發者來說,每天使用 npm 命令列的次數恐怕是僅次於編輯器的,Node.js 生態的蓬勃發展離不開 npm,npm 命令列工具是高度可配置和自定義的,這篇文章列出了可以通過 .npmrc 來完成的優化你開發環境的全域性配置。

Harry Roberts 的開發環境和裝備

不知道 Harry Roberts 的同學總該知道 csswizardry.com 這個網站吧,他就是這個網站的博主,他在這篇文章中貼出了自己的開發環境和裝備,工欲善其事必先利其器,如果你想效率非常,對開發環境的調校和練習是必不可少的。

找找靈感

Vue.js 2.2 API 作弊條

這個作弊條完整列出了 Vue.js 2.2 版本的全部 API,並且附上了到官方文件的連結,排版也一目瞭然,喜歡使用作弊條的同學可以列印出來了。

呼叫 JS 函式的 11 種姿勢

這個 gist 列出了呼叫 JS 函式的 11 種姿勢,然後給大家挖了一個大坑,後面的評論區還有不少補充,估計大多數同學只用過其中的幾種,站在個人角度,冷門的方式不建議用,但是站到你面前,你要能認出來。

精彩問答

如何通過 HTTP Header 讓你的應用更安全?

這篇發表在 smashingmagazine 的文章介紹瞭如何通過設定恰當的 HTTP Header,讓你的應用更安全,具體來說就是如何避免被人內嵌、如何避免 XSS、如何避免被快取、如何避免點選劫持、如何避免嗅探。嚴肅的工程師都應該把這些安全措施用到實際專案中。

工程師面試為什麼要考演算法和寫程式碼?

很多面試工程師職位的抱怨,為什麼面試的時候老是要考什麼演算法呀,還要現場寫程式碼?弄得大家天天去刷面試題,這些有什麼用?這篇文章聊了這麼做的原委,筆者非常贊同。不是為了考演算法而考演算法,面試官需要在短暫的面試時間內確定候選人是否夠聰明、是否能出活。

One More Thing

本文作者王仕軍,商業轉載請聯絡作者獲得授權,非商業轉載請註明出處。如果對文中的內容有任何疑問,歡迎留言討論。想知道我接下來會寫些什麼?歡迎訂閱本掘金專欄,或我的知乎專欄:《前端週刊:讓你在前端領域跟上時代的腳步》

Happy Hacking

相關文章