前端周刊第40期

Carbs 發(fā)布于2019-08-20 14:20 / 2605人閱讀

摘要：注意本文為前端周刊早期整理的舊文重發(fā)，不過大部分內(nèi)容并沒有過時(shí)，已經(jīng)看過的同學(xué)可以直接去文末訂閱前端周刊微信公眾號(hào)。想和我面對(duì)面交流掃下方二維碼添加我為好友。

注意：本文為前端周刊早期整理的舊文重發(fā)，不過大部分內(nèi)容并沒有過時(shí)，已經(jīng)看過的同學(xué)可以直接去文末訂閱前端周刊微信公眾號(hào)。

文章教程 號(hào)外：ES6 模塊語法已定稿

www.2ality.com

ES6 模塊語法已定稿，和之前所看到的語法沒有太大的變動(dòng)，如果還沒有了解的同學(xué)可以看看，畢竟，你要知道你所用的技術(shù)演化的方向~

使用 SASS 管理 zIndex 的最佳方案

www.sitepoint.com

最近關(guān)于如何使用 SASS 管理 zIndex 的討論和方案不少，這篇文章介紹了1種綜合了各種方案，又考慮到未來可維護(hù)性的改進(jìn)版，自詡為更好的，具體好不好，你來決定~

論 CSS 代碼審查：潛在的金礦

alistapart.com

不管你承認(rèn)不承認(rèn)，可能現(xiàn)狀就是這樣：隨著功能的不斷添加，團(tuán)隊(duì)的不斷擴(kuò)張，你的 CSS 代碼越來越多，很少有人去問津那些不再使用的樣式，如果使用了 SASS，那么編譯后的 CSS 到底如何，你關(guān)心過么？其實(shí) CSS 的代碼審查還是非常有價(jià)值的，不然會(huì)有人靠給別人提供優(yōu)化建議吃飯？文章里面列出來的好處可能你都能想到，那些小工具和思路還是很有借鑒意義的~

PAAS：來自金融時(shí)報(bào)的 Polyfill 即服務(wù)

labs.ft.com

Polyfill 就是用簡(jiǎn)單的代碼片段為提供那些開發(fā)者們希望瀏覽器原生提供支持的功能，相信很多人都做過類似的事情，比如讓瀏覽器支持 ES5 里面的新方法，F(xiàn)T 的前端團(tuán)隊(duì)推出了自己的 Polyfill 服務(wù)，根據(jù)你的瀏覽器 UA 來按需的返回當(dāng)前這個(gè)瀏覽器所需要的代碼片段，可以指定特性，也可以自定義瀏覽器，很好奇？去官網(wǎng)看看~

tabIndex 的那些事兒

www.paciellogroup.com

tab-index 屬性能夠決定元素是否能夠被 tab 鍵選中，以及 tab 鍵過程中被選中的順序，合理的使用 tab-index 能夠極大的提高應(yīng)用的易用性，到底如何使用？設(shè)置為 0 會(huì)有什么效果？設(shè)置為 -1 會(huì)有什么效果？看看這篇文章，你就懂了~

GitHub前端工具整理匯總

blog.jobbole.com

有同學(xué)整理了 GitHub 前端工具列表，雖然不夠全面，但是涵蓋了大部分，可以看看典型的 WEB 應(yīng)用用到的技術(shù)他們都是如何解決的~

開發(fā)工具 輕松管理 Node 應(yīng)用的配置

github.com

node-config 是為你提供輕量、簡(jiǎn)單、靈活但強(qiáng)大的配置管理機(jī)制，能夠根據(jù)不同的運(yùn)行環(huán)境、配置參數(shù)、運(yùn)行主機(jī)名等自動(dòng)合并所需的配置，并且支持 JS、YAML、JSON 等數(shù)據(jù)格式，如果你還在為應(yīng)用的配置管理發(fā)愁，推薦研究下這個(gè)，非常實(shí)用~

Git Pretty：有潔癖或強(qiáng)迫癥的同學(xué)專用

justinhileman.info

雖然你是個(gè)非?？孔V的工程師，偶爾還是會(huì)不小心把你的 Git 工作目錄弄的亂糟糟，這會(huì)讓有潔癖或者強(qiáng)迫癥的同學(xué)抓狂，如何才能讓他們變得整潔，這張圖里面總結(jié)了非常不錯(cuò)的工作流，如何優(yōu)雅的撤銷操作，修改提交，值得細(xì)看~

FakeSMTP：再也不用為郵件測(cè)試發(fā)愁

github.com

應(yīng)用中出現(xiàn)需要給用戶發(fā)郵件的功能，怎么測(cè)試？真的給用戶發(fā)郵件？流程太長(zhǎng)好麻煩啊，如果僅僅是為了測(cè)試流程，那么可以用 FakeSMTP，帶界面的郵件收發(fā)測(cè)試服務(wù)器，實(shí)用起來非常簡(jiǎn)單~

代碼框架 漢字拼音轉(zhuǎn)換工具

github.com

轉(zhuǎn)換中文字符為拼音，可以用于漢字注音、排序、檢索，支持多音字和繁體，能在 Node 和 Web 瀏覽器環(huán)境運(yùn)行，其他的就不多廢話了，感覺能用上的收藏吧~

從 Angular 到 React：同構(gòu)應(yīng)用技術(shù)選型

blog.risingstack.com

Angular 中的 Router 和 DataBinding 等特性讓開發(fā)者很容易構(gòu)建應(yīng)用，但是遇到搜索引擎優(yōu)化，就顯得力不從心了，前后端同構(gòu)應(yīng)用簡(jiǎn)單說就是能同時(shí)在服務(wù)端和瀏覽器端運(yùn)行的應(yīng)用，能夠很好的解決搜索引擎優(yōu)化的問題，即使用戶那端不支持瀏覽器，也能看到頁面，就是作為走在技術(shù)前沿的那群人，如果要用 JS 技術(shù)棧編寫同構(gòu)應(yīng)用，如何進(jìn)行技術(shù)選型？?jī)?nèi)容涉及：Koa、Angular、React

視頻演講 Velocity Conference 2014 紐約場(chǎng)視頻合集

www.youtube.com

Velocity Conference 是全球性的性能與運(yùn)維大會(huì)，紐約場(chǎng)本月 15 到 17號(hào)，持續(xù)三天業(yè)已閉幕，目前視頻已經(jīng)被放到 Youtube 上，干貨不少，想看的同學(xué)速去~

One More Thing

想直接在微信中訂閱前端周刊？掃下方二維碼關(guān)注前端周刊訂閱號(hào)。

想和我面對(duì)面交流？掃下方二維碼添加我為好友。

Happy Hacking

wangshijun

云服務(wù)器 GPU云服務(wù)器獨(dú)立開發(fā)變現(xiàn)周刊（第 17 期）：為了活獨(dú)立開發(fā)變現(xiàn)周刊（第25期）：免費(fèi)表單生獨(dú)立開發(fā)變現(xiàn)周刊（第 19 期）：基于G 獨(dú)立開發(fā)變現(xiàn)周刊（第27期）：15年獨(dú)立

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/81548.html