前言
掘金是一个优秀的社区，每天都会产出非常多的优秀文章。 首页推荐的内容涉及太多领域， 收集一周之内，优秀的前端文章，以便自己和有类似需求的同志，能更高效的学习和成长。
如有遗漏，敬请谅解
本文下面的题材默认不会收集：
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，人工智能，开发工具，代码人生，阅读。 掘金社区吗，最火的大家知道吗？ 当然是前端。 其次呢？ 后端。
一篇文章消化 ES7、ES8、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+
- 推荐指数： ★ ★ ★
- 推荐理由： 忧伤而坚定的总结，源于真实，值得思考。
明天会怎样呢？ 灵魂和身体，总有一个在路上。
