谈谈我所了解的前端技术的发展

22 Apr 2025

为什么会突然提到这个话题？

最近看到一个很好看的小程序前端模版nxdc-milktea，展示效果如下图所示，想着看把程序跑起来。看了前端代码仓库中有App.vue，我理解应该是基于vue开发的项目，但此项目没有package.json，按vue的方式启动不了。

也给作者留过言”服务如何运行起来？”，因为项目开发的时间很久了，作者目前暂未答复。模版也作为插件发布在了DCloud的uni-app插件市场，看了uni-app的官方文档，一切都变得豁然开朗。首先需求下载hbuilderx插件，然后导入插件的内容，在左上角点击发行->小程序(微信)，会将导出的代码导入微信开发工具，如下图所示。

小程序代码导入微信开发工具后的样子，左边是模拟器，右边是代码区。看起来有种开发ios或android app的感觉，相比而言，理解开发小程序的门槛能低一些。

什么是uni-app?

简单来说，uni-app我理解是一种移动端通用的开发框架，像做移动端应用时，基于uni-app只需开发一版，然后就可以导出针对不同平台的安装包，例如：安卓、ios、鸿蒙、微信小程序、支付宝小程序、京东小程序等，具体可以看uni-app的官方文档。

有一件有意思的事情，在19年时，公司安排组内同事去上海某大型国有银行出差支持，在上海呆了1个多月。在那边主要做应用后端，前台是一个数据探查的app，是基于uni-app开发，1个前端、2个后端差不多一个多左右完成开发上线。同时期，也有友商在现场开发类似应用，好几个android开发，一个月的开发速度惊讶到对方了，跑过来问同事，你们是怎么做的，怎么那么快😂？

还想挖同事过去，后来也是从同事那边知道这个事情，我想了下，肯定写安卓组件比写html慢，并且要同时适配安卓和ios，应该是这个原因。