
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ì) হ 這種文字解碼?
最近處理業(yè)務(wù)數(shù)據(jù),發(fā)現(xiàn)部分?jǐn)?shù)據(jù)全部被編碼成了類似 হ 的內(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