10年老前端,分享20+严选技术栈

大家好,我是农村程序员,独立开发者,行业观察员,前端之虎陈随易。我会在这里分享关于 独立开发编程技术思考感悟 等内容,欢迎关注。

技术群与交朋友请在个人网站 👆 联系我,如果你觉得本文有用,一键三连 (点赞评论转发),就是对我最大的支持~


我是2015年入行的,到今年2025年刚好10年。

前面5年,我在长沙做前端,换了多份工作,做过小公司技术负责人,切图仔,游戏前端,前端讲师,合伙创业,也组织过多次前端线下交流,与同行一起游古镇,夜爬衡山。

后面5年,我一直待在农村,除了自驾游,一概闭门不出,电话,视频,语音等一概不接,谨守心神,安安静静地做一个网络键盘侠。

由此可见,我是一个比较偏执的人,要么很活跃,要么很安静,在技术上面来说,我也是如此偏执。

那么分享一下我现在的技术栈和背后的思考,希望可以给需要的朋友带来一些参考。

Bun

地址bun.sh

我已经半年没用 Node.js 了,本地机器和服务器上面都把 Node.js 完全删除了。

我用 Bun 来做后端接口开发,内置了 Mysql,Redis,Websocket 等等,无需任何外部依赖实现完整的后端开发。

而且还支持直接打包整个前端项目为一个 exe 文件,点击就能在本地跑一个服务,你说离不离谱 (强不强大),这还只是冰山一角,更多功能可以自行探索。

befly

地址github.com/chenbimo/be...

音译 蜜蜂飞舞,是我8月份耗时20天为 Bun 量身打造的后端 API 接口框架原型。

没有任何外部依赖,使用方便,当然,限制也多,但是如果只是在这个框架里面干活,那是出奇地高效。

MoonBit

地址www.moonbitlang.cn

做前端或 js 后端的性能优化和加密,生成的 Wasm 处于目前行业领先水平,我正在用它重构我所有产品的核心逻辑和通用方法。

是我目前除了 JS 外,最想熟练掌握的一门语言。

Vue

地址vuejs.org

我只写 Vue,更准确地说,我只写 Vue3,其他的框架一概不碰,一个同类型的技术只需要熟练其一即可。

tdesign-vue-next

地址tdesign.tencent.com/vue-next

腾讯出品的 Vue3 UI 库,是我目前写 web 的主要 UI 框架,我之前一直用的是字节的 arco-design-vue,可惜已经快半年没动静了。

pinyin-pro

地址pinyin-pro.cn

与拼音相关的库我就用这个。

Uniapp

地址uniapp.dcloud.net.cn

不说那些有的没的,论小程序快速出活,除了 Uniapp 还有谁?更何况它打包 APP 也方便。

至于所谓的 BUG 嘛,其实绝大部分项目 Uniapp 都能胜任,硬是要拿部分项目的 bug 来否定整个 uniapp,还是有失偏颇的。

不过,还是要吐槽一句,官方开的坑太多了,很难想象这么分支,精力,人力能不能跟得上。

wot-design-uni

地址wot-design-uni.cn

我现在写 Uniapp 项目只用这个 UI 框架,更新勤快,组件丰富,作者友好,有问必答,爱了爱了。

uni-helper

地址uni-helper.js.org

补全了 uniapp 生态的短板,提供了一系列的工具来让 uniapp 的开发体验达到 web 开发的效果,用爱发电,大爱无疆。

unibest

地址unibest.tech

开箱即用的 uniapp 模板,精心打造的魔法城堡,有用到很多 uni-helper 的很多生态库。

date-fns

地址zh.javascript.info

日期操作我只用这个,几百个日期操作函数,堪比日期届的 lodash。

es-toolkit

地址zh.javascript.info

lodash 已经4年多没更新了,es-toolkit 是 lodash 的精神续作,目前已经兼容 lodash,可以迁移过来了。

echarts

地址zh.javascript.info

图表库我只用 echarts,目前 v6 版本已发布,更好用,更强大了。

leafer-ui

地址zh.javascript.info

国产图形库的黑马,我一直想用这个做我的图形化产品,可惜一直没挤出更多时间,随时准备把这个用上。

tyme4ts

地址6tail.cn/tyme.html

与农历相关的操作我就用这个,开源,免费,好用。

eruda

地址eruda.liriliri.io/zh/

有时候写 h5 页面,要在手机上面进行调试,写 uniapp 的 app 项目好像也能用到,这个调试起来很好用,完美还原了浏览器控制台的体验。

wang-editor-next

地址wangeditor-next.github.io/docs

副文本编辑器我还是更喜欢 wang-editor (双越老师作品),这个 wang-editor-next (由cycleccc主要维护) 是 wang-editor 的精神续作,可以无缝迁移。

md-editor-v3

地址imzbf.github.io/md-editor-v...

markdown 编辑器,开箱即用,这是我比较喜欢的一个。

javascript-obfuscator

地址github.com/javascript-...

目前给 js 做混淆加密的不二之选。

JavaScript

地址zh.javascript.info

这是用来对标 TypeScript 的,从业10年,我一行 TypeScript 都没写过。

如今,在 AI 的加持下,把测试用例写好,bug 也没有想象中那么多,至于类型提示嘛,我没用过,听说 jsdoc 不错。

SCSS

地址sass-lang.com

与 Vue 一样,我只写 SCSS,不碰 Less,Stylus,Css-module 等等。

之前也用过 unocss,但是自己的场景有限,用不到太原子化的东西,所以 tailwindcss 更别提了,scss 已经足以满足我的所有需求。

Mysql

地址www.mysql.com

数据库存储部分,简单,方便,易用还便宜,腾讯云的轻量 Mysql 只需要 30元/月,优惠后,一年只要不到 300 块。

我用正规的云数据库是多少钱呢?2500元/年,比我服务器还贵!

怎么说呢,业务起步阶段,还是省点钱吧。

Redis

地址redis.io

缓存领域当之无愧的无冕之王,我用这个来补充 Mysql 的短板。

好了,以上就是我目前常用的技术栈,如果感兴趣,可以给我一键三连,后续分享我常用的软件工具。


最后,自荐我开发的 VSCode 编程神器 fnMap

安装地址:sourl.cn/zmnsPf

如果想与我交朋友,围观我的朋友圈,欢迎前往我的个人网站 chensuiyi.me 联系我。

相关推荐
想用offer打牌1 天前
MCP (Model Context Protocol) 技术理解 - 第二篇
后端·aigc·mcp
崔庆才丨静觅1 天前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby60611 天前
完成前端时间处理的另一块版图
前端·github·web components
KYGALYX1 天前
服务异步通信
开发语言·后端·微服务·ruby
掘了1 天前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅1 天前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅1 天前
5分钟快速搭建 AI 平台并用它赚钱!
前端
爬山算法1 天前
Hibernate(90)如何在故障注入测试中使用Hibernate?
java·后端·hibernate
崔庆才丨静觅1 天前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment1 天前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端