推荐个国产框架,从此轻松开发 小程序/App/h5
目录
- 我的学习背景
- uni-app给予我的帮助
- 分享一些知识点
今日起,我将展开一个对 uni-app 学习/实践经验/思考分享的全新系列,欢迎您的关注;
我的学习背景
目前前端市场,主流框架分为PC框架和移动框架两个方向。此外,还有两种 JavaScript 库,React
和 Vue
。基于这两个 JS 库,市场上有各种各样的框架。今天介绍 UNI-APP
是一个基于 Vue.JS
的跨端移动框架。
现在在国内,有很多移动平台,比如微信、支付宝、百度、字节跳动等,都提供了小程序的开发/开通功能。这些都是基于移动平台,平台本身也提供了小程序开发功能和指南。
但是在很多平台上,如果一个应用想要完成统一标准化的开发,可以兼容各个平台的差异,但是成本会比较大。还有一个要求是我们自己发布一个app,功能和小程序一致。所以一个合适的框架,一个降低成本的框架是需要考虑的。
uni-app给予我的帮助
这也就是我学习uni-app的理由,不管是开发一些竞赛的参赛作品还是一些承接的外包项目的开发,只需要写一套代码然后就可以多个平台部署,真的很爽~~~
uni-app 官方功能图:
当然 react native
、flutter
、以及小程序、安卓、ios原生做开发也不差;但说实话就以我本人的开发体验而言,只要会 vue
uni-app
真的不需要学习成本,下载好 HBuilderX
,再配合一个可以整合的ui框架(例如 uView
),直接新建项目按照 vue-cli
的逻辑和ui框架的文档,一股脑梭哈就好。对于我个人来说 uni-app
在敏捷开发方面带来的体验确实很棒。
使用 uni-app
编写一套代码,可发布到多个平台,我们在官方推荐的IDE:HBuilderX
中可以看到各个发行方式
就在前不久学院老师联系我,表示因为疫情所以需要做一个在线的心理辅导平台,我很愉快的答应了下来,也是因为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/h5相关推荐
- taro+vue3 搭建一套框架,适用于微信小程序和H5
这里写taro+vue3 搭建一套框架,适用于微信小程序和H5 Taro+Vue3 搭建适用于微信小程序和 H5 的框架的大致步骤: Taro+Vue3 搭建适用于微信小程序和 H5 的框架的大致步骤 ...
- 省钱兄同城跑腿小程序源码uniapp前端模版源码(小程序+APP+H5)
开源省钱兄同城跑腿源码,目前只开源用户端V2版本部分核心模块源码提供学习研究 使用uniapp技术,提供学习使用不可商业 适配支持公众号+APP+H5+小程序,使用Hbuilder导入即可运行 #功能 ...
- uni-app开发小程序app页面中获取globalData
在使用uni-app框架开发微信小程序过程中,想用globalData设置全局变量,在app.vue页面中,获取globalData,直接用的this.globalData.xxx,但是控制台报错说变 ...
- 小游戏开发 小程序app游戏开发 H5小游戏开发
目前有很多人对小游戏的理解都不同,有的人认为小游戏是H5嵌入形式的,也有的人认为小游戏是就几兆的程序 其实大家认为的都是正确的,没有任何问题.那么今天给大家讲下小游戏之间的区别 1.H5小游戏嵌入:这 ...
- CRM客户关系管理系统源码跟单销售公司订单跟进客户公海合同管理办公erp客户管理(小程序+APP+H5)
功能特性 客户管理 支持客户跟进.放进公海.公海领取等操作,支持管理联系人信息 商机需求 支持后台自由添加修改商机需求,支持关联客户.产品等信息 合同管理 支持后台添加编辑合同,支持设定合同的关联商机 ...
- 啦啦外卖60.1最新版本全开源独立版本源码小程序+app+h5全端
本套系统包含后端.客户端小程序.配送端小程序.商户端小程序.前端三个APP源码.三个未编译前VUE小程序前端源码,非常齐全的一版值提拥有.系统去掉了一些授权无用的链接及提示,修复了后台小程序端授权点击 ...
- mpvue框架开发小程序
mpvue 是一个使用 Vue.js 开发小程序的前端框架 使用 mpvue 开发小程序,你将在小程序技术体系的基础上获取到这样一些能力: 彻底的组件化开发能力:提高代码 完整的 Vue.js 开发体 ...
- 微信小程序开发之——mpvue开发小程序
一 概述 mpvue:Vue.js in mini program,即mini vue.js编程框架 mpvue是把vue.js核心代码经过二次开发的框架,增加了vue.js开发小程序的能力 mpvu ...
- uni-app开发微信小程序,H5 关于压缩上传图片的问题
文章目录 前言 一.为什么要压缩图片 二.图片压缩方式 1. 微信小程序 2. H5 总结 前言 关于微信小程序.H5兼容性问题,今天就压缩以及上传图片做一个可实现方法的简要阐述. 一. ...
- Shopro商城 高级版 Fastadmin和Uniapp进行开发的多平台商城(微信公众号、微信小程序、H5网页、Android-App、IOS-App)
Shopro商城无加密的开源源码(可用于自营+外包项目(多主体).可用于外包定制开发项目) shopro 商城,一款基于 uni-app 的前端模板商城.目前适配了(小程序+app+h5+公众号). ...
最新文章
- kafka 集群_单机版kafka集群部署
- java swing事件_第四节 Java Swing事件处理
- Python os.makedirs try 以及 raise
- IDEA登录Github账号失败的解决办法
- matlab三次多样式对函数拟合,Matlab regress函数拟合多个变量分析
- 使用一次性密码本通过 SSH 安全登录 Linux
- 微服务实战之Prometheus使用分享
- SDK manger中只有几个配置????
- python 统计微信群未接龙
- web的邮件抄送和密送
- java放大缩小_如何用Java实现图形的放大和缩小?
- Windows10记一次去掉桌面图标箭头引发的血案:该文件没有与之关联的应用来执行操作,请安装一个程序,若已安装程序,请在默认程序控制面板中创建关联。
- 「Adobe国际认证」关于Adobe Photoshop,创建和修改画笔教程?
- c++ getline()详解
- 如何查询一个IP上所绑定的域名
- Eclipse使用Maven创建Web时错误:Could not resolve archetype org.apache.maven.archetypes:maven-archetype-webap
- C++ 异常 0xC0000005 访问冲突,exit code 0xC0000005 的解决方法
- PuTTY 中文教程A
- 离散数学-<集合论与图论>思维导图
- MyIE2变Maxthon就来了(转)