#### 1. 总是被忽略的测试
```
当代码达到一定的程度时,会有意想不到的问题
所以开发自测很重要
```
#### 2. 测试没那么神秘
vscode 编辑器新工具
打开控制台:https://jingyan.baidu.com/article/20095761ec9d69cb0721b4e9.html
VSCode插件:https://blog.csdn.net/qq_38906523/article/details/77278403
#### 3. 断言
```
断言:测试的核心、很多语言都有内置接口、console.assert、nodejs.
```
![]()
#### 4. 测试框架的起源
```
污染 ===》 抽离
零散 ===》 整体设计
没有持久化 ===》 放置到专门的文件
手动麻烦 ===》 自动运行、显示结果
```
![]()
#### 5. 测试框架的结局
```
1.通过测试框架,我们分离测试代码和原代码
2.测试框架可以自动运行所有用例并输出结果
3.测试框架可以提高编写测试代码的效率
```
#### 6. TDD
```
1.TDD 理念中,现有测试代码再有逻辑代码
2.TDD 有其使用场景,不应强行滥用
3.TDD 只是一种思想,实际开发过程中还是要结合真实逻辑完善用例
TDD 这个理念,很多人推崇,也有很多人反感,我们用它好的地方就行。
一些开源库,如 jQuery,lodash ,TDD 再也合适不过的,当然也有不合适的地方,那就不用
```
![]()
- Part 0:开启你的Web前端之旅
- 学习大纲
- Part 1:HTML 基础
- 认识HTML
- HTML元素
- 专业级开发环境
- 嵌套及HTML树
- Part 2:CSS 基础
- CSS 盒子
- CSS 基础
- 锻造利器——编辑器
- 属性和值
- 选择器
- 样式计算
- Part 3:HTML CSS
- CSS动画
- CSS布局
- CSS预处理
- 响应式
- Part 4:JS 基础
- BOM
- DOM
- JavaScript 语言基础
- jQuery 简单教程
- 流程控制
- 事件
- Part 5:JS 进阶
- Canvas进阶
- canvas入门
- 创建对象
- 继承
- Part 6:性能与工程
- nodejs简介
- 工程化
- 浏览器渲染简述
- 模块化
- 性能
- 网络通路简介
- Part 7:JS 应用开发
- Ajax
- React
- 设计模式
- 正则表达式
- Part 8:项目中的测试
- Jest
- 基本概念
- Part 9:安全攻防战
- Cookie
- CSRF
- XSS
- 更多安全
- Part 10:面经大放送
- 面试经验