「Ohbug 前端周刊」第 16 期。本期刊开源（GitHub: ohbug-org/weekly）, 欢迎 issue 投稿, 推荐项目。
⬆️ 热点
type-challenges
一个 TypeScript 类型题库, 本项目意在于让你更好的了解 TS 的类型系统，编写你自己的类型工具，或者只是单纯的享受挑战的乐趣！我们同时希望可以建立一个社区，在这里你可以提出你在实际环境中遇到的问题，或者帮助他人解答疑惑 - 这些问题也可能被选中成为题库的一部分！
废宅阿斗 NPM 即将被 Node.js 官方抛弃
在 Node.js 16.9.0 的官方文档里面，多了个 Experimental 的 Corepack
简单来说，Corepack 会成为 Node.js 官方的内置 CLI，用来管理『包管理工具（npm、yarn、pnpm、cnpm）』，用户无需手动安装，即『包管理器的管理器』。
📝 文章
SourceMap 与前端异常监控
我们从事 Web 开发工作中，异常监控系统已经是我们朝夕相处的好助手，但是这些异常处理工具通常都是建立在 Web 生态，或者是假定运行在浏览器环境下的，但是当我们需要给一套跨端系统搭建一套类似的异常监控系统，并且期望该系统兼容 Web 生态，现有的工具很可能就不满足我们的需求了，因此我们需要考虑一套完整的异常监控系统整个链路将会涉及到哪些工具链，以及如何修改这些工具链来适配我们的跨端系统。
如何防止他人恶意调试你的 web 程序
防止调试的方法,这里我们主要是通过不断 debugger 的方法来疯狂输出断点,让控制台打开后程序就无法正常执行 我们都知道 debugger 只有在控制台被打开的时候才会执行,所以后面的所有方法都是围绕着这一特性来进行,废话不多说,我将通过以下几个案例向你们展示道高一尺魔高一丈的道理
巧用 CSS filter，让你的网站更加酷炫！
我们在处理图片时，经常使用的一个功能就是滤镜，它能使一张图像呈现各种不同的视觉效果。
在 CSS 中，也有一个 filter 属性，让我们能用 CSS 代码为元素指定各种滤镜效果，比如模糊、灰度、明暗度、颜色偏移等。
⌨️ 代码
unplugin
用于构建工具的统一插件系统。意在统一打包工具插件规范, 现支持 Vite Rollup Webpack
react-render-tracker
一个能够发现 React 应用的性能问题并避免不必要的重复渲染的工具
modern-normalize
规范化浏览器的默认样式, 与 normalize.css 相比:
- 体积更小
- 仅包含最新版 Chrome、Firefox 和 Safari 的规范化
- 使用 box-sizing: border-box
- 提高默认字体的一致性
- 设置更具可读性的
tab-size - 完善的测试
