这是我参与8月更文挑战的第2天，活动详情查看：8月更文挑战。
前言
收集一周之内，优秀的前端文章，以便自己和有类似需求的同志，能更高效的学习和成长。如有遗漏，敬请谅解
本文下面的题材默认不会收集： 1. 面试 2. 算法
往期可查看专栏 我的掘金前端周栏, 欢迎关注，更期望你的点赞。
往期推荐
我的掘金前端周刊 第五周 7月19日-7月25日
我的掘金前端周刊 第四周 7月12日-7月18日
我的掘金前端周刊 第三周 7月5日-7月11日
本周看点
2021年我的前端面试准备
2万多访问量，1000+ star。
作者伊人a, 目前为止一共两篇文章，上一篇就是年中总得获得大奖的# 两年前端程序媛从0到18k的逆袭之路 | 2021年中总结。
可算是篇篇精品，可算是掘金女人珍贵，可算是面试必火。
小浪努力学前端
这是一个掘友的名字，其职位是学生。
其一共发了四篇文章，篇篇200+ star。
- 从了解到深入虚拟DOM和实现diff算法 300+
- 手写一个简易vue响应式带你了解响应式原理 400+
- 从使用到自己实现简单Vue Router看这个就行了 300+
- 前端面试必不可少的基础知识，虽然少但是你不能不知道 300+
后生可畏啊！
五星推荐
我给鸿星尔克写了一个720°看鞋展厅
- 作者： 程序员秋风
- 赞： 900+
- 推荐指数： ★ ★ ★ ★ ★
- 推荐理由：趁着热度，搞个3D看鞋展厅，搞得我都想学threejs啦。核心就是建模，文有提到方案方式和相关的工具。
四星推荐
感谢 compose 函数，让我的代码屎山💩逐渐美丽了起来~
- 作者： 掘金安东尼
- 赞： 600+
- 推荐指数： ★ ★ ★ ★
- 推荐理由：compose函数组合，在redux和express, 30-seconds-of-code等库中都有类似额实现，个人认为，目前最简单的实现当属于使用数组的Reduce。此文从实际场景触发，从普通函数compose到composePromise, 务实有趣，值得我们一起学习。
手写一个简易vue响应式带你了解响应式原理
- 作者： 小浪努力学前端
- 赞： 400+
- 推荐指数： ★ ★ ★ ★
- 推荐理由：代理，发布订阅，观察者这几位是Vue实现的几个核心，本文是职位为学生的一位掘友写的，其每篇文章都很有质量，推荐大家一并阅读。
文件下载，搞懂这9种场景就够了
- 作者： 阿宝哥
- 赞： 500+
- 推荐指数： ★ ★ ★ ★
- 推荐理由：前有 文件上传，搞懂这8种场景就够了, 现在文件下载，搞懂这9种场景就够了，上传下载都包了，拿着用吧。
三星推荐
百万PV商城实践系列 - 前端图片资源优化实战
- 作者： wangly19
- 赞： 400+
- 推荐指数： ★ ★ ★
- 推荐理由：图片的优化一直是前端的重点工作之一，文章涉及普通图片优化，高保真图片优化，长渲染图优化，一切看起来都那么的简单合理。 另外还送了毛边或者缝隙的解决方案，这个我有碰到过，真希望能帮助到大家。
从了解到深入虚拟DOM和实现diff算法
为了让你们进阶Canvas，我花7小时写了3个有趣的小游戏！！！
- 作者： Sunshine_Lin
- 赞： 200+
- 推荐指数： ★ ★ ★
- 推荐理由：贪吃蛇，星星连线，五子棋三个游戏，不借助三方库，潇潇洒洒的不足百行代码足以。
前端组件化实战之 Button
- 作者： 洛竹
- 赞：200+
- 推荐指数： ★ ★ ★
- 推荐理由：一个简单的按钮组件，涉及到类型，形状，加载，颜色，边框等等，就那么简单，又不那么简单，学着点。 大神和普通人之间的差距，除了宏观还有细节，细节可以学，宏观吗，看缘分。
【AAA货】前端Base64编码知识，一文打尽，探索起源，追求真相
- 作者： 云的世界
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：Base64在前端应用其实很广泛，截图，jwt，头像剪裁，混淆加密，soureMap等等，探求起源，理解原理以及相关的编码知识。
产品经理：你能不能在网页里实现裸眼3D
- 作者： 大帅老猿
- 赞： 200+
- 推荐指数： ★ ★ ★
- 推荐理由：从三个造个框框，再打破它，人脸识别，陀螺仪三个方案讨论裸眼3D，不觉明历。
这可能是目前最好用的开源可视化拖拽框架
- 作者： 这可能是目前最好用的开源可视化拖拽框架
- 赞： 200+
- 推荐指数： ★ ★ ★
- 推荐理由：这篇文章文字应该不到500，为啥还要推荐呢。我只是想告诉你，这里有一套免费开源的可视化框架，你还可以去参与贡献啊，机会啊，兄弟。
前端工程化实战 - 自定义 React 脚手架 & CLI 升级
- 作者： CookieBoty
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：此文中规中矩，并无太多亮点，其中简化 server 信息输出，倒是有些实际用途。不过其思路清晰，阅读感还不错哦。
Vue3 源码解毒 & PK React17
- 作者： 是渣男吧
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：文中vue时间切片，与hooks对比部分比较精彩，推荐大家阅读。
CSS 进阶之熟悉又陌生的 content
- 作者： 微医前端团队
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：本人自己也想一篇的，文章涉及替换元素和content的各种使用场景，特别强调一些content真的用途很广。
每个前端都需要知道这些面向未来的CSS技术
- 作者： 李振文
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：介绍了自定义滚动条，css自定义属性，css新的伪类，JS in CSS, CSS Grid等等，非常不错。 作为一些中高级前端肯定都知道，有时候为什么不适用，主要还是兼容性和功能局限性问题。
一位初级进阶中级 JavaScript 工作者的自我修养（一）
- 作者： gyx_这个杀手不太冷静
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：变量和类型，原型和原型链，作用域和闭包三部分做了很多细节上的讲解。 我想额外多的是掘金的菜单能加一个收起和产开的功能吗？
一个优秀前端的工具素养
- 作者： 专有钉钉前端团队
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：磨刀不误砍柴功，利用好工具，事半功倍。 VSCode, 终端，DebugTools，搜索等等，拿来吧你。
1w条数据，平铺数组转树形结构
- 作者： MikiMiki
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：这种场景，相比很多同学碰到过，递归还是非递归，本文可以给你思路和答案。 兄弟你倒是贴代码，不要贴图啊。
前端工程师视角：稿定科技是一家怎样的公司
- 作者： 糖饼
- 赞： 200+
- 推荐指数： ★ ★ ★
- 推荐理由： 这其实是一篇招聘文章，但是又让你看不出那么明显的招聘信息。我们学着点。
（虚拟列表 + webWorker + indexedDB）处理十万条数据
- 作者： 爱喝葡萄汁的海豹
- 赞： 50+
- 推荐指数： ★ ★ ★
- 推荐理由：后端一次给你10万条数据,如何优雅展示，面试官到底考察我什么?, 这篇文章，想必大家都见过，答案显示是的错的， 而推荐的这篇，让大家了解一些正确的姿势。
