首先在学习uni-app之前，确保我们的电脑上已经安装HBuilderX，与微信开发者工具为了大家快速了解学习这个框架我们这里就不放过多的演示图片了，大家按照提供的方法或API进行操作即可这里要说一下uni-app这个框架是便于开发者一端开发多段使用的，就像官方文档里解释的一样（uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发
转载
2024-08-19 10:35:56
67阅读
1. uni-app简介
uni-app 是一个使用vue的语法 + 微信小程序的标签和API的跨平台前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台，几乎覆盖所有流量端，uni-app 具有跨端数量更多、性能体验更优秀、学习成本低、开发成本低等几大关键优势。2. 使用uni-app的前置条件
不要认为uni-app 可以跨多端，就感觉开发难
转载
2023-12-20 22:07:30
75阅读
一、uni-app 创建方式HBuilderX 直接创建 uni-app 项目新建 --> 项目 --> uni-appcli项目整个拖入 HBuilderX,编译走项目下编译器； cli项目下 src目录拖入HBuilderX中，编译走HBuilderX下plugin下编译器。优点：1、编译器在HBuilderX安装目录下的plugin目录下，随HBuilderX升级而自动升级。缺点
转载
2023-12-28 15:34:13
112阅读
近些天有接触到uni-app框架，使用HBuilderX软件进行编译，能生成多端项目文件，如微信、百度、支付宝小程序及Android和ios端，记录遇到的问题1.条件编译我觉得比较突出的一点功能，就是这个条件编译，指定对应的代码执行在对应的一端#ifdef：if defined 仅在某平台存在
#ifndef：if not defined 除了某平台均存在如：只在微信小程序中才执行的代码// #i
转载
2024-05-30 23:05:04
44阅读
uviewUI
多平台快速开发的UI框架
uni-app2018年初发布以来，一直蓬勃发展，一派欣欣向荣，社区也是人声鼎沸，众望所归。 因此，uView应运而生，uView的目标是成为uni-app生态最优秀的UI框架。接下来将介绍uview如何配置到uniapp项目中 如果你想了解到更详细的文档，进入uview官网查看接下来将为你带来几种方式的图文教程使用安装包（这里
转载
2024-05-05 20:37:42
388阅读
【uniapp 开源框架简介及使用指南】
如果你是一名前端开发者，想要快速地开发跨平台应用，那么 uniapp 开源框架就是一个不错的选择。uniapp 是一个基于 Vue.js 的开源框架，可以帮助开发者快速地构建小程序、H5、App等多端应用，并且可以一套代码多端运行，极大地提高了开发效率。接下来，我将逐步指导你如何在uniapp中实现跨平台开发。
整个过程分为几个步骤，我将用表格展示每一
原创
2024-05-28 10:30:47
168阅读
介绍:uni-app 使用 vue 的语法 + 小程序的标签和 API。也就是和这些语法同样作用的框架. 生命周期,分为应用生命周期和页面生命周期,和小程序的基本一致.流程开发规范 为了实现多端兼容，综合考虑编译速度，运行性能等因素，uni-app 约定了如下开发规范：页面文件向导 Vue单文件组件（SFC）规范 组件标签靠近小程序规范，详见 uni-app 组件规范 互连能力（JS API）靠近
转载
2023-12-10 02:29:45
122阅读
uni-app框架的学习与使用前言一、uni-app简介及目录结构uni-app简介快速上手uni-app目录二、使用uni-app了解生命周期组件/标签的变化css的变化路由跳转尺寸单位page.json基本配置三、uni-app引入echarts总结 前言uni-app是一个使用 Vue.js 开发跨平台应用的前端框架，使用hbuilder X可以快速将一套代码打包至最多7个平台。对于个人开
转载
2024-05-29 11:11:03
344阅读
UniAPP 前端开发框架学习 一、UniAPP 介绍 （1）什么是 UniAPP ？ uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到 iOS，Android，H5，以及各种小程序（微信/支付宝/百度/头条/ QQ /钉钉）等多个平台。 uni-app ...
转载
2021-07-21 19:21:00
10000+阅读
点赞
4评论
一、框架简介基础知识点 uniapp生命周期 onLaunch 当uniapp初始化完成时进行触发，全局只触发一次 onShow 当uniapp启动或者从后台进入前台显示 onHide 当uniapp从前台进入后台 onUniNViewMessage 对nvue页面发送数据进行监听uniapp页面生命周期 https://uniapp.dcloud.io/frame 参看文档路由 uni-app
转载
2024-05-16 04:44:58
202阅读
一.uni-app 框架1.框架介绍概述是一个使用vue语法去开发所有前端应用的前端开发框架
一套代码，发布为微信小程序，支付宝小程序，app（ios，android）h5等
vue语法：
数据绑定，列表渲染v-for，条件渲染，事件绑定
小程序语法：
组件 + api(uni.)2.官方网址https://dcloud.io/
https://uniapp.dcloud.io/
转载
2024-05-28 10:14:56
933阅读
一. 初始uni-app是使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。1. 开发环境搭建，nodejs，hbuilderx
2. 应用开发流程2.1 DCloud开发者中心注册账号并创建应用，获取AppID，去注册
2.2 创建uniapp项目2.3 按照规范编写源代码├──
转载
2024-05-04 19:33:42
260阅读
方法1：通过hbuilder直接创建的uni-app项目
1、安装
1）uview-ui
插件下载地址：https://ext.dcloud.net.cn/plugin?id=1593
此下载的是一个新项目，可单独将其中的uview-ui文件夹复制出来放在你的项目的根目录下
2)SCSS
uView依赖SCSS，您必须要安装此插件，否则无法正常运行。
安装方法：HX菜单
转载
2023-09-16 20:59:22
41阅读
目录一、简介 二、前后端框架前端框架后端框架三、视频播放四、nginx部署nginx命令五、后端打包六、代码地址一、简介 想做一个简单的视频播放器，能够在局域网播放硬盘上的视频。 如下图所示，从硬盘指定位置读取视频数据，由服务器返回视频流，在浏览器端播放。 二、前后端框架
转载
2023-12-27 18:30:09
554阅读
目录一、uni-app 是什么？二、为什么选择 uni-app ？三、功能框架四、准备工作五、搭建框架1.创建项目2.运行项目（1）运行到浏览器（2）内置浏览器运行（3）运行到手机或模拟器（4）运行到小程序模拟器（5）运行到终端3.发布项目（1）打包为原生App（2）发行为微信小程序（3）发行为 H5 一、uni-app 是什么？uni-app 由 DCloud 公司开发，是一个使用 Vue.j
转载
2023-12-26 09:10:15
268阅读
uniapp中使用uview对相机拍照、选择图片进行压缩上传，可以定义质量比，压缩比。支持多端使用。
原创
2022-08-22 09:30:49
2731阅读
重要说明请删除 app.vue 中的全局样式：view{display:flex;}在需要flex的时候使用flex即可。尺寸单位uni-app框架目前仅支持长度单位 px 和 %。与传统 web 页面不同，px 是相对于基准宽度的单位，已经适配了移动端屏幕，其原理类似于 rem。PS：uni-app 的基准宽度为 750px。开发者只需按照设计稿确定框架样式中的 px 值即可。设计稿 1px 与
转载
2024-06-27 07:17:53
261阅读
前言：最近开发一款APP，其中包含了小的商城，支付时需要对接微信和支付宝，本文记录支付宝对接过程。 一：对接准备 参照支付宝的官方文档 开通支付宝开放平台，创建自研应用，如下： 线上环境需要开通支付签约 二：uni-app对接支付宝主要代码，uniapp官网uni.requestPayment({
provider: 'alipay',
转载
2023-11-20 07:55:01
108阅读
简介uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。官方网站：https://uniapp.dcloud.io/开始使用开发工具推荐使用 HBuilderX 优点：HBuilderX是通用的前端开发工具，但为uni-ap
转载
2024-01-05 23:03:08
468阅读
前言： 对uin-app的资料进行整理，这里说说他支持的框架资料。官方入口：入口
相关资料：一、ColorUI-高颜值，高效率的小程序组件库git源码：点我
相关项目入口 - 一个基于colorui的商城项目：点我
实现步骤：1、下载项目，找到这个colorui 文件夹，放到项目中2、App.vue 引入关键Css main.css
转载
2024-03-29 12:03:49
866阅读
