Uni-app学习从0到1开发一个app——(1)初步了解各种小程序开发框架


在这里插入图片描述

0 引入

uin-app官网地址:https://uniapp.dcloud.net.cn/

最近对于小程序莫名的感兴趣起来,索性就从uni-app开始吧


1、小程序常用框架

1.1、 mpvue

mpvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。使用 mpvue 开发小程序,你将在小程序技术体系的基础上获取到这样一些能力:

  • 彻底的组件化开发能力:提高代码复用性
  • 完整的 Vue.js 开发体验
  • 方便的 Vuex 数据管理方案:方便构建复杂应用
  • 快捷的 webpack 构建机制:自定义构建策略、开发阶段 hotReload
  • 支持使用 npm 外部依赖
  • 使用 Vue.js 命令行工具 vue-cli 快速初始化项目
  • H5 代码转换编译成小程序目标代码的能力
Github:https://github.com/Meituan-Dianping/mpvue
官网:http://mpvue.com/

1.2、 mpvue

Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。我要没记错的话,是最近刚刚开源的。
使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App 端等)运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全等功能,有效地提升了开发体验和开发效率。最新的支持Vue3.

官网:http://taro.aotu.io/
GitHub: http://github.com/nervjs/taro

1.3、 Tina.js

Tina.js 一款轻巧的渐进式微信小程序框架。
特性: 轻盈小巧。 极易上手,保留 MINA (微信小程序官方框架) 的大部分 API 设计;无论你有无小程序开发经验,都可以轻松过渡上手。 渐进增强,既有状态管理器,也有路由增强,还可以自己编写插件。

Tina.js 开源框架地址:https://github.com/tinajs/tina

1.4、 WePY

WePY 是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions 的引入都是为了能让开发小程序项目变得更加简单,高效。特性:

  • 类 Vue 开发风格
  • 支持自定义组件开发
  • 支持引入 NPM 包
  • 支持 Promise
  • 支持 ES2015 + 特性,如 Async Functions
  • 支持多种编译器,Less/Sass/Styus、Babel/Typescript、Pug
  • 支持多种插件处理,文件压缩,图片压缩,内容替换等
  • 支持 Sourcemap,ESLint 等
  • 小程序细节优化,如请求列队,事件优化等
Github :https://github.com/Tencent/wepy
官网:https://tencent.github.io/wepy

1.5 微信官方

微信官方开发文档

小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。小程序提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。在刚接触微信小程序的时候,就是官方提供的这个框架,其实该框架的思想和vue还是有相似之处,正所谓万变不离其宗。只不过这个框架就是直接使用微信小程序所需要的wxml、wxss等文件,而其他框架最终打包生成的文件才是官方所需要的。所以我建议就是初学者,还是可以先使用或学习下该框架,更能直接的了解小程序和学习。所以初学者值得推荐。

1.6 TouchUI WX

地址:https://link.zhihu.com/?target=https%3A//github.com/uileader/touchuiwx

主要特点:

  • 1.组建扩充:增加了30多种常用的组件用于官方组件的补充。
  • 2、功能扩充:兼容阿里的iconfont图标库,海量矢量图标随意使用;补充了常用样式库、支持less语法、支持全局配置主题色等
  • 3、开发体验改善:四文件方式改为单文件方式,通过VSCode编辑器+插件的方式开发,拥有web开发体验;
  • 4、小程序转为H5应用:可以与H5开发框架TouchUI工程相互转换,发布成webApp。开发一套代码,拥有两套应用。

2、uin-app

uni-app是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。
关于uin-app随着发展历程,网上对其褒贬不一:有人说她文档混乱,开发起来各种bug,最后还会放弃。


3、引用

1、2023年了,uniapp发展的怎么样了?


猜你喜欢

转载自blog.csdn.net/ljsant/article/details/130945030