优秀的小程序开发框架集合!

时间:2017-03-07 09:59 | 来源:未知 | 作者:admin | 点击:

[摘要] 小程序以其媲美原生App应用的体验和借助微信生态的优势,迅速得到了众多公司和开发者的青睐。 小程序的开发有一套自己的语法规范和标准,为了降低学习成本和更加高效的市面上出
小程序以其媲美原生App应用的体验和借助微信生态的优势,迅速得到了众多公司和开发者的青睐。
小程序的开发有一套自己的语法规范和标准,为了降低学习成本和更加高效的市面上出现了众多优秀的小程序开发框架,在此根据我公司技术团队项目开发中使用的经验为大家整理一份市面上比较流行和优秀的开发框架。

1、小程序组件化开发框架 wepy

wepy 是一个小程序组件化开发框架,小程序支持js模块化,但彼此独立,业务代码与交互事件仍需在页面处理。无法实现组件化的松耦合与复用的效果。 例如模板A中绑定一个bindtap="myclick",模板B中同样绑定一样bindtap="myclick",那么就会影响同一个页面事件。对于数据同样如此。因此只有通过改变变量或者事件方法,或者给其加不同前缀才能实现绑定不同事件或者不同数据。当页面复杂之后就十分不利于开发维护。 因此wepy让小程序支持组件化开发,组件的所有业务与功能在组件本身实现,组件与组件之间彼此隔离,上述例子在wepy的组件化开发过程中,A组件只会影响到A绑定的myclick,B也如此。

主要特性

  1. 开发模式转换

  2. 支持组件化开发

  3. 支持加载外部 NPM 包

  4. 单文件模式,使得目录结构更加清晰

  5. 默认使用 babel 编译,支持 ES6/7 的一些新特性针对原生 API 进行优化

 

2、基于 Vue.js 的小程序开发框架 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 代码转换编译成小程序目标代码的能力

3、一套 React 语法规范的多端开发解决方案 Taro

Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。

现如今市面上端的形态多种多样,Web、App 端(React Native)、微信小程序等各种端大行其道,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编写多套代码的成本显然非常高,这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

 

使用 Taro,我们可以只书写一套代码,再通过 Taro 的编译工具,将源代码分别编译出可以在不同端(微信小程序、H5、App 端等)运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全等功能,有效地提升了开发体验和开发效率。

4、小程序开发框架 Mpx

Mpx 是滴滴开源的一款致力于提高小程序开发体验的增强型小程序框架,通过 Mpx ,我们能够最先进的 web 开发体验 (Vue + Webpack) 来开发生产性能深度优化的小程序,Mpx 具有以下一些优秀特性:

 

  • 数据响应特性 (watch/computed)

  • 增强的模板语法(动态组件/样式绑定/类名绑定/内联事件函数/双向绑定等)

  • 深度性能优化(原生自定义组件/基于依赖收集和数据变化的 setData) 

  • Webpack 编译 ( npm/循环依赖/Babel/ESLint/css 预编译/代码优化等)

  • 单文件组件开发

  • 状态管理 (Vuex 规范/多实例/可合并)

  • 跨团队合作 (packages)

  • 逻辑复用能力 (mixins)

  • 脚手架支持

  • 小程序自身规范的完全支持

  • 支付宝小程序的支持

027-87001495