前言
公司的产品经理在市场调研中，往往会发现了许多令人惊叹的技术效果，这些效果往往让人眼前一亮，很多都是独有的，很多前端开发也知道理论上是可以实现的，但是搜索一圈，对此实现的demo或者是代码片段，往往寥寥无几，或者要的效果不佳，没法满足产品的最低底线（看起来还算过得去的效果）。
在前端开发的日常工作中，我们常常会遇到各种各样的技术挑战（产品的奇怪需求就是其中之一），今天就来使用Trae 的SOLO模式帮我们前端排忧解难，看看现在的ai是否可以完成需求的百分之80，然后再由前端从80优化到95，甚至更高，废话不多说，进入主题。
先来看看最终的效果
Trae部署的体验地址，有兴趣可以试试看效果 traevite-vue3-tsylty.vercel.app/
是不是还可以，那就来看看Trae solo模式是怎么一步步实现这个效果的
1.首先是让Trae帮我们创建一个vue3+vite+ts的项目来跑起来代码 
2.创建好了之后，先让trae分析，并提供相应的图片示例，看看是否有最佳方案，提问如下
我要的是视频播放，然后对应的echarts可以实现从左到右的播放动画，拖动视频也会对应的进度，先分析一下，不着急写代码，有啥实现的方案可以比较优雅 
3.尝试方案
方案1没有听过，不过可以直接让trae尝试一下 
开始尝试，效果根本不对
那就开始鞭策一下trae，效果还是不错的
去掉右上角的icon，看起来更加符合产品的需求
有点小bug，视频暂停看不到效果和拖动进度条会闪动很不舒服，是否可以优化，再次提问Trae
最终的效果实现了，就是经常会找不到bug就要切换方案，其实方案1没有问题的，这一点还是很烦，Trae没有注意到有一行代码导致这个bug，还得前端来debugger，发现只要暂停就重置为0 chart.on('finished', () => updateBrush(0))
总结
这也太坑了，所以ai还是没法完完全全接替前端的开发，还是那句老话，ai只能把功能或者项目做到80分，要做到95分甚至更高就要人来介入，优化，暂时前端还是比较高门槛的，要结合ai来帮助我们搭建前端体系，不要以己之短去挑战ai的长处，ai擅长算法，你就去死磕算法，你算的再快也没有计算机快，要把ai没有的变成自己的长处，根据自己的经验发现问题，告诉ai，并让ai去执行，让ai干脏活累活，把ai变成自己的员工~
小插曲
想必你也遇到过部署之后访问不到页面，你知道是什么原因，还是交给我们的ai员工处理吧
