Vuex + TS搭建组件库
Pcjmy2023-01-05VueVue
Vue3 + TS搭建组件库
自动化测试
前端功能测试的工具有很多,根据不同的需求和场景,可以选择合适的工具来进行测试。一些常用的前端功能测试的工具有:
- PageSpeed Insights:这是一个由Google提供的免费在线工具,可以分析网页的性能,并给出优化建议。
- Lighthouse:这是一个开源的自动化工具,可以对网页进行质量评估,包括性能、可访问性、最佳实践等方面。
- WebPageTest:这是一个免费的在线工具,可以对网页进行多地点、多浏览器、多设备的性能测试,并提供详细的报告和诊断。
- Pingdom:这是一个付费的在线工具,可以对网站进行实时监控、性能分析、可用性检测等功能。
- Sitespeed.io:这是一个开源的命令行工具,可以对网站进行性能和最佳实践分析,并生成可视化的报告和仪表盘。
- Calibre:这是一个付费的在线平台,可以对网站进行持续性能监测、分析和优化,并提供警报和通知功能。
- SpeedCurve:这是一个付费的在线平台,可以对网站进行用户体验和设计相关的性能测试,并提供丰富的数据和洞察力。
- SpeedTracker:这是一个开源的项目,可以利用WebPageTest API来定期监测网站速度,并生成漂亮的图表和指标。
您想了解哪个工具更多呢?
后续计划
- 文档国际化
遇到的问题
1.全局注册的组件无法使用
解决办法:全局注册的组件用小写字母
2.textarea伪类选择器:focus不起作用
解决办法:outline: none;
3.文档中textarea不显示边框
解决办法:vitepress默认将border设为0,需要为textarea设置border样式
4.带缓存的搜索框组件,input绑定@blur,清空按钮绑定@click,点击清空,会同时触发@blur和@click,但是@blur先执行,执行后button不显示,@click不执行
解决办法:为先执行的函数设置setTimeout()
5.Input组件设置过渡效果不起作用
解决办法:设置过渡需要有初始状态,为width属性设置初始值