一眨眼又到年末,也是我干前端的第7个年头了,赶上掘金的活动,也是我的一个碎碎念,那就写个年终总结吧。
1. 我的职业生涯
想想我也是很幸运的,入行的时候IT行业如日中天,不费力就找了个6K的工作,刚进去啥也不会,从最开始写jsRender,JQuery,到后来疫情封在家里2个月,看B站视频边学边敲demo学了Vue2,解封后公司垮了,入职了新公司陆陆续续做了几个Vue后台项目和H5,再后来,看文档教程用uniapp写小程序,第一个自己写的小程序上线的时候还是挺开心的。
后来嫌武汉工资太低了,跑去了深圳,那时候行情真的好,随便一找就是十几K,光速入职了一个中小型公司,不再是小作坊了,有了小团队,甚至还有1~2周一次的技术交流会。后来Vue3正式版来了,也开始学Vue3做新项目,学的过程中还写了一点博客,也算入了个门。
再后来,生活原因,赶在深圳疫情封城前一晚,坐飞机又回来了武汉,无缝衔接入职了一家公司,虽然就我一个前端,但是氛围还可以,从0到1干了几个项目,结果疫情反反复复,武汉封城,后来公司也裁员了2次,幸运的我逃过2劫,坚持到底了。
中间搞了Nuxt.js,还兼职改了一阵子安卓Kotlin的bug,再后来,不搞Vue了,新项目老大要求换成React,我临阵磨枪开始学React 18,看了会教程直接边学边干,直到项目上线,后面慢慢优化,也算是入门了。项目稳定后,老大说,搞App吧,得,于是又开始学Flutter,配环境,写Demo,搭框架那叫一个麻烦,磕磕绊绊还是上线了,后面就跟母鸡下崽一样,上线了好几个APP。至此,前端领域除了nodeJS、Web3、GIS项目没干过,基本都试过水了。
2. 横空出世的AI
2022 年 11 月 30 日,OpenAI 正式发布 ChatGPT,发布 5 天后用户数突破 100 万,12 月起在技术圈和社交媒体快速传播,成为热议话题。
ChatGPT 发布初期就具备基础代码生成、解释和调试能力,网上很多开发者在尝试,2023 年 3 月 GPT - 4 发布,代码生成、理解和调试能力大幅提升。
我刚开始还挺新奇的,只是跟他聊天,还不知道他有啥作用,后来看到网上有人用它学英语,学各种编程语言和技术,于是我也试着用了一下,震惊到我了,卧槽,那时候我刚兼职改了一阵子安卓Kotlin的bug,一些问题完全不会,丢给GPT居然能给我修复个七七八八,我感觉它完全就是一个无怨无悔不要工资的助手,随时给我帮助和教导。
后来,国产AI也陆续出现,我用过VS Code里的插件,感觉写了一段代码或者是注释之后,自动出现下一行比较烦,有时候我想要它出现,结果卡卡的,有时候我不想要,它给我疯狂提示。后来我还是换成了在浏览器里问同义灵码和GPT这种方式。
再后来,Cursor彻底火了,我试用了一下,刚开始感觉跟VS Code里加个AI插件没啥区别,所以就弃用了。再后来更新了,它可以读取代码文件,上下文更长,有时候只需要我说一段话描述需求,它就给我完成了80%了,就算我不需要它给我写业务代码,我也可以让他做一些脏活累活,比如生成一些麻烦的数据,TS类型,国际化的json等等...,但是它太贵了,试用期过了,我就没用了。
再后来,国产AI编辑器,Trae也出现了,更便宜的价格,效果也能达到我的预期,在试用期过完,我果断订阅了会员,给我的工作带来了很大的帮助。
3. 谈谈"前端已死?"

自从22年底,AI出现后,技术圈上充斥着"前端已死"的声音。什么AI可以写前端页面啦,产品直接让AI做,去掉中间环节。前端岗位没啦。
固然,AI是可以替代一部分前端的工作,一些简单的页面,不太复杂的后台系统,都可以让AI干,但是,这里我列一些缺点和优点,最后会放上一些思考,也欢迎大家补充。
缺点
-
现在的应用和网页,越来越复杂了,早已不是简单的增删改查,通常涉及大量的个性化设置,一些离谱的需求和交互,有些需求,连产品都要梳理半天,你让产品直接用AI做出来成品,难度还是很大的。
-
不同于个人项目,公司的项目都是有一个迭代的,AI写的代码,在规范性和合理性上,还是会有一些短板和缺陷,本来项目大了就容易成屎山,让AI搞,现在还是差点火候。
-
我用AI写出前端代码,就算很复杂,我大概也能读得懂的,因为我是做前端的,我有经验。但是,你让一个不懂的,或者经验少的人员使用AI做复杂项目,那翻车的几率还是有点大的。
-
现在AI在多文件之间还是有很大问题,上下文一多,比如十个文件所关联的,经常出现忘记了的情况。或者你让它改A,它顺便动了B的情况,让人很崩溃。
-
用多了AI,真的会影响你的代码水平,不用AI自己都不会写了......
优点
- 自从有了AI,工作效率起码提高了50%,有问题再也不用上百度谷歌GitHub,Stack Overflow到处找了。
- 有了AI,你只需要负责输出需求,只要你描述的够清晰,那么你真的可以不写代码,光审查代码就够了。
- 以前,你可能只会Vue,如果需要写React,你可能需要看文档,看教学视频,写几个demo,才能开始做项目,但是现在,任何技术栈,AI都可以辅助你快速的掌握,真的很牛。
- AI发展迅速,从问答式AI,到VS Code插件,再到Cursor和Trae,相信未来还会更强。
讲完一些优点和缺点,对于"前端已死"这个说法,我的想法是,没有什么技术是不死的,死去的只会是墨守成规,原地踏步的前端。因为工作效率变高了,不可避免一些岗位会被压缩,但是,没有什么岗位会一直是香饽饽,我们只能迎接变化,面对挑战。而更新,更全能,技术面更广的前端,也许正在蜕变中。以前可能只是写网页,写后台,写小程序。以后,有AI赋能,可以会的更多了,试试客户端,PC端,甚至是设计,产品和后端,有了AI助手,都可以尝试。
4. 未来展望
说起未来,我也不知道我能在前端这个岗位坚持多久,当初做这行,也是因为我觉得前端很神奇,几行代码就可以展示出各种网页和样式,所写即所得,立马出现了效果,很有成就感。而且当初岗位工资比起别的岗位,真的挺多的。
但是工作久了,心思就变了,我发现纯做技术很难有出路,而且比我牛的人太多了,我连大厂都没进过,也没什么好拿得出手的开源技术和项目。我不是那种热爱技术钻研技术的人,现在,也没有当年那种下班了还回家写代码做小玩意的激情了。我也比较内向,当初读书的时候,体验过做销售,那叫一个难受。所以那时候我就知道,我还是做技术岗比较好,不需要那么外向,说那么多话,还挺好。
我对未来的展望就是,坚持工作,探索更多前端的可能性(感觉有了AI我学啥技术栈都不担心了),直到我被裁,直至找不到工作为止。在生活中,锻炼身体,我也准备做一些小项目,正在积攒点子。其他的我也没想好,管他的,想那么多干什么。
本次分享就到这儿啦,我是鹏多多,深耕前端的技术创作者,如果您看了觉得有帮助,欢迎评论,关注,点赞,转发,我们下次见~
PS:在本页按F12,在console中输入document.getElementsByClassName('panel-btn')[0].click();有惊喜哦~
往期文章
- 纯前端提取图片颜色插件Color-Thief教学+实战完整指南
- react-konva实战指南:Canvas高性能+易维护的组件化图形开发实现教程
- React无限滚动插件react-infinite-scroll-component的配置+优化+避坑指南
- 前端音频兼容解决:音频神器howler.js从基础到进阶完整使用指南
- 使用React-OAuth进行Google/GitHub登录的教程和案例
- 纯前端人脸识别利器:face-api.js手把手深入解析教学
- 关于React父组件调用子组件方法forwardRef的详解和案例
- React跨组件数据共享useContext详解和案例
- Web图像编辑神器tui.image-editor从基础到进阶的实战指南
- 开发个人微信小程序类目选择/盈利方式/成本控制与服务器接入指南
- 前端图片裁剪Cropper.js核心功能与实战技巧详解
- 编辑器也有邪修?盘点VS Code邪门/有趣的扩展
- js使用IntersectionObserver实现目标元素可见度的交互
- Web前端页面开发阿拉伯语种适配指南
- 让网页拥有App体验?PWA 将网页变为桌面应用的保姆级教程PWA
- 使用nvm管理node.js版本以及更换npm淘宝镜像源
- 手把手教你搭建规范的团队vue项目,包含commitlint,eslint,prettier,husky,commitizen等等