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 联系我。

相关推荐
yvvvy11 分钟前
前端性能优化全家桶:从重绘重排到面试连招,一篇搞懂
前端·javascript·面试
1024小神14 分钟前
微信小程序原生wxml中的事件函数
前端
小蒜学长24 分钟前
vue家教预约平台设计与实现(代码+数据库+LW)
java·数据库·vue.js·spring boot·后端
BigTopOne27 分钟前
[kotlin] inline 函数
前端
怪可爱的地球人28 分钟前
typescript-接口
前端
我是ed30 分钟前
# vue实现拖拉拽效果,类似于禅道首页可拖拽排布展示内容(插件-Grid Layout)
前端
现在就干31 分钟前
还在手忙脚乱创建线程?你的服务器是否扛得住生产环境的"狂风暴雨"?
后端
得物技术33 分钟前
得物新商品审核链路建设分享
后端·架构·aigc
东风西巷34 分钟前
微软恶意软件删除工具:官方免费的系统安全防护利器
前端·安全·microsoft·系统安全·软件需求
跟橙姐学代码38 分钟前
手把手教你玩转 multiprocessing,让程序跑得飞起
前端·python·ipython