小程序常用的10款框架
前言:
随着前端的知识不断更新,小程序也成为了我们开发中的日常。微信小程序、百度小程序、支付宝小程序、头条小程序等等不断涌入我们的生活,随着小程序的火爆,各种小程序框架不断出现,也在不断更新。路漫漫,学不完呀!归根结底,都是一个目标,把小程序给制作出来,只是使用了不同的框架。那么目前有哪些框架/组件库比较优秀呢?我在这里简单的罗列以下几款:
1. uni-app
官方地址:uni-app官网
uni-app是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝)、快应用等多个平台。uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。
2. Taro
官方地址:Taro 介绍 | Taro 文档
Taro 是一套 遵循React 语法规范的多端开发解决方案。使用 Taro,只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App 端等)运行的代码。同时 Taro 还提供了开箱即用的语法检测和自动补全等功能。(它的核心其实就是react)
3. mpvue
官方地址:mpvue.com
mpvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。
使用 mpvue 开发小程序,你将在小程序技术体系的基础上获取到这样一些能力:
彻底的组件化开发能力:提高代码复用性
完整的 Vue.js 开发体验
方便的 Vuex 数据管理方案:方便构建复杂应用
快捷的 webpack 构建机制:自定义构建策略、开发阶段 hotReload
支持使用 npm 外部依赖
使用 Vue.js 命令行工具 vue-cli 快速初始化项目
H5 代码转换编译成小程序目标代码的能力
4. 微信小程序官方框架
官方地址:微信官方文档 | 微信开放文档
小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。整个小程序框架系统分为两部分:逻辑层(App Service)和 视图层(View)。小程序提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,让开发者能够专注于数据与逻辑。
5. WePY
官方地址:WePY Document
WePY (发音: /'wepi/) 项目启动于 2016 年 11 月份, 是小程序最早的框架之一,是一款让小程序支持组件化开发的框架,通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化,Promise,Async Functions的引入都是为了能让开发小程序项目变得更加简单,高效。腾讯团队开源的一款类vue语法规范的小程序框架,借鉴了Vue的语法风格和功能特性,支持了Vue的诸多特征。
特性:
使用 Vue Observer 实现数据绑定
支持 Vue watch/computed/mixin 等特性
基于原生组件实现组件化开发
支持 TypeScript
6. Tina.js 一款轻巧的渐进式微信小程序框架
官方地址:Tina.js | 一款轻巧的渐进式微信小程序框架
是一款轻巧的渐进式微信小程序框架,保留 MINA (微信小程序官方框架) 的大部分 API 设计;无论你有无小程序开发经验,都可以轻松过渡上手。
7. WeUI
官方地址:WeUI
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。小程序开发中最常用到的一款框架,受广大开发人员的欢迎。
8. 前端框架weweb
官方地址: GitHub - wdfe/weweb: 兼容小程序写法的web开发框架
weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。
9. 微信UI组件库 iView Weapp
官方地址:iView Weapp - 一套高质量的微信小程序 UI 组件库
iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。
10. ZanUI-WeApp – 一个颜值高、好用、易扩展的微信小程序 UI 库
官方地址:ZanUI-WeApp -- 一个颜值高、好用、易扩展的微信小程序 UI 库 - CNode技术社区
ZanUI-WeApp结合了微信的视觉规范,为用户提供更加统一的使用感受。 包含 badge、btn、等共计 17 类组件或元素。
小程序常用的10款框架相关推荐
- 强烈推荐:小程序常用的6款框架总结
随着前端的知识不断更新,小程序也成为了我们开发中的日常.微信小程序.百度小程序.支付宝小程序.头条小程序等等不断涌入我们的生活,随着小程序的火爆,各种小程序框架不断出现,也在不断更新.路漫漫,学不完呀 ...
- python写节日祝福小程序_推荐10款祝福小程序,春节祝福不用尬聊了
新年将至,最少不了的当然是祝福 But 你还在发短信送祝福? 微信巴拉巴拉的发语音? 今天小编介绍几款祝福小程序,让你的过年祝福方式不再单调! 1. 祝福话 春节,元宵节.情人节即将来到,绞尽脑汁不知 ...
- 从0到一开发微信小程序(6)—小程序常用API
文章目录 其他相关文章 1.小程序API 1.1.路由 1.1.1.navigateTo(保留当前页面,跳转到应用内的某个页面,可以带参数) 1.1.2.redirectTo(关闭当前页面,跳转到应用 ...
- Thinkphp 6 + Vue 2 + ElementUI + Vxe-table 前后端分离的,一键生成代码和API接口的,通用后台管理系统 快速开发框架,开发小程序和APP的推荐框架!
Thinkphp 6 + Vue 2 + ElementUI + Vxe-table 前后端分离的,一键生成代码和API接口的,通用后台管理系统 快速开发框架,开发小程序和APP的推荐框架! 概述 R ...
- 微信小程序好用的开源框架
这是最近看到的一篇都是干货的文章,特此分享给大家 特别说明:这是我目前在接触过和使用过的,自认为是最好用的一个小程序开源框架库.小程序到底有多火,看看目前推出的开源框架以及组件库就知道了.由于小程序开 ...
- 组件的生命周期,小程序如何引入第三方ui框架
笔记 组件开发的三要素 properties //相当于vue中的props接收属性 triggerEvent//相当于vue中是$emit slot//和vue是类似的slot 1.可以通关slot ...
- 微信小程序常用视图容器组件
微信小程序常用视图容器组件 1.组件概述 2.常用的试图容器组件 2.1 view 2.1.1 案例 2.2 scroll-view 2.2.1 案例 2.3 swiper 2.3.1 案例 1.组件 ...
- 微信小程序-常用api
文章目录 微信小程序-常用api 路由 wx.switchTab(Object object) wx.navigateTo(Object object) wx.navigateBack(Object ...
- 【Linux 中国】最适合程序员的 10 款 Linux 发行版
最适合程序员的 10 款 Linux 发行版 我们为程序员和开发人员总结了 2022 年最好用的 10 款 Linux 发行版,以便他们开展日常工作和个人项目. 由于工作和项目需要,程序员和开发人员会 ...
- 全民经纪人小程序v2.6.10+插件+前端
简介: 全民经纪人小程序v2.6.10+插件+前端 [新增] 1.新增-后台-基础设置-常用路径-新增楼盘详情页路径 [优化] 1.优化-后台-权限管理-子账号创建的楼盘权限支持分配给子子账号. 2. ...
最新文章
- zbb20170613 linux 安装 mysql
- 三、糖醋鲤鱼(Sweet and sour carp)
- hash和一致性hash
- linux开机自启动python脚本_Linux下Python脚本自启动和定时启动的详细步骤
- Android系统(20)---开发android项目的常用jar包
- android 多个语音合成,android实现语音合成
- mysql utf-8_完美解决mysql下utf-8的乱码问题
- c/c++教程 - 2.4.2.5 深拷贝和浅拷贝,堆区内存重复释放
- 好的串行代码与好的并行代码的区别(Zz)
- 用CSS编写登陆页面(含源代码)
- Windows无法安装到这个磁盘,选中的磁盘具有MBR分区表的解决方法
- java web 错误处理实例_javaweb异常提示信息统一处理(使用springmvc,附源码)
- crosses initialization of “XXX”
- zblog模板 php,卢松松博客模板zblogphp版 适合seo功能强大(已支持1.6)
- 统计-均匀分布生成其他分布的两种方法
- VMBox挂载共享文件时可能出现的问题以及对应的解决办法
- 详细讲解Java整数类型
- java爬虫实战——实现简单的爬取网页数据
- EurekaServer这几个错误 你可以这样解决
- Java入门基础教程第一篇