【实践经验】
1、怎样设计才是一个好的可扩展、通用的、健壮性组件？(实例讲解)
https://mp.weixin.qq.com/s/y3icz_dn9qNyIHrGyyWBeg
组件是页面不可或缺的部分，而设计组件就成为了前端同学每日工作。本文对组件的封装设计展开思考，如何设计一个可扩展，通用的，健壮性组件。
2、JavaScript 断点调试技巧
https://mp.weixin.qq.com/s/UJMed_WwdIsYVVL0zoMF5w
这篇文章将介绍如何使用断点来进行 JavaScript 调试。
本文你将收获：
- Chrome debugger 基本用法
- VS Code 调试 SPA 应用
- Chrome 调试 Nodejs
- VS Code 调试 Nodejs
3、如何写出干净的 JavaScript 代码
https://mp.weixin.qq.com/s/p0UlA7XlRIqBChVVirpX1Q
一段干净的代码，你在阅读、重用和重构的时候都能非常轻松。编写干净的代码非常重要，因为在我们日常的工作中，你不是仅仅是在为自己写代码。实际上，你还需要考虑一群需要理解、编辑和构建你的代码的同事。
4、All in one：项目级 monorepo 策略最佳实践
https://segmentfault.com/a/1190000039157365
在本篇文章中，可以共同了解了「什么是 monorepo 策略」以及「monorepo 策略的优劣」，并且一起学习实践了monorepo 策略的一些最佳实践。
5、Vue系列之常见内存泄漏定位与解决
https://www.tuicool.com/articles/rQzY7z7
本文主要以Vue单页应用展开，因为在 SPA 的设计中，用户使用它时是不需要刷新浏览器的，所以 JavaScript 应用需要自行清理组件来确保垃圾回收以预期的方式生效。
【基础夯实】
1、常用的前端JavaScript方法封装
https://mp.weixin.qq.com/s/1Wx11Va-O9uhi5_Ip4IC_Q
2、一万字ES6的class类，再学不懂，请把我锤死（语法篇）
https://mp.weixin.qq.com/s/lIFf7yxIYUMcmOOSPsAKhg
3、常见网站攻击技术，一篇打包带走！
https://mp.weixin.qq.com/s/RKSTGdsc-uud4FML2I7WKg
本文介绍了Web安全领域常见的一些安全问题。
4、JavaScript日常开发中常用的Object操作方法总结
https://mp.weixin.qq.com/s/LydKMa—EALM-u9VCkSlhg
本文内容：
- 介绍对象的两种类型
- 创建对象并添加属性
- 访问对象属性
- 删除对象属性
- 作为函数参数
- 枚举对象的属性
- 数据类型检测
- Object常用的API
5、DIff算法看不懂就一起来锤我(带图)
https://mp.weixin.qq.com/s/XRR9afpujcjbgFZM0Zw6Gw
本文你将收获：
虚拟DOM(Virtual DOM):
- 什么是虚拟dom
- 为什么要使用虚拟dom
- 虚拟DOM库
DIFF算法:
- init函数
- h函数
- patch函数
- patchVnode函数
- updateChildren函数
- snabbDom源码
6、深入理解下::before 和 ::after 伪元素，虽然简单，看完就有收获
https://mp.weixin.qq.com/s/ShEN2Zs8_LmxpHedhJDYLA
本文从最简单的开始，解释如何理解和使用::before和::after，然后再在实际使用场景中去应用它。
7、npm 实用命令及版本号
https://www.yuque.com/docs/share/ca61dff6-146e-4398-80d7-4b8a1c5226ea?#gLFu2
【实用工具】
1、30 个有用的 Node.js NPM 包
https://juejin.cn/post/7002054481252728869
本文遴选了30个常用的nodejs安装包，让你免于重新发明轮子。
2、推荐 10 个很“哇塞”的Web“资源”给前端工友，收藏等于学会~
https://juejin.cn/post/7003114103094902792
3、这个 19.4K 的 canvas 库，功能很强大！
https://mp.weixin.qq.com/s/v4QZgSj3JU-fA22_ebNbyw
我们想在画布上画个基本的简单形状的时候，使用 Canvas 不会觉得有什么繁琐。但当画布上需要任何形式的互动，绘制复杂的图形和在特定情况需要改变图片的时候,使用原生 canvas API 将会变得很困难。
而 Fabric 旨在解决这个问题。
4、16个工程必备的JavaScript代码片段（建议添加到项目中）
https://mp.weixin.qq.com/s/Kaep1hajAxnXvdz0LTHRUg
5、不可错过的实用前端工具
https://mp.weixin.qq.com/s/ZW0MokoIiPssGHPjYDh5iA
给大家整理了 25 个前端相关的学习网站和一些靠谱的小工具，包括一些小游戏、教程、社区网站和博客，以及一些资源网站，希望可以帮助到大家！
6、推荐一个神器，可一键生成浏览器指纹！
https://mp.weixin.qq.com/s/c6a6AXBWG3e-9eM5vUVHaA
【动态与研究关注】
1、Chrome 重大更新，将限制 localhost 访问？
https://mp.weixin.qq.com/s/DkK-hGUe7gR5kX6dDmtvUg
Chrome 正在计划禁止从非安全网站发起的专用网络请求，目的是保护用户免受针对专用网络上的路由器和其他设备的跨站点请求伪造 (CSRF) 攻击：
- 从 Chrome 94 开始阻止来自不安全公共网站的私有网络请求。
- 在 Chrome 101 中结束的弃用试验。
- 在 Chrome 92 中引入一些 Chrome 策略，允许托管的 Chrome 部署永久绕过弃用。
2、微软悄悄发布了 Web 版的 VsCode
https://mp.weixin.qq.com/s/EXwDDl1T8rHQwdrEFudvRw
3、现代 Web 开发者问卷调查报告
https://mp.weixin.qq.com/s/95zZDVQ9dzi2VDbpaITcbQ
前些日子在 GMTC 北京 2021 技术大会上分享的《字节跳动的现代 Web 开发实践》，介绍了「现代 Web 开发」这场「范式转移」，在字节跳动如何转化成具体的技术栈和研发体系，在内部广泛落地和从中获益。分享中也预告了开源项目 Modern.js、发布了「现代 Web 开发者问卷调查」。截止 8 月 20 日，已经收到了 「「612」」 份有效回复，在汇总和交叉对比之后，可以看到很多跟「现代 Web 开发」有关的结果：
- 编程语言
- CSS 技术
- UI 技术
- 数据逻辑
- 服务端开发
- 工程技术
- 研发环境
4、2021 年前端各大厂前工程化实践与探索！
https://mp.weixin.qq.com/s/jl70JQVjFLI893RNm18Qjw
本篇关于各个大厂在 2021 年的前端工程化实践与探索。
5、史诗级更新，VSCode 可无缝调试浏览器了！
https://mp.weixin.qq.com/s/OunkbaI3LdUvKyrrQEt77Q
6、可以在 Nginx 中运行 JavaScript，厉害了！
https://mp.weixin.qq.com/s/37GXt4m81SJlC6dshAPBrA
【程序之外】
1、和winter聊完前端，我总结了这20句掏心窝子的话
https://xw.qq.com/amphtml/20210718A01N2600
2、从开发者到技术管理，视角有哪些变化
https://mp.weixin.qq.com/s/DLxmaYAU3XtPmEeDE6DPoQ
做技术一般有两种发展路线，一种是纯技术，一种是管理。这两种路线有什么不同呢？
本文来尝试从不同的视角来解读下日常的工作，分能力、意愿、分工、协作、梯队、文化六个维度来看。
3、从 Google 离职了！开始一段新生活
若有收获，就点个赞吧
0 人点赞
