前端周刊第60期:用空格縮進(jìn)的程序員掙得更多?

David Robinson 從 <a >Stack Overflow 年度開發(fā)者調(diào)查</a>中發(fā)現(xiàn)的結(jié)論,使用空格縮進(jìn)比使用制表符縮進(jìn)的程序員平均年薪高 8.6%,即多超過兩年的工作經(jīng)驗(yàn),當(dāng)然這個(gè)結(jié)論是純粹統(tǒng)計(jì)上的相關(guān)性,很難說(shuō)就是實(shí)際的因果關(guān)系,最后作者特意強(qiáng)調(diào):為了薪水他繼續(xù)堅(jiān)持使用空格縮進(jìn),你呢?

技術(shù)動(dòng)態(tài)

CSS 年度調(diào)查報(bào)告

Louis Lazaris 進(jìn)行了為期 6 周的問卷收集,對(duì) 1600 份問卷結(jié)果做的匯總,基本覆蓋了 CSS 社區(qū)今年以來(lái)發(fā)生的變化,比如比較受歡迎的工具、方法論、編碼技巧,信息量不小。不論老鳥、新手透過這份報(bào)告能觀察到大家都是怎么做的,不斷打磨自己的工具箱長(zhǎng)期來(lái)說(shuō)會(huì)是非常劃算的投資。

TypeScript 2.4 RC 版本發(fā)布

新版的 TypeScript 帶來(lái)的特性包括:支持動(dòng)態(tài) import 表達(dá)式,更安全的回調(diào)參數(shù)檢查,弱類型支持,字符串枚舉等,其中弱類型支持是跟跟老版本不兼容的。正在學(xué)習(xí)或者使用 TypeScript 同學(xué)可以關(guān)注。

V8 引擎發(fā)布 6.0 版本

這里探討的 V8 引擎不是 Node.js 8,不久前 Node.js 發(fā)布新版的時(shí)候,很多人把兩者搞混了。該版本新增 SharedArrayBuffer 支持,并且?guī)?lái)了原生的 rest/spread 操作符支持。時(shí)間節(jié)點(diǎn)方面:V8 最新版將會(huì)在 Chrome 60 中發(fā)布,Node.js 也會(huì)跟隨發(fā)布。

文章教程

19 個(gè)常用的 JS 簡(jiǎn)寫技巧

用更少的代碼做更多的事情,會(huì)讓你成為更牛的程序員,說(shuō)起來(lái)容易具體怎么做呢?熟練掌握代碼的簡(jiǎn)寫技巧就非常管用,作者在這篇文章中整理了 19 個(gè)常用的 JS 簡(jiǎn)寫技巧,當(dāng)然,部分簡(jiǎn)寫轉(zhuǎn)換是不完全等價(jià)的,注意原文中的標(biāo)注,改出了 Bug 可不好。

那些年處理過的內(nèi)容溢出

靠譜的程序員會(huì)很在意自己寫的程序的健壯性,彈 JS 的健壯性很好理解,實(shí)際上 CSS 也是有的。有沒有這樣的體會(huì),設(shè)計(jì)圖非常的完美,但是僅僅照著那個(gè)做出來(lái)的東西在生產(chǎn)環(huán)境數(shù)據(jù)的測(cè)試下可能出各種問題,其中最典型的就是內(nèi)容溢出,這篇文章講了不少內(nèi)容溢出的處理辦法,文末有彩蛋,有個(gè)叫做 ForceFeed 的工具幫你在開發(fā)階段做內(nèi)容溢出測(cè)試。

代碼講解把 Console 用到極致

來(lái)自 FreeCodeCamp,Console 是多數(shù)程序員的調(diào)試首選,但 Console 對(duì)大多數(shù)人來(lái)說(shuō)是既熟悉又陌生的,我親眼見到不少新同學(xué)的調(diào)試代碼寫的很蹩腳,讀完這篇文章,你能學(xué)到諸如如何用 Console 格式化輸出、對(duì)代碼計(jì)時(shí)、對(duì)輸出分組、輸出表格。

高效 Node.js 程序員都有的開發(fā)習(xí)慣

這里整理了 8 個(gè)高效 Node.js 程序員都有的開發(fā)習(xí)慣,從包管理,到腳本管理,再到代碼風(fēng)格、測(cè)試等,原文用的次是 “Happy Developer”,養(yǎng)成這些好的習(xí)慣,能為你避免不少麻煩,麻煩少了,效率就高了,自然就會(huì) “Happy”,不是么?

Lin Clark:內(nèi)存管理入門教程

程序員漫畫作家 Link Clark 的作品,系列文章有 3 篇,鏈接在原文頭部,即使初學(xué)者也能透過這 3 篇文章理解 JS 中為什么要引入 ArrayBuffer 和 SharedArrayBufer,以及引入這些特性之后如何處理特殊情況。

代碼框架

Awesome React Components

有同學(xué)問我該怎么選擇適合業(yè)務(wù)使用的 React 組件或者組件庫(kù),做任何選擇的方法論都是相同的,先找到備選,然后添加必要的條件對(duì)備選進(jìn)行過濾,關(guān)于 React 組件或者組件庫(kù),這篇就收錄了不少備選,接下來(lái)的必要條件就跟實(shí)際的業(yè)務(wù)有關(guān)了。

如何對(duì) &#2489 這種文字解碼?

最近處理業(yè)務(wù)數(shù)據(jù),發(fā)現(xiàn)部分?jǐn)?shù)據(jù)全部被編碼成了類似 &#2489 的內(nèi)容,前端同學(xué)對(duì)這個(gè)應(yīng)該都不陌生,因?yàn)?HTML 里面的 > 和 < 都是類似的,如何對(duì)這些東西解碼?這篇就是個(gè)現(xiàn)成的輪子。

React Native Spinner 工具箱

Loading Spinner 是多數(shù)應(yīng)用都會(huì)采用的交互方式,可以極大的減少用戶感知的等待時(shí)間,這是把 spinkit 遷移到 React Native 的即插即用的組件,支持超過 10 種動(dòng)效,相比內(nèi)置的 ActivityIndicator 能給你更多的選擇。

Vue 專用 TypeScript 代碼片段

如果想把 TypeScript 快速融入到自己的開發(fā)習(xí)慣中,需要找到很多類似的工具配置,這是專門為 Vue、Vuex 定制的 VSCode 代碼片段,當(dāng)然更好的方式是根據(jù)自己的工作方式去定制。

精彩問答

Vim 如何實(shí)現(xiàn)無(wú)限撤銷?

Vim 如果不做任何配置,默認(rèn)的撤銷動(dòng)作只能在當(dāng)前打開的文件中執(zhí)行,無(wú)限撤銷的能力能讓你撤銷昨天甚至很久之前做的修改,只需要簡(jiǎn)單的幾行配置就可以搞定。

工作能力強(qiáng)的人有哪些共同特征?

知乎上廣受關(guān)注的問題,跟每個(gè)人的成長(zhǎng)有關(guān)。你有沒有在工作中遇到能力很強(qiáng)的人,不僅知識(shí)淵博,而且軟實(shí)力讓人佩服,做什么事情都感覺很讓人放心。這類人有什么共同的特征?對(duì)我們有什么啟發(fā)?

如何優(yōu)雅的殺掉卡住的 SSH 會(huì)話?

遇到過 SSH 會(huì)話卡住的時(shí)候你會(huì)憤怒的敲鍵盤?粗暴的關(guān)掉終端窗口?實(shí)際上是有更優(yōu)雅的方式來(lái)殺掉卡住的 SSH 會(huì)話,命令也很簡(jiǎn)單。

One More Thing

本文作者王仕軍,商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。如果你覺得本文對(duì)你有幫助,請(qǐng)點(diǎn)贊!如果對(duì)文中的內(nèi)容有任何疑問,歡迎留言討論。想知道我接下來(lái)會(huì)寫些什么?歡迎訂閱我的掘金專欄知乎專欄:《前端周刊:讓你在前端領(lǐng)域跟上時(shí)代的腳步》。

Happy Hacking

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容