ZooTeam 前端週刊｜第 52 期

ZooTeam 前端週刊｜第 52 期

瀏覽更多往期小報，請訪問： weekly.zoo.team

1. 移動端適配方案-讓分辨率來的更猛烈些吧！ - 掘金

前言 公司許多的業務都還停留在使用px和彈性佈局來進行樣式處理的階段，有些時候是由於視覺要求，有些時候是懼怕線上問題，所謂破然後立。 移動端適配方案是一個老生常談的話題，可是對於不一樣的項目、不一樣的業務場景可能會須要不一樣的適配方案來進行移動端適配。

2. 優雅處理表單聯動 | 海秋

故人千萬裏，新蟬三兩聲。

3. 漫談前端體系建設 - 知乎

前端體系建設從前端開始專職發展就慢慢開始演進了。過去，咱們習慣描繪一些技術細節做爲前端體系所須要的，而沒有看到其背後的鏈接，所謂建設之道，便是創建向前向後的鏈接。

4. GitHub 60000+ Star：命令行的藝術 - 掘金

熟練使用命令行是一種經常被忽視，或被認爲難以掌握的技能，但實際上，它會提升你做爲工程師的靈活性以及生產力。本文是一份我在 Linux 上工做時，發現的一些命令行使用技巧的摘要。有些技巧很是基礎，而另外一些則至關複雜，甚至晦澀難懂。

5. 如何搭建一個高可用的服務端渲染工程

如何搭建一個高可用的服務端渲染工程？

6. 記憶化技術介紹——使用閉包提高你的 React 性能 - 知乎

導讀動機記憶化技術在 React 中使用 memoize-one用閉包實現記憶化技術React Hook 中的記憶化技術提升你的組件性能動機在開發 React 項目中，有一種場景很常見：從服務器中請求了一個數據結構，這個結構很是複雜，…

7. 優秀開發者應該具有的思惟習慣

至繁歸於至簡

8. 【第1658期】 Chrome 專家調試法 - 介紹 Chrome 開發者工具的最佳用法

調試屠龍術各有千秋

9. 【中後臺應用】從表單抽象到表單中臺 - 掘金

從表單抽象到表單中臺 做者:jinc 相信前端開發的同窗，對錶單其實並不陌生，並且時至今日，表單應用的編寫由於React、Vue等框架的出現，也變得更加地便捷了。

10. webpack原理 - 寒青 - SegmentFault 思否

查看全部文檔頁面：前端開發文檔，獲取更多信息。原文連接：webpack原理，原文廣告模態框遮擋，閱讀體驗很差，因此整理成本文，方便查找。

11. 寫給新手前端的各類文件上傳攻略，從小圖片到大文件斷點續傳 - 掘金

寫在前面 今年國慶假期終於能夠憋在家裏了不用出門了，不用出去看後腦了，真的是一種享受。這麼好的光陰怎麼浪費，睡覺、吃飯、打豆豆這怎麼可能（耍多了也煩），徹底不符合咱們程序員的做風，趕忙起來把文章寫完。

12. Flutter 原理與閒魚深度實踐

跨平臺技術框架

13. 用命令行看nba

Watch NBA live play-by-play, game preview, box score and player information on your console. Best CLI tool for those who are both NBA fans and Engineers.

14. 俄羅斯方案

俄羅斯方塊是一直各種程序語言熱衷實現的經典遊戲，JavaScript的實現版本也有不少，用React 作好俄羅斯方塊則成了我一個目標。

15. TTML—讓 W3C 得到艾美獎的字幕規範

說到視頻字幕格式，通常你們都會想到 .srt, .ass 之類你們比較經常使用的格式。而如今說到 Web 字幕格式，你們第一反應確定都是 WebVTT。咱們知道在<video>或者<audio> 標籤中要加載字幕的話，須要使用 <track> 標籤將字幕文件嵌入進來。而在 track 的文檔中咱們會發現其實還有一種 Web 字幕格式，那就是本文的主角 TTML。

16. 26個經常使用易忘CSS小技巧 - 掘金

收集於平時經常使用但易忘的CSS實現方法，若有遺漏或補充，還請指正！ 解決inline-block元素設置overflow:hidden屬性致使相鄰行內元素向下偏移 .wrap { display: inline-block; overflow: hi

17. 5 個 JS 不良編碼習慣，你佔幾個呢 - 掘金

做者：Dmitri Pavlutin 譯者：前端小智 來源：dmitripavlutin 阿里雲最近在作活動，低至2折，有興趣能夠看看： promotion.aliyun.com/ntms/yunpar…

18. 解讀HTTP/2與HTTP/3 的新特性

HTTP/2 相比於 HTTP/1.1，能夠說是大幅度提升了網頁的性能，只須要升級到該協議就能夠減小不少以前須要作的性能優化工做，固然兼容問題以及如何優雅降級應該是國內還不廣泛使用的緣由之一。

19. 商業化場景下，百度如何實踐 Node.js 架構？

在 Node.js 服務端升級過程當中，如何選用 GraphQL 升級 RESTful API ？又如何利用新技術的優點和特色提升研發效率，下降運營成本？

20. 1小時搞定卡片拖拽、自動排列交換位置、拖拽數據存取 - 掘金

首先演示一下最終效果： 流暢的拖動和交換位置效果，並實時更新數據 支持組件的樣式和內容自定義 這是此次系列文章的第一篇，我本身封裝了一個用vue實現的拖動卡片組件，而且發佈到npm，詳細地記錄下來了總體制做過程。