UNIAPP day_01(8.30) uin-app概述
| H5的两种解释： |
|---|
| ①HTML5的简称 |
| ②H5：指可以在手机中浏览/分享的网页，要求快速开发/快速修改/快速丢弃，成本低！ |
一、 重点面试题：移动端应用的种类
- NativeApp：原生App，指Android下使用Java/Kotlin开发、iOS下使用Objective-C/Swift开发的App
- 优势：性能高，功能丰富
- 不足：代码互不兼容，开发成本高
- H5：使用HTML/CSS/JS开发的手机端网页，需要Web服务器/域名，转化为二维码在朋友圈中分享
- 优势：开发成本低、兼容性好
- 不足：性能低，功能不足
- WebApp：使用HTML/CSS/JS开发的手机端网页，不需要Web服务器/域名，直接打包为.apk/.ipa发布到市场用户下载并安装，点击图标就可以启动
- 优势：开发成本低、兼容性好、用户粘性好、性能比H5好
- 不足：功能有缺失
- HybridApp：混合App，使用HTML/CSS/JS + JAVA/OC + Native.js，打包为.apk/.ipa发布到市场用户下载并安装，点击图标就可以启动
- 优势：开发成本可控、兼容性好、用户粘性好、核心功能性能好
- 小程序
- 鸿蒙方舟框架
- Flutter：谷歌推出的新框架，使用Dart语言编写的App，直接在手机绘图芯片绘制页面内容
| 不同的前端框架可以开发哪些移动端应用？ |
|---|
| Vue.js： PC端网站、H5网页、WebApp |
| React： PC端网站、H5网页、WebApp、原生App(JS=>JAVA/OC) |
| uni-app：PC端网站、H5网页、WebApp、小程序、混合App |
二、 企业项目的开发流程
软件过程 —— 三个时期八个阶段
- 软件定义期：
①可行性研究阶段
②需求分析阶段 —— 产品型公司(产品经理)、项目型公司(项目经理) - 软件开发期：
③概要设计阶段
④详细设计阶段
⑤编码实现阶段： UI + 前端 + 后端
⑥测试阶段 - 软件维护期：
⑦部署阶段
⑧维护阶段
程序员日常的开发流程是什么样的？
- 项目起草者：
- 创建项目基础目录结构：pages、components、scss、function、具体算法
- 上传到项目仓库
- 项目组员——没有创建文件/创建样式/指定算法的权限：
- 早上：分解任务、下载项目仓库到本地
- 白天：完成自己的任务…
- 晚上：提交自己工作内容到远程仓库，下班
三、 uni-app概述
官网: https://uniapp.dcloud.io
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。
- 演示1：创建一个示例项目，在浏览器中调试运行 —— 即uni-app编译为H5网站
- 演示2：创建一个示例项目，在安卓手机中调试运行 —— 即uni-app编译为App
- 演示3：创建一个示例项目，作为微信小程序中调试运行 —— 即uni-app编译为微信小程序
四、 我的第一个uni-app项目
项目目录介绍：
五、uni-app中的条件编译
不同的运行平台终归有些专有的特性，无法实现跨平台完全兼容，例如：微信小程序导航栏右上角的关闭图标。uni-app提供了一种“条件编译”机制，可以针对特定的平台编译执行特定的代码，否则不执行。语法如下：
下面展示一些 内联代码片。
#ifdef H5
仅在H5平台下编译执行的代码
#endif#ifdef H5 || APP || MP-WEIXIN
仅在H5和APP和微信小程序平台下编译执行的代码
#endif#ifndef H5
仅在非H5平台下编译执行的代码
#endif
说明：
①条件编译语句可以编写在template / style / script 等各类代码中。
②更多的条件编译平台可以参见手册：https://uniapp.dcloud.io/platform
UNIAPP day_01(8.30) uin-app概述相关推荐
- 创益德：30条APP开发商必懂原则话您知
一款APP产品的设计,对于深圳众多的APP开发商而言简直是小菜一碟.但是绝大多数App开发商在推出一款全新的App时,都会有一个个困扰的问题,就是"如果我开发了这款App,能吸引用户吗?留存 ...
- uni-app实战之社区交友APP（5）搜索和发布页开发
文章目录 前言 一.搜索页开发 1.搜索页面搭建 2.搜索结果显示和优化 二.发布页开发 1.自定义导航栏开发 2.文本域组件使用 3.底部操作条组件开发 4.多图上传功能开发 5.删除选中图片功能实 ...
- uni-app实战之社区交友APP（20）兼容处理和打包上线
文章目录 前言 一.APP完善 1.隐藏滚动条 2.APP更新操作 3.APP打包上线 二.小程序完善 1.小程序自定义导航栏 2.小程序分享功能实现 3.小程序隐藏版本更新检测 三.微信和支付宝小程 ...
- 精品基于Uniapp+SSM实现的作业管理app
<[含文档+PPT+源码等]精品基于Uniapp+SSM实现的作业管理app[包运行成功]>该项目含有源码.文档.PPT.配套开发软件.软件安装教程.项目发布教程等 软件开发环境及开发工具 ...
- 计算机毕业设计Python+uniapp+安卓电影院售票管理APP论文（WEB+APP+LW）
计算机毕业设计Python+uniapp+安卓电影院售票管理APP论文(WEB+APP+LW) 该项目含有源码.文档.程序.数据库.配套开发软件.软件安装教程 项目运行 环境配置: Pychram社区 ...
- uni-app实战之社区交友APP（15）聊天功能开发和后端API部署
文章目录 前言 一.APP版本更新模块开发 1.数据表设计 2.检查更新API开发 二.聊天模块开发 1.数据表设计 2.发送消息API开发 三.后端API源码部署 1.云服务器部署项目代码 2.配置 ...
- uniapp ios支持长按app 3D Touch快捷菜单项
uniapp ios支持长按app 3D Touch快捷菜单项 uniapp 安卓 长按app 快捷方式 shortcut 一.配置manifest.json文件 切换到代码视图,uni-app项目在 ...
- uni-app跨端开发实现APP与H5之间的通讯和交互
最近在研究uni-app跨端开发APP和H5的通讯和交互,比如H5调用APP的方法,APP往H5里面传参,H5往app外面传参.话不多说,上代码! html文件放本地的话必须放在项目根目录下的stat ...
- uni-app实战之社区交友APP（1）项目介绍和环境搭建
文章目录 前言 一.项目介绍 二.环境搭建和创建项目 1.开发环境搭建 2.创建uni-app项目 三.多端调试环境搭建 1.安卓手机调试配置 2.iOS真机调试配置 3.微信小程序调试配置 4.支付 ...
最新文章
- 腾讯AI种番茄双丰收：参赛AI全胜专家，辽宁试点净利增千元
- [转载]dorado学习笔记(二)
- linux iostat 命令 统计信息 cpu 块设备 分区 io
- 可扫爆服务器系统,可扫可爆云服务器
- python 函数定义先后是否会影响函数之间的相互调用？（不影响）
- 【C++基础】模板基础与函数模板
- Java23种设计模式之工厂模式
- （进阶）LeetCode（766）——托普利茨矩阵（JavaScript）
- linux下录屏与截屏软件kazam
- CuraEngine切片类详解（转载）
- 勒索病毒现状和防御勒索病毒最佳实践（云端和线下个人电脑，服务器都可部署）
- 使用petalinux编译工程，报错：Unable to parse input tree，已解决
- android dialog 隐藏键盘,android dialog 隐藏虚拟按键
- securecrt 8.1 7.3 注册机 使用步骤【转】
- MOSES系统训练中间过程和意义详解
- PHP中GD库的使用
- 邮件发送平台哪个最好？一站式邮件发送平台推荐！
- Android有线IPV6总结（二）:内核中RS与RA的一点学习
- LeetCode每日一题打卡组队监督！刷题群！
- 基于深度学习对皮肤病进行识别设计与实现