测试用例

[ynchuan]

• 操作用例：用代码模拟人的操作行为而完成交互功能的测试用例
• 单测用例：对业务函数做case测试的测试用例

[ynchuan]

自动化测试

自动化测试解决的问题 通过测试用例的形式，用程序模拟用户操作的行为，完成业务功能的测试

自动化测试的核心问题是对用户行为的模拟 围绕这一核心问题，对用户行为的模拟建模，产生了query和fireEvent两个核心操作， 同时衍生出数据mock，页面加载，镜像快照等能力

以上的实现不同的平台会有不同的实现，

• Android平台，有蚂蚁totoro，直接操作android原生组件
• 小程序自动化测试，如微信miniprogress-automator、支付宝mini-automator，模拟用户对小程序操作
• HTML环境有puputeer，test-library ，通过选择节点并模拟用户操作事件

自动化测试用例 vs 单测用例

单测用例用户群体是开发同学，编写功能函数Case测试，保障业务单元或者功能函数正常 自动化测试用例用户群体一般是测试同学，对业务整体交互功能Case进行测试验证，保障业务整体符合预期

[ynchuan]

前端安全

• xss
  • 转译
  • https
• csrf
  • token
  • samesite
  • refer
• 点面劫持
  • js 防御
  • x-frame-options
• 中间人攻击
  • https 前端稳定性
  • 服务
  • 高并发
  • 稳定性监控
  • 客户端
• 打点
• 异常监控 前端工程化
• webpack
• babel
• typescript
• npm
• ssr vs csr

前端性能优化

• 缓存
• cdn
• 合并资源
• 分割资源

前端框架

• egg
• react
• vue 前端基础
• css
• es6
• 浏览器原理
• 网络 前端算法
• 查找
• 排序
• 链表
• 回溯算法
• 动态规划 前端跨平台
• H5
  • js bridge
  • 布局
    • flex
    • rem
    • 百分比
• 小程序
• RN
• Flutter

前端测试

• 自动化测试
• 单元测试
  • 测试框架
  • 覆盖率

前端社区趋势

• serverless
• qiankun
• 低代码

https://www.processon.com/view/link/5c64d495e4b025fe7c964ca0#outline