当前位置： 首页 > news >正文

【uni-app教程】一、UniAPP 介绍

news 2026/4/1 13:55:14

一、UniAPP 介绍

(1) 什么是 UniAPP?
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS，Android，HS，以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉》等多个平台，方便开发者快速交付，不需要转换开发思维，不需要更改开发习惯。

(2) 为什么要选择 UniAPP?

1.开发者/案例数量更多
几十万应用、uni 统计月活12亿、70+微信/QQ群

2.平台能力不受限
在跨遇的同时，通过条件编译 + 平台特有 API调用，可以优雅的为某平台写个性化代码，调用专有能力而不影响其他平台

3.性能体验优秀
加载新页面速度更快、自动 diff更新数据，App 端支持原生渲染支撑更流畅的用户体验，小程序端的性能优于市场其他框架

4.周边生态丰富
插件市场数千款插件，支持 NPM，支持小程序组件和SDK，微信生态的各种 sdk 可直接用于跨平台 APP

5.学习成本低
基于通用的的前端技术栈,采用vue语法·微信小程序api,无额外学习成本

（3） UniAPP 功能框架

请添加图片描述

(4) UniAPP开发环境搭建

1.下载开发工具 HBuilderX

官网：https://www.dcloud.io/hbuilderx.html

HBuilderx 是通用的前端开发工具，但为 uni-app 做了特别强化。
下载 App 开发版，可开箱即用；如下载标准版，在运行或发行 uni-app 时，会提示安装 uni-app 插件，插件下載完成后方可使用

2.创建 uni-app 项目
选择 uni-app 类型，输入工程名，选择模板，点击创建，即可成功创建。
在这里插入图片描述

uni-app自带的模板有 Hello uni-app，是官方的组件和API示例。
还有一个重要模板是 uni ui项目模板，日常开发推荐使用该模板，已内置大量常用组件。

3.运行 uni-app
主要包括：浏览器运行、真机运行、小程序运行等
在这里插入图片描述

4.发布 uni-app
主要包括：云端原生APP,离线原生APP,H5、各种小程序

相关文章：

【uni-app教程】一、UniAPP 介绍

一、UniAPP 介绍 (1) 什么是 UniAPP? uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS，Android，HS，以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉》等多个平台&#…...

编程日记 2023/3/3 5:53:28

Splunk Real-time Search 的研究

最近客户想搞清Splunk real-time search 和related search 有啥区别，想两个都试试，看看效果。 为了更好的说明什么是real-time search, 先看一下： With real-time searches and reports, you can search events before they are indexed and preview reports as the event…...

编程日记 2023/3/3 5:52:08

SWM181 串口功能使用介绍

SWM181 串口功能使用介绍📌SDK固件包：https://www.synwit.cn/kuhanshu_amp_licheng/✨注意新手谨慎选择作为入门单片机学习。🌼开发板如下图： 📋SWM181描述上写了有4个串口，在数据手册上，将引脚…...

编程日记 2023/3/3 5:50:42

Stochastic Approximation 随机近似方法的详解之（三）Dvoretzky’s convergence theorem

定理内容 Theorem 6.2 (Dvoretzky’s Theorem). Consider a stochastic process wk1(1−αk)wkβkηkw_{k1}\left(1-\alpha_k\right) w_k\beta_k \eta_kwk1​(1−αk​)wk​βk​ηk​, 其中{αk}k1∞,{βk}k1∞,{ηk}k1∞\{\alpha_k\}^\infty_{k1},\{\beta_k\}^\infty_{k1},\…...

编程日记 2023/3/3 5:49:30

7个ES6解构技巧让代码更简洁

您是否厌倦了编写臃肿且难以阅读的代码？想要提升您的编码技能并使您的代码更具可读性和简洁性？ 从解构对象和数组到使用默认值和展开运算符，我们将涵盖所有内容，现在，我们将准备好掌握干净简洁的编码艺术。 1.解构对…...

编程日记 2023/3/3 5:47:55

曾经被人们看成是异想天开的产业互联网，或许终将会实现

一波还未平息，一波又起。元宇宙的热度还未彻底散去，ChatGPT已经成为了名符其实的新风口。如果用一个概念来定义现在这样一个热点和风口频出的时代的话，我想，用产业互联网或许是再合适不过的了。对此，可能有人并不认同。…...

编程日记 2023/3/3 5:46:35

log4j控制台不打印日志的故障解决方案

前言 接管了别的项目组的一个代码，在IDAE调试程序的过程中，发现log4j日志居然没有打印在控制台上，日志相关代码也没有问题。 在网上搜索了一圈，总结了一下个人解决这个问题的流程。 流程 1. 判断用了什么配置文件 不知道是出…...

编程日记 2023/3/3 5:44:05

C# 序列化时“检测到循环引用”错误的彻底解决方案

目录 一&#xff0c;问题表现 二、没有技术含量的解决方案 三、本人彻底的解决方案 简要说明 贴代码 思路解析 思路 一&#xff0c;问题表现 示例代码如下&#xff1a; [Serializable] public class NodeTest {public NodeTest (){new List<NodeTest> ();}p…...

编程日记 2023/3/3 5:42:41

小红书“复刻”微信，微信“内造”小红书

配图来自Canva可画 随着互联网增长红利逐渐见顶&#xff0c;各大互联网平台对流量的争夺变得愈发激烈。而为了寻找新的业务可能性&#xff0c;各家都在不遗余力地拓宽自身边界。在此背景下&#xff0c;目前最为“吸睛”和“吸金”的社交、电商、种草、短视频等领域&#xff0c…...

编程日记 2023/3/3 5:41:09

用arthas轻松排查线上问题

你是否在项目中会碰到以下一些问题&#xff1a; 在代码中打印各种日志来排查&#xff0c;比如方法的入参&#xff0c;出参&#xff0c;及在方法体中打印日志判断走哪行代码还有你觉得代码没问题&#xff0c;可是运行出现却是以前的bug&#xff0c;感觉代码没修改&#xff0c;或…...

编程日记 2023/3/3 5:39:30

mysql一explain结果分析

1. EXPLAIN简介 使用EXPLAIN关键字可以模拟优化器执行SQL查询语句&#xff0c;从而知道MySQL是如何处理你的SQL语句的。分析你的查询语句或是表结构的性能瓶颈。 ➤ 通过EXPLAIN&#xff0c;我们可以分析出以下结果&#xff1a; 表的读取顺序数据读取操作的操作类型哪些索引可…...

编程日记 2023/3/3 5:36:35

原理底层计划--HashMap

HashMap 之前写了“Java集合TreeMap红黑树一生只爱一次”&#xff0c;说到底还是太年轻了&#xff0c;Map其实在排序中应用比较少&#xff0c;一般追求的是速度&#xff0c;通过HashMap来获取速度。hashmap 调用object hashcode方法用于返回对象的哈希码&#xff0c;主要使用在…...

编程日记 2023/3/3 5:35:15

win10 设备管理器中的黄色感叹号（华硕）

目录一、前言二、原因三、方案四、操作一、前言 打开设备管理器&#xff0c;我们可以看到自己设备的信息&#xff0c;但是在重装系统后&#xff0c;你总会在不经意间发现。咦&#xff0c;怎么多了几个感叹号&#xff1f;&#xff1f;&#xff1f; 由于我已经解决该问题&#…...

编程日记 2023/3/3 5:33:53

新产品上市推广不是“铺货”上架

只有不断推出新产品的企业才能走得长远&#xff0c;但现实中往往有很多企业投入了大量人力、物力、财力研发的新产品却在推广的过程中屡屡受挫。那么&#xff0c;为什么适合市场的新产品会在市场营销推广的过程中夭折呢&#xff1f;小马识途营销顾问分析有如下几点&#xff1a;…...

编程日记 2023/3/3 5:32:36

MATLAB训练神经网络小结

MATLAB训练神经网络小结1、一个典型例子1.1 可视化神经网络1.2 指定某一层的激活函数1.3 训练神经网络时使用L1正则化1.4返回训练过程中的参数1.5 查看训练好的权重系数1.6 如何使用早停法来防止过拟合1、一个典型例子 例如输入特征为10维&#xff0c;想训练一个10x20x10x1的三…...

编程日记 2023/3/3 5:31:30

实战：一天开发一款内置游戏直播的国产版Discord应用【附源码】

游戏直播是Discord产品的核心功能之一&#xff0c;本教程教大家如何1天内开发一款内置游戏直播的国产版Discord应用&#xff0c;用户不仅可以通过IM聊天&#xff0c;也可以进行语聊&#xff0c;看游戏直播&#xff0c;甚至自己进行游戏直播&#xff0c;无任何实时音视频底层技术…...

编程日记 2023/3/3 5:30:20

嵌入式学习笔记——基于Cortex-M的单片机介绍

基于Cortex-M的单片机介绍前言生产厂商及其产品线ARM单片机的产品线命名规则留个作业习单片机的资料准备STM32开发所需手册1.芯片的数据手册作业2前言 本文继续接着上一篇中关于Cortex-M的介绍&#xff0c;来记录一些关于ARM系单片机的知识。 生产厂商及其产品线 芯片厂商在…...

编程日记 2023/3/3 5:29:04

Python 虚拟环境的使用

PyCharm 创建的虚拟环境与使用 workon 命令创建的虚拟环境在本质上没有区别&#xff0c;它们都是 Python 的虚拟环境。 使用 PyCharm 创建工程时&#xff0c;使用可以使用曾经工程的虚拟环境&#xff0c;或者新建一个虚拟环境来安装 Python 的库&#xff0c;又或者使用 workon…...

编程日记 2023/3/3 5:27:57

招生咨询｜浙江大学MPA项目2023年招生问答与通知

问&#xff1a;报考浙江大学MPA的基本流程是怎么样的&#xff1f; 答&#xff1a;第一阶段为网上报名与确认。MPA考生须参加全国管理类联考&#xff0c;网上报名时间一般为10月初开始、10月下旬截止&#xff0c;错过网上报名时间后不能补报。确认时间一般为11月上旬&#xff0c…...

编程日记 2023/3/3 5:26:48

Qt std :: bad_alloc

文章目录摘要问题出现原因第一种 请求内存多余系统可提供内存第二种 地址空间过于分散&#xff0c;无法满足大块连续内存的请求第三种 堆管理数据结构损坏稍微总结下没想到还能更新参考关键字&#xff1a; std、 bad、 alloc、 OOM、 异常退出摘要 今天又是被BUG统治的一天&a…...

编程日记 2023/3/3 5:25:42

AMD Ryzen SDT调试工具：突破性实战指南，让你的处理器性能飙升200%

AMD Ryzen SDT调试工具&#xff1a;突破性实战指南&#xff0c;让你的处理器性能飙升200% 【免费下载链接】SMUDebugTool A dedicated tool to help write/read various parameters of Ryzen-based systems, such as manual overclock, SMU, PCI, CPUID, MSR and Power Table. …...

编程新知 2026/4/1 13:26:57

如何高效使用Zettlr：开源写作工具的实用配置与技巧指南

如何高效使用Zettlr&#xff1a;开源写作工具的实用配置与技巧指南 【免费下载链接】Zettlr Your One-Stop Publication Workbench 项目地址: https://gitcode.com/GitHub_Trending/ze/Zettlr 还在为学术写作和知识管理寻找一个功能全面、界面简洁的跨平台工具吗&#x…...

编程新知 2026/4/1 12:10:09

GitHub加速完全指南：从诊断到优化的全方位解决方案

GitHub加速完全指南&#xff1a;从诊断到优化的全方位解决方案 【免费下载链接】gh-proxy github release、archive以及项目文件的加速项目 项目地址: https://gitcode.com/gh_mirrors/gh/gh-proxy GitHub作为全球最大的代码托管平台&#xff0c;其访问速度直接影响开发…...

编程新知 2026/4/1 11:49:47

Phi-4-mini-reasoning企业落地：金融风控规则推理+合规性自动校验

Phi-4-mini-reasoning企业落地&#xff1a;金融风控规则推理合规性自动校验 1. 模型概述与金融场景价值 Phi-4-mini-reasoning是微软推出的3.8B参数轻量级开源模型&#xff0c;专为数学推理、逻辑推导和多步解题等强逻辑任务设计。在金融领域&#xff0c;这个"小参数、强…...

编程新知 2026/4/1 11:39:43

3步轻松延长Navicat使用周期：Mac用户实用指南

3步轻松延长Navicat使用周期&#xff1a;Mac用户实用指南 【免费下载链接】navicat_reset_mac navicat16 mac版无限重置试用期脚本 项目地址: https://gitcode.com/gh_mirrors/na/navicat_reset_mac 还在为Navicat试用期到期烦恼吗&#xff1f;作为数据库管理的得力工具…...

编程新知 2026/4/1 10:45:10

Ostrakon-VL扫描终端实战教程：像素特工式零售图像识别部署指南

Ostrakon-VL扫描终端实战教程&#xff1a;像素特工式零售图像识别部署指南 1. 像素特工终端介绍 想象你是一位未来世界的零售侦探&#xff0c;手持高科技扫描仪在商店里穿梭。Ostrakon-VL扫描终端就是你的数字助手&#xff0c;它能帮你"看"懂货架上的每一个细节。这…...

编程新知 2026/4/1 9:42:13

索尼A6000/A7相机APP免费安装保姆级教程（含最新pmca工具下载）

索尼A6000/A7相机APP免费安装全流程指南&#xff08;2024最新版&#xff09; 作为一名长期使用索尼微单的摄影师&#xff0c;我深刻理解官方应用商店里那些本应内置的功能被拆分成付费APP的无奈。延时摄影、多重曝光这些基础功能&#xff0c;在二代机型上居然要额外付费解锁&am…...

编程新知 2026/4/1 9:30:02

Krita AI Diffusion IP-Adapter功能异常深度排查与解决方案

Krita AI Diffusion IP-Adapter功能异常深度排查与解决方案 【免费下载链接】krita-ai-diffusion Streamlined interface for generating images with AI in Krita. Inpaint and outpaint with optional text prompt, no tweaking required. 项目地址: https://gitcode.com/g…...

编程新知 2026/4/1 8:00:03

别再画线框图了！用Axure/墨刀搞定HIS门诊医生站高保真原型的5个实战技巧

医疗HIS系统高保真原型设计&#xff1a;Axure/墨刀5大进阶技巧 在医疗信息化领域&#xff0c;门诊医生站作为HIS系统的核心模块&#xff0c;其原型设计的质量直接影响开发效率和最终用户体验。传统线框图已无法满足现代医疗系统复杂交互的需求&#xff0c;掌握Axure或墨刀的高阶…...

编程新知 2026/4/1 7:55:52

Retinaface+CurricularFace模型在智能门禁系统中的实战应用

RetinafaceCurricularFace模型在智能门禁系统中的实战应用 1. 引言 想象一下这样的场景&#xff1a;每天早晨上班高峰期&#xff0c;办公楼入口排着长队等待刷卡进门&#xff1b;访客需要在前台登记身份证&#xff0c;保安还要手动核对信息。这种传统门禁方式不仅效率低下&am…...

编程新知 2026/4/1 7:08:46