热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

还在纠结小程序框架?最火前端小程序技术选型,都在这里

这几天空下来,整理了部分需求,简单的写了点文档,供大家学习,希望能提出宝贵意见哈1.小程序是什么?区别是什么?小程序是一种无需下载安装,即可使用的手机应用。只需要扫描二维码,或是搜

这几天空下来,整理了部分需求,简单的写了点文档,供大家学习,希望能提出宝贵意见哈

1.小程序是什么? 区别 是什么?
小程序是一种无需下载安装,即可使用的手机应用。只需要扫描二维码,或是搜一搜,就能立即使用。
与APP不同的是,小程序无需下载安装、无需卸载、用完即走,那么意味着也不占手机内存,内存消耗小,响应速度快.
2.小程序开发痛点?
1.频繁调用 setData及 setData过程中页面跳闪
2.组件化支持能力太弱(几乎没有)
3.不能使用 less、scss 等预编译器
4.request 并发次数限制

3.为什么使用第三方框架?
1.只要熟悉vue或react即可快速上手,学习成本低
2.一套代码可在多端编译运行(微信,支付宝,h5,RN) 支付宝小程序暂不完善
3.组件化开发,完美解决组件隔离,组件嵌套,组件通信等问题
4.支持使用第三方 npm 资源
5.使小程序可支持 Promise,解决回调烦恼
6.可使用 Generator Function / Class / Async Function 等特性,提升开发效率
7.对小程序本身的优化,如生命周期的补充,性能的优化等等
8.支持样式编译器: Scss/Less,模板编译器,代码编译器:Babel/Typescript

4.第三方前端框架选型

在这里我通过对目前已开源的四种种常用小程序框架做一个综合对比, 还有一个叫nanchi的基于react的小程序转译框架,由于没来的及研究暂不做比较。

WEPY tencent.github.io/wepy/document

腾讯团队开源的一款类vue语法规范的小程序框架,借鉴了Vue的语法风格和功能特性,支持了Vue的诸多特征,比如父子组件、组件之间的通信、computed计算属性、wathcer监听器、props传值、slot槽分发,Mixin混入等。WePY发布的第一个版本是2016年12月份,也就是小程序刚刚推出的时候,到目前为止,WePY已经发布了52个版本, 最新版本为1.7.2;

MpVue mpvue.com/mpvue/#-html

美团团队开源的一款使用 Vue.js 开发微信小程序的前端框架。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。mpvue在发布后的几天间获得2.7k的star,上升速度飞起,截至目前为止已经有13.7k的star;

Taro taro.aotu.io/

京东凹凸实验室开源的一款使用 React.js 开发微信小程序的前端框架。它采用与 React 一致的组件化思想,组件生命周期与 React 保持一致,同时支持使用 JSX 语法,让代码具有更丰富的表现力,使用 Taro 进行开发可以获得和 React 一致的开发体验,同时因为使用了react的原因所以除了能编译h5, 小程序外还可以编译为ReactNative

Uni-app https://uniapp.dcloud.io/
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可编译到iOS、Android、H5、以及各种小程序(微信/阿里/百度/头条/QQ)等多个平台。是hbuilder团队结合mui框架
开发出一套跨多端的前端框架,支持多个原生api调用,现目前市面上使用量最多。

个人倾向于—uni-app框架有过项目经验


推荐阅读
  • 微信小順序Markdown、HTML剖析庫(支撐wepy)
    TowxmlTowxml是一個可將HTML、Markdown轉為微信小順序WXML(WeiXinMarkupLanguage)的襯着庫。用於處理在微信小順序中Markdown、HT ... [详细]
  • Android中高级面试必知必会,积累总结
    本文介绍了Android中高级面试的必知必会内容,并总结了相关经验。文章指出,如今的Android市场对开发人员的要求更高,需要更专业的人才。同时,文章还给出了针对Android岗位的职责和要求,并提供了简历突出的建议。 ... [详细]
  • Linux命令查询小程序中的WePY云开发实践-大家好,今天我来为大家分享一下,Linux命令查询小程序中的WePY云开发实践。WhyWePY首先,先分享一下为什么要选择WePY? ... [详细]
  • 小程序跨平台开发解决方案探索
    继微信正式推出微信小程序后,各个大厂陆续发布了各自的小程序平台——支付宝小程序、百度小程序、头条小程序,跨小程序平台开发也成为了众多小程序开发者要面临的问题。Antmove–小程序 ... [详细]
  • 安卓select模态框样式改变_微软Office风格的多端(Web、安卓、iOS)组件库——Fabric UI...
    介绍FabricUI是微软开源的一套Office风格的多端组件库,共有三套针对性的组件,分别适用于web、android以及iOS,Fab ... [详细]
  • 在编写业务代码时,常常会遇到复杂的业务逻辑导致代码冗长混乱的情况。为了解决这个问题,可以利用中间件模式来简化代码逻辑。中间件模式可以帮助我们更好地设计架构和代码,提高代码质量。本文介绍了中间件模式的基本概念和用法。 ... [详细]
  • 本文介绍了前端人员必须知道的三个问题,即前端都做哪些事、前端都需要哪些技术,以及前端的发展阶段。初级阶段包括HTML、CSS、JavaScript和jQuery的基础知识。进阶阶段涵盖了面向对象编程、响应式设计、Ajax、HTML5等新兴技术。高级阶段包括架构基础、模块化开发、预编译和前沿规范等内容。此外,还介绍了一些后端服务,如Node.js。 ... [详细]
  • python限制递归次数(python最大公约数递归)
    本文目录一览:1、python为什么要进行递归限制 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 随着前端技术的发展,越来越多的开发者开始使用react、vue等web框架,但很少有人深入理解这些框架的源码。然而,这些框架底层都是由原生的javascript构建而成。对于初学前端的人来说,可能会认为javascript很容易上手,但实际上只是因为它被高度封装了。与能够使用封装类的人相比,能够理解框架原理的人则处于另一个层面。本文将深入剖析jquery源码,探寻框架底层的原理,帮助读者更好地理解web框架的运行机制。 ... [详细]
  • ReactJSUIAnt设计空组件原文:https://w ... [详细]
  • 什么是网关服务器初学linux服务器开发时,我们的服务器是很简单的,只需要一个程序完成与客户端的连接,接收客户端数据,数据处理,向客户端发送数据。但是在处理量很大的情况下,一 ... [详细]
  • mpvue-meituanmpvue-meituan是一款使用mpvue开发的实战小程序项目,完全仿制美团官方外卖点餐小程序开发而成,项目的框架结构完全 ... [详细]
  • 小順序開闢 第一篇:註冊、獵取unionid同步企業項目數據
    1.怎樣註冊一個小順序?註冊:在微信民眾平台註冊一個企業類型小順序。只要認證過企業類型的小順序才有資歷關聯項目體系。圖1.1設置小順序:已認證好的小順序是這模樣的2.怎樣買通小順序 ... [详细]
  • 大部分Web应用的富文本内容都是以HTML字符串的形式存储的,通过HTML文档去展示HTML内容自然没有问题。但是,在微信小程序(下文简称为「小程序」) ... [详细]
author-avatar
麦土豆1937
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有