前言
收集一周之内，优秀的前端文章，以便自己和有类似需求的同志，能更高效的学习和成长。如有遗漏，敬请谅解
本文下面的题材默认不会收集： 1. 面试 2. 算法
往期可查看专栏 我的掘金前端周栏, 欢迎关注，更期望你的点赞。
往期推荐
我的掘金前端周刊 第四周 7月12日-7月18日
我的掘金前端周刊 第三周 7月5日-7月11日
我的掘金前端周刊 第二周 6月28日-7月4日
我的掘金前端周刊 第一周
本周趣事
- 先是钉钉团队发了一篇爆款专有钉钉前端面试指南，然后相继出现手撕钉钉前端考试卷，offer，拿来吧你~，脚撕专有钉钉前端面试题（标题，拿来吧），这三篇发题者和脚撕是同一作者，甚是有看点。
- 后端一次给你10万条数据,如何优雅展示，面试官到底考察我什么?，4.7万访问量，100+的点赞，内容的营养等级却是负数，有些意思。
五星推荐
产品经理：能不能让这串数字滚动起来？
- 作者： 手撕红黑树
- 赞： 1100+
- 推荐指数： ★ ★ ★ ★ ★
- 推荐理由： 先看效果，再说原理，然后一步一步教的让数字如何动起来，还有回弹效果哦。 非常实用，所以，直接用吧。
四星推荐
为了让她10分钟入门canvas，我熬夜写了3个小项目和这篇文章
- 作者： Sunshine_Lin
- 赞： 600+
- 推荐指数： ★ ★ ★ ★
- 推荐理由：以画时钟，刮刮卡，画板三个项目，手把手教你学习Canvas。
8则未必知道且超级实用的纯CSS布局排版技巧 | 网易4年实践
- 作者： JowayYoung
- 赞： 400+
- 推荐指数： ★ ★ ★ ★
- 推荐理由：主体布局，两列布局，三列布局，圣杯布局/双飞翼布局，均分布局，居中布局，自适布局，吸附布局，横向布局，凸显布局，间距布局，空载布局，多格布局等，你要用哪种呢，较科学级别。
作者另外一篇 写给中高级前端关于性能优化的9大策略和6大指标 | 网易四年实践 也强烈推荐。
一篇讲透自研的前端错误监控
- 作者： 羽飞
- 赞： 300+
- 推荐指数： ★ ★ ★ ★
- 推荐理由：第三方前端监控系统太贵？ 那我们自己实现一个吧。涉及前端监控错误收集，上报，可视化，以及遇到的一些问题。
三星推荐
【干货】私藏的这些高级工具函数，你拥有几个?
- 作者： 云的世界
- 赞：400+
- 推荐指数： ★ ★ ★
- 推荐理由：用极其精简的代码，编写的高级工具函数，覆盖localStorage已使用空间，桌面通知，视频截图，base64编码和解码，UUID生成，序列生成器等等，总有一个留的住你。
你真的了解package.json吗？来看看吧，这可能是最全的package解析
- 作者： 隐冬
- 赞： 300+
- 推荐指数： ★ ★ ★
- 推荐理由：详细的罗列了package.json每个字段的用途，关键是中文的。
每个前端都可以成为站长，零成本搭建一个壁纸下载站
- 作者： 大帅老猿
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：免费壁纸下载，二次元福利。图文并茂，就是那么简单。
如何搭建适合自己团队的构建部署平台
- 作者： 政采云前端团队
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：指出了现有构建部署方案存在的痛点，并从0到1自己实现了一套系统，并支持多实例。
微前端落地，悬着的心终于放下了
- 作者： 杰出D
- 赞：100+
- 推荐指数： ★ ★ ★
- 推荐理由：如今微前端这么火，肯定很多同事已经尝试或者跃跃欲试。这篇文章的 入微前端要解决的问题，解决实际遇到的一些问题 章节相比会让你收获颇多。
我与前端有场约会🌟 ｜ 工作一周年经验总结
- 作者： 寒草
- 赞： 100+
- 推荐指数：★ ★ ★
- 推荐理由：前端一年新人的自己总结，思路清晰，目标明确，信念坚定。 1-3年的前端同志们，可以参考参考，应该会有所收获。
vscode 是怎么跑起来的
- 作者： zxg_神说要有光
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：你不会不知道VSCode是以及electron编写的吧，你不会不知道有主进程和渲染进程吧，你不会不知道VSCode是怎么跑起来的吧。 作为天天吃饭的工具，值得了解一波。
封装组件的技巧和坑
- 作者： 前端自学驿站
- 赞： 100+
- 推荐指数： ★ ★ ★
- 推荐理由：Vue表单组件封装，涉及深度属性，slots，表单效验，事件监听等知识点。大哥，你好待把标题细化一下，我一个React选手进来，就尴尬了。
从使用到自己实现简单Vue Router看这个就行了
- 作者： 小浪努力学前端
- 赞： 100+
- 指数： ★ ★ ★
- 推荐理由：详细的罗列Vue Router的各种用法，并一步一步的实现了一个简版Vue Router。 文章比较长，知识点还是蛮多了。
能用CSS实现的就不用麻烦JavaScript — Part2
- 作者： lizhenwen
- 赞： 50+
- 推荐指数：★ ★ ★
- 推荐理由：这个理念很正确啊。覆盖拾色器，轮播图，手风琴，放大镜，打字效果， 截断文本， 自定义
input焦点光标的颜色， 埋点统计， 火焰效果等，先学到，部分还是很实用的。
当然有二必有其一，能用CSS实现的就不用麻烦JavaScript也不错。
meta标签到底是做什么的|我竟一无所知
- 作者： 隐冬
- 赞： 100+
- 推荐指数：★ ★ ★
- 推荐理由：meta可以刷新页面，可以控制缓存，可以定义基础地址，可以提升SEO竞争力等等，确实要多了解了解。
【前端福利】node实现微信机器人 最新可用|个人微信收款|支持所有微信号
- 作者： 一只不守妇道的花喵
- 赞： 100+
- 推荐指数：★ ★ ★
- 推荐理由：这严格意义上是更偏后端的文章，不过和钱相关。还是值得你秀一波。
CSS 动画实现星球环绕效果
- 作者： 阿里巴巴TXD
- 赞： 50+
- 推荐指数：★ ★ ★
- 推荐理由： 涉及不少数学知识，一起写个效果，并复习复习数学吧。 有详细的步骤。
「自我检验」输入URL发生了啥？希望你顺便懂这15个知识点
- 作者： Sunshine_Lin
- 赞： 50+
- 推荐指数： ★ ★ ★
- 推荐理由：浏览器渲染，加载阻塞，重绘回流等等，巩固一波。
