個人掘金前端週刊 第四周 7月12日-7月18日

前言

掘金是一個優秀的社區，天天都會產出很是多的優秀文章。 首頁推薦的內容涉及太多領域， 收集一週以內，優秀的前端文章，以便本身和有相似需求的同志，能更高效的學習和成長。

若有遺漏，敬請諒解

本文下面的題材默認不會收集：
1. 面試
2. 算法

往期可查看專欄 個人掘金前端周欄, 歡迎關注，更指望你的點贊。

往期推薦
個人掘金前端週刊 第三週 7月5日-7月11日
個人掘金前端週刊 第二週 6月28日-7月4日
個人掘金前端週刊 第一週

五星推薦

每一個前端都值得擁有本身的組件庫，就像每一個夏天都擁有西瓜🍉

• 做者： 洛竹
• 贊： 1300+
• 推薦指數： ★ ★ ★ ★ ★
• 推薦理由：每一個前端都值得擁有本身的組件庫， 怎麼去擁有呢？ 文章給了很詳細的解答，多包管理，代碼規範化，文檔，測試，發佈等等。

四星推薦

「硬核JS」你的程序中可能存在內存泄漏

• 做者： isboyjc
• 贊： 400+
• 推薦指數： ★ ★ ★ ★
• 推薦理由： 我想你們確定有多少知道JS的內存泄漏，可是寫的清楚明白的很少得，這篇不錯哦。 主要內容覆蓋常見的內容泄漏，定位排查修復。

拖拽居然還能這樣玩！

• 做者： 阿寶哥
• 贊： 600+
• 推薦指數： ★ ★ ★ ★
• 推薦理由： 拖拽能夠定製，文本，JSON, html， 哇， 秀出新天地。讓咱們更深刻的瞭解 DataTransfer API。

Dan Abramov 訪談實錄

• 做者： ByteDance Web Infra
• 贊： 50+
• 推薦指數： ★ ★ ★ ★
• 推薦理由： 譯文。React.js 核心開發者Dan Abramov對前端的一些見解和理解，文中包含了大量的專業概念與啓發性思想。 也有React與vue的對比哦。

三星推薦

從零帶你架構一個企業級 React 項目

• 做者： yck
• 贊： 200+
• 推薦指數： ★ ★ ★
• 推薦理由：從不一樣維度對 Hooks（非Hooks）,CSS 方案，狀態方案，路由方案進行了比較，並給出建議方案。另外工程化配置，單測等也有提到。因此，你還在作選擇的時候，這篇文章就是甘甜的水。

【收藏就會】瀏覽器WebStorage緩存使用指南

• 做者： wangly19
• 贊： 300+
• 推薦指數： ★ ★ ★
• 推薦理由：對localStorage和sessionStorage的封裝，增刪改查。並支持過時和清理，能夠拿來主義。

用Three.js打造酷炫3D我的網站（含源碼）

• 做者： Alaso
• 贊： 200+
• 推薦指數： ★ ★ ★
• 推薦理由：譯文。簡歷是展現能力的地方，來個3D的簡歷，it's your show time. 介紹了three.js的機工做制，ammo.js物理引擎，運動交互以及處理用戶輸入。

尤大大新活 petite-vue 嚐鮮

• 做者： 8號的凌晨4點
• 贊： 100 +
• 推薦指數： ★ ★ ★
• 推薦理由：5.8kb的petite-vue，介紹了基本的使用和不支持的特性，追求輕巧的同窗能夠關注一波。react也早早有對標的3kb的preact。

10張腦圖帶你快速入門Vue3 | 附高清原圖

• 做者： LBJ
• 贊： 100 +
• 推薦指數： ★ ★ ★
• 推薦理由：十張圖：應用實例和組件實例，模板語法，配置選項，計算屬性和監聽器，綁定class和style，條件渲染，列表渲染，事件處理，v-model及其修飾符，組件的基本使用。 做爲參考手冊，複習知識點妥妥的。

掘金的鎮站之寶們：掘金八大分類百強文章可視化分析

• 做者： 寒草
• 贊： 100+
• 推薦指數： ★ ★ ★
• 推薦理由：如題掘金八大分類百強文章可視化分析。 覆蓋 前端，後端，Android，ios，人工智能，開發工具，代碼人生，閱讀。 掘金社區嗎，最火的你們知道嗎？ 固然是前端。 其次呢？ 後端。

一篇文章消化 ES七、ES八、ES9 主要新特性

• 做者： itsSam
• 贊： 100+
• 推薦指數： ★ ★ ★
• 推薦理由：本文的亮點嘛，讓其清晰的知道了，哪些是ES7, ES8, ES9的知識。

前端網頁字體優化指南

• 做者： Momo
• 贊： 100+
• 推薦指數： ★ ★ ★ ★ ★
• 推薦理由： 這個可能比較冷門，也着實是前端優化的一種手段。 主要手段：轉換字體格式，按需壓縮字體，統一渲染時機。說道這裏，忍不住說一句， 壓縮，前端優化，永遠的神。

工做中可能會使用到的數據結構和算法

• 做者： 字節教育
• 贊： 100+
• 推薦指數： ★ ★ ★
• 推薦理由：介紹了棧，隊列，鏈表，樹，圖等的實現和一些應用場景。

帶你入門react+dva+umi——從0到1保姆級教學(2)

• 做者： BXG
• 贊： 100+
• 推薦指數： ★ ★ ★
• 推薦理由：react + dva + umi開發教學，特色是詳細。

CSS 奇思妙想 | 巧妙的實現帶圓角的三角形

• 做者： chokcoco
• 贊： 50+
• 推薦指數： ★ ★ ★
• 推薦理由：純CSS實現帶圓角的三角形方案。SVG,拼接，重疊漸變等方案，思路驚奇。

TypeScript 高級類型及用法

• 做者： 暖生
• 贊： 50+
• 推薦指數： ★ ★ ★
• 推薦理由：TypeScript 高級類型的使用場景。因此對於已能基本使用TS, 追求更進一步的提高的朋友，走過路過，值得你停留看看。

回顧，安慰本身的靈魂; 反思，向心前行｜ 2021年中總結

• 做者：雲的世界
• 贊： 100+
• 推薦指數： ★ ★ ★
• 推薦理由： 憂傷而堅決的總結，源於真實，值得思考。

明天會怎樣呢？ 靈魂和身體，總有一個在路上。