个人掘金前端周刊 第四周 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+
• 推荐指数： ★ ★ ★
• 推荐理由： 忧伤而坚决的总结，源于真实，值得思考。

明天会怎样呢？ 灵魂和身体，总有一个在路上。