Answer1215

摘要： 预处理器介绍 预处理器基本介绍 Sass 快速入门 预处理器基本介绍 平时在工作的时候，经常会面临这样的情况：需要书写很多的样式代码，特别是面对比较大的项目的时候，代码量会急剧提升，普通的CSS书写方式不方便维护以及扩展还有复用。 通过 CSS 预处理技术就可以解决上述的问题。基于预处理技术的语言， 阅读全文

摘要： 整合 TypeScript 准备工作 首先我们需要有一个基于 ts 的项目。 第一步通过 npm init -y 初始化项目 接下来通过： npm install typescript 局部安装 typescript。 之后还需要生成 typescript 的配置文件，通过命令： npx tsc - 阅读全文

摘要： 模拟函数 在 Jest 中提供了一个全局对象名为 jest，这个对象上面有非常多的方法，有关该对象的方法，可以参阅文档： https://jestjs.io/docs/jest-object jest 对象上面的方法大致分为四类： 模拟模块 模拟函数 模拟计时器 其他方法 通过 jest.fn 方法 阅读全文

摘要： 自定义插件 要自定义 babel 的插件，实际上有一个固定的格式： module.exports = function(babel){ // 该函数会自动传入 babel 对象 // types 也是一个对象，该对象上面有很多的方法，方便我们对 AST 的节点进行操作 const { types } 阅读全文

摘要： 前端自动化测试 这一小节主要会介绍： 单元测试对于我们前端的重要性 软件开发模型与自动化测试 前端测试框架 单元测试 不同的测试这里会形成一个测试金字塔： 一般来讲，软件开发中单元测试是做的最多的。 从测试金字塔的角度来看，越往上测试的成本是逐渐增加的，因为越到后期才抛出的 Bug，程序员要修复这个 阅读全文

摘要： 测试基本认知 这节课我们会从以下几个点来介绍和测试相关的基本知识： 为什么需要测试 ？ 有哪些测试 ？ TDD和BDD项目驱动模式 为什么需要测试 测试保证了软件的质量和可靠性，确保我们的软件是按照预期的功能进行的。 发现和修复权限 通过测试，我们可以提前发现一些功能不完整、性能低下、有安全漏洞的地 阅读全文

摘要： 自定义插件part1 关于 babel 中如何创建自定义插件，官方是有一个 handbook：https://github.com/jamiebuilds/babel-handbook/blob/master/translations/en/plugin-handbook.md AST Babel处 阅读全文

摘要： 集成Prettier 目前我们所学习的两个工具：Pretter 和 ESLint，两者都有管理代码风格的功能，因此两者往往就会在代码风格的管理上面存在一些冲突。 例如举一个例子： ESLint 配置了单引号规则 Prettier 配置了要使用双引号 那么现在假设你使用双引号，ESLint 会提示错误 阅读全文

摘要： 自定义ESLint插件 ESLint插件主要是用来扩展ESLint本身没有的功能，这里包括扩展规则、扩展配置、扩展解析器。 90%的ESLint插件都是以扩展规则为主，所以这些插件里面会包含大量的自定义规则。 像这一类的插件，一般一条规则会对应一个 JS 文件，JS 文件里面需要导出一个对象： mo 阅读全文

摘要： SWC SWC 英文全称为 Speedy Web Compiler，翻译成中文为“快速网页编译器”。 官网地址：https://swc.rs/ 来看一下官方的介绍： SWC is an extensible Rust-based platform for the next generation of 阅读全文