学习周报 - 2024/03/03
使用Apifox进行接口模拟
Apifox Mock功能全解析！高级 Mock 自定义脚本功能尝鲜！_哔哩哔哩_bilibili
Apifox内置有模拟接口功能，通过编写好接口文档，可以直接生成本地的mock服务，用来在前端项目中直接进行请求。
- 除了手动设置数据类型和mock规则，也可以在「项目设置」→「功能设置」中设置字段名称匹配规则，可以根据字段名自动设置mock规则。
- 除了返回固定的数据，还可以在接口的「高级mock」中设置根据前端请求的参数不同就返回不同的数据；
- 高级mock还支持特殊的语法来定义返回的数据结构；
- 高级mock还可以使用自定义脚本通过js代码自定义返回结果；
SVG中获取外部引用该SVG的object元素
window.frameElement - Web API 接口参考 | MDN
使用window.frameElement可以获取引用该SVG的外部的object，从而实现像Vue组件一样使用SVG。
使用浏览器原生API创建动画
Element.animate() - Web API 接口参考 | MDN
利用Element.animate()这个接口可以更便捷地创建js动画，不仅动画代码的耦合度更高，而且不用担心和原有的CSS样式代码冲突。特别是在编写动画相关的通用功能时，非常合适。
上面视频教程中就使用了该接口创建了个包含动画效果的Vue自定义指令。