前端週刊第 60 期:用空格縮排的程式設計師掙得更多?

王仕軍發表於2017-06-19

David Robinson 從 Stack Overflow 年度開發者調查中發現的結論,使用空格縮排比使用製表符縮排的程式設計師平均年薪高 8.6%,即多超過兩年的工作經驗,當然這個結論是純粹統計上的相關性,很難說就是實際的因果關係,最後作者特意強調:為了薪水他繼續堅持使用空格縮排,你呢?

技術動態

CSS 年度調查報告

Louis Lazaris 進行了為期 6 周的問卷收集,對 1600 份問卷結果做的彙總,基本覆蓋了 CSS 社群今年以來發生的變化,比如比較受歡迎的工具、方法論、編碼技巧,資訊量不小。不論老鳥、新手透過這份報告能觀察到大家都是怎麼做的,不斷打磨自己的工具箱長期來說會是非常划算的投資。

TypeScript 2.4 RC 版本釋出

新版的 TypeScript 帶來的特性包括:支援動態 import 表示式,更安全的回撥引數檢查,弱型別支援,字串列舉等,其中弱型別支援是跟跟老版本不相容的。正在學習或者使用 TypeScript 同學可以關注。

V8 引擎釋出 6.0 版本

這裡探討的 V8 引擎不是 Node.js 8,不久前 Node.js 釋出新版的時候,很多人把兩者搞混了。該版本新增 SharedArrayBuffer 支援,並且帶來了原生的 rest/spread 操作符支援。時間節點方面:V8 最新版將會在 Chrome 60 中釋出,Node.js 也會跟隨釋出。

文章教程

19 個常用的 JS 簡寫技巧

用更少的程式碼做更多的事情,會讓你成為更牛的程式設計師,說起來容易具體怎麼做呢?熟練掌握程式碼的簡寫技巧就非常管用,作者在這篇文章中整理了 19 個常用的 JS 簡寫技巧,當然,部分簡寫轉換是不完全等價的,注意原文中的標註,改出了 Bug 可不好。

那些年處理過的內容溢位

靠譜的程式設計師會很在意自己寫的程式的健壯性,彈 JS 的健壯性很好理解,實際上 CSS 也是有的。有沒有這樣的體會,設計圖非常的完美,但是僅僅照著那個做出來的東西在生產環境資料的測試下可能出各種問題,其中最典型的就是內容溢位,這篇文章講了不少內容溢位的處理辦法,文末有彩蛋,有個叫做 ForceFeed 的工具幫你在開發階段做內容溢位測試。

程式碼講解把 Console 用到極致

來自 FreeCodeCamp,Console 是多數程式設計師的除錯首選,但 Console 對大多數人來說是既熟悉又陌生的,我親眼見到不少新同學的除錯程式碼寫的很蹩腳,讀完這篇文章,你能學到諸如如何用 Console 格式化輸出、對程式碼計時、對輸出分組、輸出表格。

高效 Node.js 程式設計師都有的開發習慣

這裡整理了 8 個高效 Node.js 程式設計師都有的開發習慣,從包管理,到指令碼管理,再到程式碼風格、測試等,原文用的次是 “Happy Developer”,養成這些好的習慣,能為你避免不少麻煩,麻煩少了,效率就高了,自然就會 “Happy”,不是麼?

Lin Clark:記憶體管理入門教程

程式設計師漫畫作家 Link Clark 的作品,系列文章有 3 篇,連結在原文頭部,即使初學者也能透過這 3 篇文章理解 JS 中為什麼要引入 ArrayBuffer 和 SharedArrayBufer,以及引入這些特性之後如何處理特殊情況。

程式碼框架

Awesome React Components

有同學問我該怎麼選擇適合業務使用的 React 元件或者元件庫,做任何選擇的方法論都是相同的,先找到備選,然後新增必要的條件對備選進行過濾,關於 React 元件或者元件庫,這篇就收錄了不少備選,接下來的必要條件就跟實際的業務有關了。

如何對 &#2489 這種文字解碼?

最近處理業務資料,發現部分資料全部被編碼成了類似 &#2489 的內容,前端同學對這個應該都不陌生,因為 HTML 裡面的 > 和 < 都是類似的,如何對這些東西解碼?這篇就是個現成的輪子。

React Native Spinner 工具箱

Loading Spinner 是多數應用都會採用的互動方式,可以極大的減少使用者感知的等待時間,這是把 spinkit 遷移到 React Native 的即插即用的元件,支援超過 10 種動效,相比內建的 ActivityIndicator 能給你更多的選擇。

Vue 專用 TypeScript 程式碼片段

如果想把 TypeScript 快速融入到自己的開發習慣中,需要找到很多類似的工具配置,這是專門為 Vue、Vuex 定製的 VSCode 程式碼片段,當然更好的方式是根據自己的工作方式去定製。

精彩問答

Vim 如何實現無限撤銷?

Vim 如果不做任何配置,預設的撤銷動作只能在當前開啟的檔案中執行,無限撤銷的能力能讓你撤銷昨天甚至很久之前做的修改,只需要簡單的幾行配置就可以搞定。

工作能力強的人有哪些共同特徵?

知乎上廣受關注的問題,跟每個人的成長有關。你有沒有在工作中遇到能力很強的人,不僅知識淵博,而且軟實力讓人佩服,做什麼事情都感覺很讓人放心。這類人有什麼共同的特徵?對我們有什麼啟發?

如何優雅的殺掉卡住的 SSH 會話?

遇到過 SSH 會話卡住的時候你會憤怒的敲鍵盤?粗暴的關掉終端視窗?實際上是有更優雅的方式來殺掉卡住的 SSH 會話,命令也很簡單。

One More Thing

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

Happy Hacking

相關文章