前端資訊周報 5.15 - 5.21: 嘗試用你的 JSON API 重構你的介面

01-31

每周一我都會分享上一周我訂閱的技術站點中，和解決問題的過程中閱讀到的值得分享的文章。

畢竟個人的閱讀量有限，也歡迎大家留言或者私信給我你們閱讀到的，對你們前端技術有幫助的任何內容，題材不限，語言不限。可以是技術博客，也可以是知乎或stackoverflow的問答。

如果你覺得這篇分享給你帶來了幫助，請不要吝惜的點個贊，或者把這個專欄推薦給你的朋友們，還可以關注我。謝謝啦！

本周推薦：

nnnnjson-api-normalizer:nAn Easy Way To Integrate The JSON API And Reduxnn

不知道有多少人會留意你項目中後端JSON介面的數據返回結構，如果JSON數據的數據結構返回得當的話，對於項目的維護和減少冗餘都會帶來不少的幫助。基於這個原則，不妨嘗試一下 JSON API，尤其是將它與Redux應用做整合，會帶來開發中的一些便利。

nnnnnnREST 2.0 Is Here and ItsnName Is GraphQLnn

承接上一篇推薦，即使是傳統的REST介面也存在許多不盡如任意的地方，比如數據冗餘，比如不夠靈活。Facebook的開源項目GrapgQL就是為了解決這些問題，它允許你靈活的拼裝schema，靈活的生成查詢語句

nnnn

nnnnnnFocusninside Shadow DOMnn

ShadowDOM 是 Web Components 必不可少的實現方式。但同時它也具有很強的封閉性，不易被訪問。本文將告訴你如何給Shadow DOM 里的元素添加focus事件

nnnnIntroducingnMavo: Create Web Apps Entirely By Writing HTML!nn

Mavo是一個很美好的框架，引入它唯一需要的腳本和樣式之後，你只需要編寫HTML就可能完成編寫一個web應用。應用中的數據可以存儲在html屬性上，也可以存儲在Github上

nnnnThen:focus-within pseudo classnn

當一個元素自己甚至它的後代元素被focus時，新的css偽類選擇器 :focus-within允許讓你全部知曉

nnnnCombine Webpack with Gulpn4nn

Webpack適用模塊打包，Gulp適用於流程和靜態資源資源的管理。如果你還在糾結於魚和熊掌不能兼得的話，這篇文章或許是一個同時在項目中使用 Webpack 與 Gulp 好的解決方案

nnnnModernnJavaScript Development Is Hardnn

現在的前端開發難嗎？這個問題很難回答，如果你只從前端一個方向深度看的話，開發過程和技術棧無疑是變得複雜了。但是如果你把Javascript和其他語言縱向相比的話，Javascript無疑是在變得更加強大，能解決的問題的越來越多。看看這篇文章還有它的留言聽聽大家的意見

nnnnnnSignednBinary Numbersnn

最近在解決一個問題時，需要將圖片數據轉化為 bytes 數組。但是發現後端介面里的數組類型是有符號整型，而使用Node.js轉化的結果為無符號整型，在如何將有符號轉化為無符號花費了一些功夫。這篇文章給了我很多幫助，重溫了一些基礎知識

nnnnnnnn「Why WenDidn』t Use A Framework」 (Case Study)nn

當你嘗試新建一個站點時切記請以業務需求為出發選擇搭建你站點的技術棧。如果你不需要前端框架，那就不要用前端框架

nnnnnn一步步構建大型網站架構nn

在之前的文章關於Node.js後端架構的一點後知後覺我提到了一篇讓我映像深刻的，關於後端系統如何一步步優化及演化的文章。今天剛好有朋友在我的文章下留言，找到了這篇文章。再次非常感謝他，分享給大家

nnnn