开发者社区> uiu> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

推荐个国产框架,从此轻松开发 小程序/App/h5

简介: 推荐个国产框架,从此轻松开发 小程序/App/h5
+关注继续查看

我的学习背景


目前前端市场,主流框架分为PC框架和移动框架两个方向。此外,还有两种 JavaScript 库,React 和 Vue 。基于这两个 JS 库,市场上有各种各样的框架。今天介绍 UNI-APP 是一个基于 Vue.JS 的跨端移动框架。


现在在国内,有很多移动平台,比如微信、支付宝、百度、字节跳动等,都提供了小程序的开发/开通功能。这些都是基于移动平台,平台本身也提供了小程序开发功能和指南。


但是在很多平台上,如果一个应用想要完成统一标准化的开发,可以兼容各个平台的差异,但是成本会比较大。还有一个要求是我们自己发布一个app,功能和小程序一致。所以一个合适的框架,一个降低成本的框架是需要考虑的。




uni-app给予我的帮助

这也就是我学习uni-app的理由,不管是开发一些竞赛的参赛作品还是一些承接的外包项目的开发,只需要写一套代码然后就可以多个平台部署,真的很爽~~~


uni-app 官方功能图:


34.png

当然 react native 、flutter 、以及小程序、安卓、ios原生做开发也不差;但说实话就以我本人的开发体验而言,只要会 vue uni-app 真的不需要学习成本,下载好 HBuilderX ,再配合一个可以整合的ui框架(例如 uView ),直接新建项目按照 vue-cli 的逻辑和ui框架的文档,一股脑梭哈就好。对于我个人来说 uni-app 在敏捷开发方面带来的体验确实很棒。


使用 uni-app 编写一套代码,可发布到多个平台,我们在官方推荐的IDE:HBuilderX 中可以看到各个发行方式


35.png


就在前不久学院老师联系我,表示因为疫情所以需要做一个在线的心理辅导平台,我很愉快的答应了下来,也是因为uni-app带给我的自信,首先针对wap版的demo试用,可以直接按照平时的方式渲染出来。之后wap版本使用稳定了之后就可以直接发不成小程序,不需要进行二次开发节省了大量时间(至于为什么不直接进行小程序的开发。。这个因为预算有限。。。我可不想赔本)




分享一些知识点

考虑到要真正学习到uni-app的正确使用方法,特此以写促学,和大家分享uni-app 开发规范


为了实现多端兼容,综合考虑编译速度、运行性能等因素,uni-app 有如下开发规范:


  • 组件标签 尽量贴近小程序规范。
<view>
  <button size="mini">按钮</button>
</view>
  • 页面文件遵循 Vue 单文件组件(SFC)规范
<template>
  <view>
    此处必须且只能有一个根view,所有内容都需要写在这个标签里。 
  </view>
</template>
<script>
    export default {
        //....
    };
</script>
<style></style>
  • JavaScript API 尽量贴近微信小程序规范,将前缀 wx 替换为 uni。


uni.chooseImage({
  //...
});
  • 数据绑定及事件处理同 VUE.JS 规范,同时 uni-app 补充了 App 及页面的生命周期。


  • 为兼容多端运行,推荐建议使用 flex 布局进行开发。


关于 flex布局 推荐阅读我的 【W3C推荐的新布局模式 【CSS Flex布局】详解】

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
相亲app开发,性能优化技术并不是突发奇想
相亲app开发,性能优化技术并不是突发奇想
0 0
基于kotlin开发的验证码发送注册的app
”麻雀虽小五脏俱全”就是它了,设计后端即springboot的开发,app处理网络请求的开发,appUI界面的设计(虽然只有一步,但也还是吧),数据库查询相关,app搭建相关架构的实现等等,值得学习一波。
0 0
语音聊天app开发,不同场景下的存储读写方法
语音聊天app开发,不同场景下的存储读写方法
0 0
短视频app开发,实现高可用并不是说说而已
短视频app开发,实现高可用并不是说说而已
0 0
《云原生时代下的App开发》电子版地址
2021年12月,阿里云携10+技术专家亮相年度顶级云原生开源技术峰会 ,并带来阿里云云原生专场,不仅汇聚行业发展方向的精彩主题演讲,在云基础设施、可观察性等云原生与开源技术等各大专题中,从阿里云真实业务场景中 走出来的云原生技术最佳实践也向全球开发者一一呈现。
0 0
交易所开发成品丨交易所系统开发(演示版)丨交易所APP源码设计
An exchange is an information platform for trading certain information and goods. A fixed place is called an exchange. The exchange, with the help of information platform, realizes the sharing of property rights information, long-distance trading, unified coordination, and balance of property right
0 0
数字藏品开发丨数字藏品APP系统开发(逻辑及方案)丨数字藏品源码功能及分析
 Digital collections are digital works,works of art and commodities that use blockchain technology to identify the ownership of rights and interests.Digital collections can mark their owners in the blockchain network and trace their subsequent circulation,including but not limited to digital picture
0 0
一对一直播app开发,直播间的搭建重点
一对一直播app开发,直播间的搭建重点
0 0
iOS开发:下架App的步骤
首先登陆你的 iTunes Connect
0 0
交易所APP开发功能丨交易所系统开发(成熟及案例)丨交易所系统源码平台
Web3.0的底层技术是分布式账本技术和分布式数据库技术,这就好比操作系统里的文档系统(Filing)和I/O(输出入系统),也像是区块链里的Layer-1数据处理结构。分布式存储就像是操作系统里的文档系统,分布式计算就像是操作系统里的CPU(中央处理器),分布式数据传输(分布式通信)也就好比I/O。CPU、文档系统和I/O都是操作系统的基本要素,类比到Web3.0的底层技术亦是如此。
0 0
+关注
uiu
代码创造价值
文章
问答
文章排行榜
最热
最新
相关电子书
更多
从Web到Cloud App——YunOS Web App 开发经验分享
立即下载
去哪儿网快速 App 开发及问题解决平台实践
立即下载
云原生时代下的App开发
立即下载