Anita_Sun

Hello，小伙伴们，大家好呀，在这边文章中，咱们会介绍如何对 Chrome 浏览器的开发者工具（DevTools）进行外观设置，以提升用户体验和开发效率，让咱们一起开始

打开开发者工具 🌈 从 Chrome 菜单中打开开发者工具 🎈 右键点击网页上的相应元素，然后选择 检查（Inspect） DevTools 会打开 Elements 面板，并在 DOM 树中选择元素

在前端开发的旅程中，熟练掌握各种快捷键能够极大地提升工作效率。今天，让我们一起探索 Windows11、VSCode 和 Chrome 中那些不可或缺的前端必备快捷键

带你走进油猴脚本的神奇世界，揭开它的神秘面纱！让网页加载飞起来、交互性爆表的网页增强类脚本，到还你一片清净的广告拦截类脚本；从让文字排版更舒适、内容翻译更便捷的内容优化类脚本，到轻松获取各种资源的下载

代码与风格 空格与缩进 switch 下的 case 和 default 必须增加一个缩进层级 使用多行模板字符串时遵循缩进原则。当空行与空白字符敏感时，不使用多行模板字符串 二元运算符两侧必须有一个

Code Spell Checker 能减少很多不必要的单词拼写错误 Auto Rename Tag 自动重命名 html 标签，如修改<a>为<b>，将自动修改结尾标签</a>为</b> 补充： 该

前端 TDD 存在的问题 假设你在写前端时全程TDD，那么你需要做的是 — 先assert页面上有一个button，然后去实现这个button，之后assert点击这个button之后会发生什么，最后

js 单元测试框架 选择单元测试框架 单元测试应该：简单，快速执行，清晰的错误报告。 测试框架基本上都做了同一件事儿： 描述你要测试的东西 对其进行测试 判断是否符合预期 选择框架会考虑下面的点： 断

概述 在前端项目中，通常会包含组件和逻辑（纯函数）两个不同测试内容；因为两者职责不同，所以相对的，它们的测试标准同样也有所不同 通用规范 我们主要采用 jest 来完成单元测试，对于测试文件及其内容，