小程序框架_小程序框架 微擎 - CSDN
精华内容
参与话题
  • 想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库。 1:WeUI 小程序–使用教程...

    想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库。

    1:WeUI 小程序–使用教程https://weui.io/官方介绍:WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。小程序开发中最常用到的一款框架,受广大开发人员的欢迎。

    2:美团小程序框架mpvueGithub:https://github.com/Meituan-Dianping/mpvue官网:http://mpvue.com/官方介绍:mpvue是一个使用 Vue.js开发小程序的前端框架。框架基于 Vue.js核心,mpvue修改了 Vue.js的 runtime和 compiler实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套Vue.js开发体验。

    3:组件化开发框架wepyGithub地址:https://github.com/Tencent/wepy官网地址:https://tencent.github.io/wepy官方介绍:组件化开发,完美解决组件隔离,组件嵌套,组件通信等问题,支持使用第三方 npm 资源,自动处理 npm 资源之间的依赖关系,完美兼容所有无平台依赖的 npm 资源包.

    4:官方框架MINA地址:https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html官方介绍:框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。

    5:Tina.js 一款轻巧的渐进式微信小程序框架Tina.js 开源框架地址:https://github.com/tinajs/tina官方介绍:是一款轻巧的渐进式微信小程序框架,保留 MINA (微信小程序官方框架) 的大部分 API 设计;无论你有无小程序开发经验,都可以轻松过渡上手。

    6:前端框架weweb地址:https://github.com/wdfe/weweb官方介绍:weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。

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

    8:ZanUI-WeApp – 一个颜值高、好用、易扩展的微信小程序 UI 库https://cnodejs.org/topic/589d625a5c8036f7019e7a4a官方介绍:ZanUI-WeApp结合了微信的视觉规范,为用户提供更加统一的使用感受。 包含 badge、btn、等共计 17 类组件或元素。

    9:微信UI组件库 iView Weapphttps://weapp.iviewui.com/介绍:iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。

    最后这是我使用微信UI组件库 iView Weapp制作的一个小程序,欢迎大家体验。

    前端面试题库
    在这里插入图片描述

    展开全文
  • 小程序框架全面测评

    2019-05-31 18:11:17
    最近前端届多端框架频出,相信很多有代码多端运行需求的开发者都会产生一些疑惑:这些框架都有什么优缺点?到底应该用哪个? 作为 Taro 开发团队一员,笔者想在本文尽量站在一个客观公正的角度去评价各个框架的选型...

    最近前端届多端框架频出,相信很多有代码多端运行需求的开发者都会产生一些疑惑:这些框架都有什么优缺点?到底应该用哪个?

    作为 Taro 开发团队一员,笔者想在本文尽量站在一个客观公正的角度去评价各个框架的选型和优劣。但宥于利益相关,本文的观点很可能是带有偏向性的,大家可以带着批判的眼光去看待,权当抛砖引玉。

    那么,当我们在讨论多端框架时,我们在谈论什么:

    多端

    笔者以为,现在流行的多端框架可以大致分为三类:

    1. 全包型

    这类框架最大的特点就是从底层的渲染引擎、布局引擎,到中层的 DSL,再到上层的框架全部由自己开发,代表框架是 Qt 和 Flutter。这类框架优点非常明显:性能(的上限)高;各平台渲染结果一致。缺点也非常明显:需要完全重新学习 DSL(QML/Dart),以及难以适配中国特色的端:小程序。

    这类框架是最原始也是最纯正的的多端开发框架,由于底层到上层每个环节都掌握在自己手里,也能最大可能地去保证开发和跨端体验一致。但它们的框架研发成本巨大,渲染引擎、布局引擎、DSL、上层框架每个部分都需要大量人力开发维护。

    2. Web 技术型

    这类框架把 Web 技术(JavaScript,CSS)带到移动开发中,自研布局引擎处理 CSS,使用 JavaScript 写业务逻辑,使用流行的前端框架作为 DSL,各端分别使用各自的原生组件渲染。代表框架是 React Native 和 Weex,这样做的优点有:

    1. 开发迅速
    2. 复用前端生态
    3. 易于学习上手,不管前端后端移动端,多多少少都会一点 JS、CSS

    缺点有:

    1. 交互复杂时难以写出高性能的代码,这类框架的设计就必然导致 JS 和 Native 之间需要通信,类似于手势操作这样频繁地触发通信就很可能使得 UI 无法在 16ms 内及时绘制。React Native 有一些声明式的组件可以避免这个问题,但声明式的写法很难满足复杂交互的需求。
    2. 由于没有渲染引擎,使用各端的原生组件渲染,相同代码渲染的一致性没有第一种高。

    3. JavaScript 编译型

    这类框架就是我们这篇文章的主角们:TaroWePY 、uni-app 、 mpvue 、 chameleon,它们的原理也都大同小异:先以 JavaScript 作为基础选定一个 DSL 框架,以这个 DSL 框架为标准在各端分别编译为不同的代码,各端分别有一个运行时框架或兼容组件库保证代码正确运行。

    这类框架最大优点和创造的最大原因就是小程序,因为第一第二种框架其实除了可以跨系统平台之外,也都能编译运行在浏览器中。(Qt 有 Qt for WebAssembly, Flutter 有 Hummingbird,React Native 有 react-native-web, Weex 原生支持)

    另外一个优点是在移动端一般会编译到 React Native/Weex,所以它们也都拥有 Web 技术型框架的优点。这看起来很美好,但实际上 React Native/Weex 的缺点编译型框架也无法避免。除此之外,编译型框架的抽象也不是免费的:当 bug 出现时,问题的根源可能出在运行时、编译时、组件库以及三者依赖的库等等各个方面。在 Taro 开源的过程中,我们就遇到过 Babel 的 bug,React Native 的 bug,JavaScript 引擎的 bug,当然也少不了 Taro 本身的 bug。相信其它原理相同的框架也无法避免这一问题。

    但这并不意味着这类为了小程序而设计的多端框架就都不堪大用。首先现在各巨头超级 App 的小程序百花齐放,框架会为了抹平小程序做了许多工作,这些工作在大部分情况下是不需要开发者关心的。其次是许多业务类型并不需要复杂的逻辑和交互,没那么容易触发到框架底层依赖的 bug。

    那么当你的业务适合选择编译型框架时,在笔者看来首先要考虑的就是选择 DSL 的起点。因为有多端需求业务通常都希望能快速开发,一个能够快速适应团队开发节奏的 DSL 就至关重要。不管是 React 还是 Vue(或者类 Vue)都有它们的优缺点,大家可以根据团队技术栈和偏好自行选择。

    如果不管什么 DSL 都能接受,那就可以进入下一个环节:

    生态

    以下内容均以各框架现在(2019 年 3 月 11日)已发布稳定版为标准进行讨论。

    开发工具

    就开发工具而言 uni-app 应该是一骑绝尘,它的文档内容最为翔实丰富,还自带了 IDE 图形化开发工具,鼠标点点点就能编译测试发布。

    其它的框架都是使用 CLI 命令行工具,但值得注意的是 chameleon 有独立的语法检查工具,Taro 则单独写了 ESLint 规则和规则集。

    在语法支持方面,mpvueuni-appTaro 、WePY 均支持 TypeScript,四者也都能通过 typing 实现编辑器自动补全。除了 API 补全之外,得益于 TypeScript 对于 JSX 的良好支持,Taro 也能对组件进行自动补全。

    CSS 方面,所有框架均支持 SASSLESSStylus,Taro 则多一个 CSS Modules 的支持。

    所以这一轮比拼的结果应该是:

    uni-app > Taro > chameleon > WePYmpvue

    开发工具

    多端支持度

    只从支持端的数量来看,Taro 和 uni-app 以六端略微领先(移动端、H5、微信小程序、百度小程序、支付宝小程序、头条小程序),chameleon 少了头条小程序紧随其后。

    但值得一提的是 chameleon 有一套自研多态协议,编写多端代码的体验会好许多,可以说是一个能戳到多端开发痛点的功能。uni-app 则有一套独立的条件编译语法,这套语法能同时作用于 js、样式和模板文件。Taro 可以在业务逻辑中根据环境变量使用条件编译,也可以直接使用条件编译文件(类似 React Native 的方式)。

    在移动端方面,uni-app 基于 weex 定制了一套 nvue 方案 弥补 weex API 的不足;Taro 则是暂时基于 expo 达到同样的效果;chameleon 在移动端则有一套 SDK 配合多端协议与原生语言通信。

    H5 方面,chameleon 同样是由多态协议实现支持,uni-app 和 Taro 则是都在 H5 实现了一套兼容的组件库和 API。

    mpvue 和 WePY 都提供了转换各端小程序的功能,但都没有 h5 和移动端的支持。

    所以最后一轮对比的结果是:

    chameleon > Tarouni-app > mpvue > WePY

    多端支持

    组件库/工具库/demo

    作为开源时间最长的框架,WePY 不管从 Demo,组件库数量 ,工具库来看都占有一定优势。

    uni-app 则有自己的插件市场和 UI 库,如果算上收费的框架和插件比起 WePy 也是完全不遑多让的。

    Taro 也有官方维护的跨端 UI 库 taro-ui ,另外在状态管理工具上也有非常丰富的选择(Redux、MobX、dva),但 demo 的数量不如前两个。但 Taro 有一个转换微信小程序代码为 Taro 代码的工具,可以弥补这一问题。

    而 mpvue 没有官方维护的 UI 库,chameleon 第三方的 demo 和工具库也还基本没有。

    所以这轮的排序是:

    WePY > uni-app 、taro > mpvue > chameleon

    组件库/工具库/demo

    接入成本

    接入成本有两个方面:

    第一是框架接入原有微信小程序生态。由于目前微信小程序已呈一家独大之势,开源的组件和库(例如 wxparseechartzan-ui 等)多是基于原生微信小程序框架语法写成的。目前看来 uni-app 、Tarompvue 均有文档或 demo 在框架中直接使用原生小程序组件/库,WePY 由于运行机制的问题,很多情况需要小改一下目标库的源码,chameleon 则是提供了一个按步骤大改目标库源码的迁移方式。

    第二是原有微信小程序项目部分接入框架重构。在这个方面 Taro 在京东购物小程序上进行了大胆的实践,具体可以查看文章《Taro 在京东购物小程序上的实践》。其它框架则没有提到相关内容。

    而对于两种接入方式 Taro 都提供了 taro convert 功能,既可以将原有微信小程序项目转换为 Taro 多端代码,也可以将微信小程序生态的组件转换为 Taro 组件。

    所以这轮的排序是:

    Taro > mpvue 、 uni-app > WePY > chameleon

    流行度

    从 GitHub 的 star 来看,mpvue 、TaroWePY 的差距非常小。从 NPM 和 CNPM 的 CLI 工具下载量来看,是 Taro(3k/week)> mpvue (2k/w) > WePY (1k/w)。但发布时间也刚好反过来。笔者估计三家的流行程度和案例都差不太多。

    uni-app 则号称有上万案例,但不像其它框架一样有一些大厂应用案例。另外从开发者的数量来看也是 uni-app 领先,它拥有 20+ 个 QQ 交流群(最大人数 2000)。

    所以从流行程度来看应该是:

    uni-app > TaroWePYmpvue > chameleon

    流行度

    开源建设

    一个开源作品能走多远是由框架维护团队和第三方开发者共同决定的。虽然开源建设不能具体地量化,但依然是衡量一个框架/库生命力的非常重要的标准。

    从第三方贡献者数量来看,Taro 在这一方面领先,并且 Taro 的一些核心包/功能(MobX、CSS Modules、alias)也是由第三方开发者贡献的。除此之外,腾讯开源的 omi 框架小程序部分也是基于 Taro 完成的。

    WePY 在腾讯开源计划的加持下在这一方面也有不错的表现;mpvue 由于停滞开发了很久就比较落后了;可能是产品策略的原因,uni-app 在开源建设上并不热心,甚至有些部分代码都没有开源;chameleon 刚刚开源不久,但它的代码和测试用例都非常规范,以后或许会有不错的表现。

    那么这一轮的对比结果是:

    Taro > WePY > mpvue > chameleon > uni-app

    最后补一个总的生态对比图表:

    总表

    未来

    从各框架已经公布的规划来看:

    WePY 已经发布了 v2.0.alpha 版本,虽然没有公开的文档可以查阅到 2.0 版本有什么新功能/特性,但据其作者介绍,WePY 2.0 会放大招,是一个「对得起开发者」的版本。笔者也非常期待 2.0 正式发布后 WePY 的表现。

    mpvue 已经发布了 2.0 的版本,主要是更新了其它端小程序的支持。但从代码提交, issue 的回复/解决率来看,mpvue 要想在未来有作为首先要打消社区对于 mpvue 不管不顾不更新的质疑。

    uni-app 已经在生态上建设得很好了,应该会在此基础之上继续稳步发展。如果 uni-app 能加强开源开放,再加强与大厂的合作,相信未来还能更上一层楼。

    chameleon 的规划比较宏大,虽然是最后发的框架,但已经在规划或正在实现的功能有:

    • 快应用和端拓展协议
    • 通用组件库和垂直类组件库
    • 面向研发的图形化开发工具
    • 面向非研发的图形化页面搭建工具

    如果 chameleon 把这些功能都做出来的话,再继续完善生态,争取更多第三方开发者,那么在未来 chameleon 将大有可为。

    Taro 的未来也一样值得憧憬。Taro 即将要发布的 1.3 版本就会支持以下功能:

    • 快应用支持
    • Taro Doctor,自动化检查项目配置和代码合法性
    • 更多的 JSX 语法支持,1.3 之后限制生产力的语法只有 只能用 map 创造循环组件 一条
    • H5 打包体积大幅精简

    同时 Taro 也正在对移动端进行大规模重构;开发图形化开发工具;开发组件/物料平台以及图形化页面搭建工具。

    结语

    那说了那么多,到底用哪个呢?

    如果不介意尝鲜和学习 DSL 的话,完全可以尝试 WePY 2.0 和 chameleon ,一个是酝酿了很久的 2.0 全新升级,一个有专门针对多端开发的多态协议。

    uni-app 和 Taro 相比起来就更像是「水桶型」框架,从工具、UI 库,开发体验、多端支持等各方面来看都没有明显的短板。而 mpvue 由于开发一度停滞,现在看来各个方面都不如在小程序端基于它的 uni-app 。

    当然,Talk is cheap。如果对这个话题有更多兴趣的同学可以去 GitHub 另行研究,有空看代码,没空看提交:

    展开全文
  • 微信小程序好用的开源框架

    千次阅读 2018-09-30 10:58:45
    由于小程序开发的火爆,大家都在致力于探索如何更好的,更加高效的开发小程序,以至于很多公司都贡献了小程序开源框架和组件库。 比如我列举一些: 开源框架 1、 mpvue mpvue 是美团点评开源的一...

    这是最近看到的一篇都是干货的文章,特此分享给大家

    特别说明:这是我目前在接触过和使用过的,自认为是最好用的一个小程序开源框架库。小程序到底有多火,看看目前推出的开源框架以及组件库就知道了。由于小程序开发的火爆,大家都在致力于探索如何更好的,更加高效的开发小程序,以至于很多公司都贡献了小程序开源框架和组件库。

    比如我列举一些:

    开源框架

    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/

    2、Tina.js

    Tina.js 一款轻巧的渐进式微信小程序框架。

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

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

    3、Taro

    Taro 是由京东 - 凹凸实验室打造的一套遵循 React 语法规范的多端统一开发框架。我要没记错的话,是最近刚刚开源的。

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

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

    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

    5、weweb

    weweb 是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写 web 应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。

    特性: 跨平台,一套代码多端运行(小程序、h5、未来直接打包成安卓、ios app 也不是梦) 自带常用组件,完美继承了小程序内置组件 兼容小程序 rpx 语法,使页面更容易适配各种机型

    GitHub:https://github.com/wdfe/weweb

    组件库

    还有各种开源的组件库,比如有以下这几个:

    有赞的 zanui-weapp 和 iview 这两个比较出名。

    这两个组件库我之前在我的公众号都推荐过,具体用法和功能我就不多介绍了,自己找我以前的推文或者自己搜索一下就很清楚了。用法很简单。

    大餐来了

    上面介绍了 5 个开源框架和两个组件库,我并不是说上面的不好,上面的绝对都很好,不管上面的几个开源框架还是组件库都是大厂产品,都很好。但是他们仅仅就是开源框架就是开源框架,组件库就是组件库。一直没有满足我单独针对微信小程序开发的痛点。

    小程序开发一个是开源框架的好用,另外一个就是丰富的组件库,单纯官方推出的并不能满足我们的需要,上面的框架和组件库都是分开的。所以并不能解决我的痛点。而今天我推荐的这个开源框架既能提供框架也丰富扩展了很多组件,使我们开发的时候不用担心再自己封装组件了。

    其实上面分享的组件库有一个重大的缺点,他们组件库足够丰富,但是对于样式的自定义很死板,不灵活,但是今天的这个就灵活多了。

    我给大家推荐的这个开源框架就是:touchwx。

    Touch WX 是一套完全免费的微信小程序开发框架,包含丰富的 UI 控件用于官方组件的补充。特点如下:

    1、组件扩充:

    增加了 30 多种常用的组件用于官方组件的补充。

    2、功能扩充:

    兼容阿里的 iconfont 图标库,海量矢量图标随意使用;补充了常用样式库、支持 less 语法、支持全局配置主题色等

    3、开发体验改善:

    四文件方式改为单文件方式,通过 VSCode 编辑器 + 插件的方式开发,拥有 web 开发体验;

    4、小程序转为 H5 应用:

    可以与 H5 开发框架 Touch UI 工程相互转换,发布成 webApp。开发一套代码,拥有两套应用。

    这套框架的原理是:

    将 Touch WX 工程中所写的代码进行编译,直接输出为微信小程序工程原始代码。扩充的 30 多种组件,完全是基于小程序官方的自定义组件机制实现(row&col 除外)。

    所以它支持小程序的全部语法,怎么开发小程序,就怎么开发 Touch WX。

    不过因为是单文件的开发方式,在文件的代码结构上稍有不同。请注意这一点。

    这样好处在于:

    1、开发者迁移成本很小。

    可以轻松的将已有的小程序移植为 Touch WX 工程,来使用它的扩展能力;

    2、便于排查错误。

    当遇到问题时,开发者也可以随时查看输出的小程序原始代码来定位问题所在。不会搞不清楚到底是框架问题还是自己代码的问题;

    3、按需编译

    由于小程序对体积有限制,在使用框架开发时,只有使用到的组件才会编译输出为小程序源码。没用到的不会输出。

    4、不会对框架产生依赖。

    以后不想用了这套框架,可以直接对已经输出的小程序工程进行维护。

    目前我认为单独针对小程序开发的话,这个开源框架是最适合我们的,效率也是最高的。

    GitHub:https://github.com/uileader/touchwx
    官网:https://www.wetouch.net/wx.html

    原文链接:点击跳转 

    展开全文
  • 对于小程序的开发者而言,如何选择开发框架小程序开发框架哪个好?无疑是摆在他们面前的首要难题。本文就为大家推荐几款现在比较主流且好用的小程序开发框架,它们分别是Tina.js、Jinaconvert、mpvue、MINA和wepy...

    小程序开发可以提供一个崭新的开发平台,同时还能降低公司的开发成本。这也是为什么小程序开发火热的原因。对于小程序的开发者而言,如何选择开发框架?小程序开发框架哪个好?无疑是摆在他们面前的首要难题。本文就为大家推荐几款现在比较主流且好用的小程序开发框架,它们分别是Tina.js、Jinaconvert、mpvue、MINA和wepy。
    在这里插入图片描述
    1、Tina.js

    轻盈小巧极易上手,保留了微信小程序官方框架MINA的大部分API设计;无论你有没有小程序开发经验,都可以轻松过渡上手。渐进增强,既有状态管理器,也有路由增强,还可以自己编写插件。总之,这款小程序框架,在微信小程序官方框架MINA的基础上,更加强大和方便,还引入了包管理及构建工具,比官方框架更强大和灵活。另外,这个框架,文档写的也很详细,清楚,使用指南,API,示例样样不少。超级方便,我说再多也没用,不如大家赶紧去试试或者看看。

    2、Jinaconvert

    作为开发人员,图片在我们生活中的用处太多了,因此时常也会因为图片的事情而苦恼。因为在不同的使用场景里,对图片的要求可能都不太一样,例如有的限制了大小,有的限制了格式。对于这些问题,我们其实不需要复杂了步骤,也不需要安装一些软件,只需要上传一下然后处理就可以了。对于图片的格式问题,你只需要在 Jinaconvert 上选择你需要的格式类型,再将图片文件上传至即可。

    3、mpvue

    mpvue是在美团点评上开源的,一个使用Vue.js开发小程序的前端框架。框架基于Vue.js核心,mpvue修改了Vue.js 的runtime和compiler实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套Vue.js开发体验。使用mpvue开发小程序,将彻底的组件化开发能力,提高代码复用性;方便的Vuex数据管理方案,方便构建复杂应用;快捷的webpack构建机制,可以自定义构建策略、开发阶段hotReload。

    4、MINA

    它是一款小程序提供的官方框架,类似于淘宝Weex、Vue框架。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能。对上层提供一整套JavaScript API,让开发者能够非常方便地使用微信客户端提供的各种基础功能与能力,快速构建一个应用。

    5、wepy

    它是一款让小程序支持组件化开发的框架,通过预编译的手段,让开发者可以选择自己喜欢的开发风格,去开发小程序。框架的细节优化,Promise,Async Functions的引入都是为了能让开发小程序项目变得更加简单,高效。它的特性:类Vue开发风格;支持自定义组件开发;支持引入NPM包;支持Promise;支持ES2015+特性,如Async Functions;支持多种编译器,Less/Sass/Styus、Babel/Typescript、Pug;支持多种插件处理,文件压缩,图片压缩,内容替换等;支持 Sourcemap,ESLint等;小程序细节优化,如请求列队,事件优化等。

    以上就是我对五款小程序开发框架的对比总结。这里不推荐大家非要用哪款小程序开发框架,毕竟它们都是比较主流好用的。大家可以根据自己实际的工作情况,选择适合自己的小程序开发框架。

    展开全文
  • 强烈推荐:绝对是最好的一个小程序开源框架

    万次阅读 多人点赞 2019-07-05 10:19:35
    【回复“1024”,送你一个特别推送】特别说明:这是我目前在接触过和使用过的,自认为是最好用的一个小程序开源框架库。小程序到底有多火,看看目前推出的开源框架以及组件库就知...
  • 小程序框架

    千次阅读 2019-07-04 14:30:23
  • 小程序的底层框架

    千次阅读 2019-02-19 10:07:53
    小程序也好,其他框架也好,理解他们的设计缘由、实现原理,还是能学到很多很多东西的。 一切始于双线程 技术选型 上一节《小程序的诞生》中,我们也提到了小程序的双线程设计。 目前来说,页面渲染的方式主要有...
  • 常用小程序开发框架浅析

    千次阅读 2019-03-08 13:41:23
    小程序第三方框架对比 ( wepy / mpvue / taro /Mpx /OKAM) 众所周知如今市面上端的形态多种多样,手机Web、ReactNative、微信小程序, 支付宝小程序, 快应用等,每一端都是巨大的流量入口,当业务要求同时在...
  • 几款微信小程序快速开发框架

    万次阅读 2018-12-02 14:58:14
    下面小编为大家介绍几款小程序快速开发框架。WePY腾讯官方开源的小程序组件化开发框架,目前有1.4w+Star ,一直在更新着,社区活跃 ... 微信小程序是一种全新的连接用户与服务的方式。那么怎样才能快速开发一个...
  • 微信小程序常见的UI框架/组件库总结

    万次阅读 多人点赞 2018-07-10 10:03:52
    想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库。1:WeUI 小程序–使用教程...
  • WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信...首先先看一下这套框架的GItHub地址微信小程序UI框架we-ui1.从git上clone到本地太简单的东西我就不解释了,直接讲怎么用...
  • 微信小程序常用开发框架有哪些?

    千次阅读 2019-06-19 09:37:09
    想要开发出一套高质量的小程序,运用框架,组件库是省时省力省心必不可少一部分,随着小程序日渐火爆,各种不同类型的小程序也渐渐更新,其中不乏一些优秀好用的框架/组件库。 1:WeUI 小程序–使用教程 ...
  • 一个不错的微信小程序前端框架

    千次阅读 2018-09-14 10:20:28
    https://github.com/moyanxiu/shopApp 分享一个微信商城的小程序,对于初涉微信开发的java开发人员,一个不错的选择。
  • 目上线部署到阿里云上使用的系统是CentOS 7,Python3 + virtualenv + supervisor + gunicorn + ...学习Django框架和Flask框架后你会发现后端真的很有味道!IT交流:601784384,加我答案:技术叉腰 老生常谈,微...
  • 微信小程序MINA框架介绍

    千次阅读 2018-12-05 16:02:43
    MINA(MINA IS NOT APP) 是在微信中开发小程序框架。 MINA的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生APP体验的服务。 MINA提供了自己的视图层描述语言WXML和WXSS,以及基于JavaScript...
  • 微信小程序的工作原理

    万次阅读 2018-02-01 11:36:42
    现阶段的前端是框架横行时期,小程序说白了也是在微信自己封装的框架基础上,开放了接口、api、页面渲染功能,你可以在这个框架上写页面,写业务逻辑,数据驱动视图,调用手机底部接口。至于如何驱动,如何调用这些...
  • 【微信小程序开发框架】 1、官方框架MINA 小程序提供的开发框架为MINA框架,它类似于淘宝Weex、Vue框架。MINA框架通过封装微信客户端提供的文件系统、网络通信、任务管理、数据安全等基础功能,对上层提供一整套...
  • 相关文章微信小程序开发(二)开发之日历打卡小程序发现页微信小程序开发(三)入门之创建打卡活动前言一直不温不火的微信小程序2018年迎来了第二春,在我的记忆中随着跳一跳小游戏的出现,一时间数千万的微信小程序...
  • 小程序的开发框架——MINA框架

    千次阅读 2018-11-06 21:41:09
    小程序MINA框架分为三个部分:有 View(视图层)、App Service(逻辑层)和 Natice(系统层)。  1.View(视图层)中包含了小程序多个页面、每个页面都有WXML文件和 WXSS文件,是搭建页面视图的结构和展现样式。  2.App ...
  • 微信小程序常见的UI框架

    千次阅读 2020-03-24 10:14:14
    1.最常见的框架官方框架MINA 地址:https://developers.weixin.qq.com/miniprogram/dev/framework/MINA.html 官方介绍:框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视...
1 2 3 4 5 ... 20
收藏数 673,361
精华内容 269,344
关键字:

小程序框架