初探uni-app

最新推荐文章于 2025-09-10 19:44:49 发布
转载 最新推荐文章于 2025-09-10 19:44:49 发布 · 110 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/smart-girl/p/10910276.html
文章标签：

#javascript #ViewUI

博客介绍了项目从下载、安装、创建，到项目运行、打包为原生App（云端）及运行打包的流程，还提及使用vue的情况，整体是对着官网操作入门，后续可能深入研究。

第一步：下载
1037363-20190523092111819-101098846.png
第二步：安装
1037363-20190523092153217-1716944256.png
第三步：创建项目
1037363-20190523092221538-1842379806.png
1037363-20190523092317911-1309831366.png
第四步：项目目录
1037363-20190523092355655-1714282484.png
项目运行
1037363-20190523092511352-1716403403.png
项目效果为
1037363-20190523092840543-1593490678.png
打包为原生App（云端）
1037363-20190523093012599-1589105551.png
运行打包
1037363-20190523093502932-819387788.png
1037363-20190523093529726-567143989.png
1037363-20190523093648852-1231801064.png
使用vue

效果如下，并不好看
使用代码如下
1037363-20190523095315546-707540378.png
1037363-20190523095155891-73588079.png

未完，待续。。。。
就是对着官网来，算是入这个门了，接下来可能会选择某个夜深人静的夜晚，好好的看看这个，也许不会。。。

转载于:https://www.cnblogs.com/smart-girl/p/10910276.html

【第一趴】初探uni-app（uni-app发行者、uni-app推出背景、为什么选择uni-app）
官方推荐
11-07 4万+
聚沙成塔——每天进步一点点，大家好我是几何心凉，不难发现越来越多的前端招聘JD中都加入了uni-app 这一项，它也已经成为前端开发者不可或缺的一项技能了，所以凉哥为大家推出聚沙成塔【45天玩转uni-app】专栏，帮助大家对 uni-app 进行学习和理解，uni-app可以通过一套代码多端发行，相信你掌握本语言后无论是毕设还是求职项目都可以说是锦上添花，妥妥加分项；快来订阅专栏跟着凉哥一起来感受 uni-app 为开发者带来的劲感吧！
【第二趴】uni-app开发工具（手把手带你安装HBuilderX、搭建第一个多端项目初体验）
热门推荐
官方推荐
11-08 4万+
聚沙成塔——每天进步一点点，大家好我是几何心凉，不难发现越来越多的前端招聘JD中都加入了uni-app 这一项，它也已经成为前端开发者不可或缺的一项技能了，所以凉哥为大家推出聚沙成塔【45天玩转uni-app】专栏，帮助大家对 uni-app 进行学习和理解，uni-app可以通过一套代码多端发行，相信你掌握本语言后无论是毕设还是求职项目都可以说是锦上添花，妥妥加分项；快来订阅专栏跟着凉哥一起来感受 uni-app 为开发者带来的劲感吧！
uniapp结合萤石视频ezuikit.js的爬坑记录
u011200562的博客
03-05 7907
1.前言 　　由于开发需要，项目需要接入萤石的视频监控。萤石官方提供了三种协议的的视频方式，hls，rtmp，ezopen。三种协议是视频直播有一定差别，由于hls有十多秒的延迟，不符合项目的要求，所以本人采用了延迟最低的ezopen。在使用的过程中遇到了很多很多的坑，即使在尝试别人的解决方案依旧无用。希望这篇文章对使用的同学有所帮助。 2.初探 　　看看官方文档，他有一个UIKit JavaScript的demo示例，请使用的同学先下载官方demo示例。同时看看官方文档他是这么描述使用的：
初探uniapp，做了第一个项目，总结下经验（一）
欧阳的技术博客
03-18 4万+
uniapp是个啥 1.基于vue开发的（懂vue的朋友问题是不大的） 2.跨端：小程序，H5，QQ小程序啥的都可以用（会有小坑，毕竟兼顾这么多端） 3. 4.没有啥效果很棒组件，几乎都要自己写，也不建议去用其它花里胡哨的，容易出问题（能简则简） 5.uniapp是多页，vue是单页 我的实战开发之旅 1.文档是要看的，我看了大半天吧（常用组件以及事件机制等） 2.开发工具用的VScode（npm构造），建议还是.hbuilderx，毕竟是官方推荐 3.先下载个模...
uni-app初探（路由/scss/vuex/插件/@指向位置）
halo1416的博客
05-06 3210
uniapp简单使用 一、路由 在pages.json文件的pages数组里面定义， 注意：修改配置文件后最好重启应用 使用 uni.navigateTo / uni.switchTab 或者其他的路由API跳转 如： uni.redirectTo({ url: ‘…/mime/index’ }) 或者使用 uni.redirectTo({ url: ‘/pages/mime/index’ })...
uni-app初探
qq_37314186的博客
03-19 2514
uni-app初探uni-app项目创建第一步：文件→新建→项目第二步：选择uni-app，输入项目名称，并选择模板uni-app项目运行首先手机连接电脑uni-app运行方法 uni-app项目创建 首先，建议开发者使用HBuilderX作为开发工具； 第一步：文件→新建→项目 第二步：选择uni-app，输入项目名称，并选择模板 uni-app项目运行 运行准备 首先手机连接电脑 ...
初探uni-app框架 踩坑
ZJW222的博客
07-22 983
近些天有接触到uni-app框架，使用HBuilderX软件进行编译，能生成多端项目文件，如微信、百度、支付宝小程序及Android和ios端，记录遇到的问题 1.条件编译 我觉得比较突出的一点功能，就是这个条件编译，指定对应的代码执行在对应的一端 #ifdef：if defined 仅在某平台存在 #ifndef：if not defined 除了某平台均存在 如：只在微信小程序中才执行的...
uniapp 电子印章_初探uni-app框架 踩坑
weixin_33750664的博客
12-30 621
近些天有接触到uni-app框架，使用HBuilderX软件进行编译，能生成多端项目文件，如微信、百度、支付宝小程序及Android和ios端，记录遇到的问题1.条件编译我觉得比较突出的一点功能，就是这个条件编译，指定对应的代码执行在对应的一端#ifdef：if defined 仅在某平台存在#ifndef：if not defined 除了某平台均存在如：只在微信小程序中才执行的代码// #if...
初学uni-APP心得
2301_78871549的博客
05-15 354
今天，我将与大家分享我的uni-app学习之旅，希望能为同样对移动应用开发感兴趣的朋友们提供一些参考。但我相信，随着对uni-app的深入了解，我将能够开发出更加优秀的应用。此外，uni-app还提供了一套丰富的组件库，包括视图容器、基础内容、表单组件等，可以满足大部分常见的界面需求。这意味着，通过uni-app开发的应用，可以一次性发布到多个平台，大大提高了开发效率和应用的覆盖范围。最后，我想说的是，无论你是初学者还是有一定经验的开发者，只要你对移动应用开发感兴趣，uni-app都是一个值得尝试的选择。
uni-app
顺其自然~专栏
08-15 242
uni-app（uni，读you ni，是统一的意思）是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。上线时间2015年，开发公司DCloud。
uni-app初探：快速入门指南
# 一、 什么是uni-app？ ## 1. uni-app的概念和特点 uni-app是一个基于Vue.js的跨平台开发框架，可以使用Vue.js的开发方式来创建运行于iOS、Android、H5、以及各种小程序平台的应用。uni-app的特点包括： - **跨...
java小项目 未来出行汽车租赁平台
xiaoyoukaoer的博客
09-06 328
未来出行汽车租赁平台是基于Java开发的汽车租赁管理系统，旨在为用户提供便捷的车辆租赁服务。系统包含用户管理、车辆管理、订单管理等功能模块，适用于小型企业或个人学习使用。
vue2(7)-单页应用程序&路由
Naiveyouzhi的博客
09-07 273
快速引入组件，也可以用绝对路径 基于@指代src目录，从src目录出发找组件。最大的原因是：页面按需更新 要按需更新，就要明确访问路径和组件的关系。类名太长可以在router，index.js里面配置。单页应用程序，之所以开发效率高，性能高，用户体验好。右边第三个框，是在main.js中导入的。5.声明式导航-导航链接。2.路由：路径和组件的映射关系。配组件 配规则，配导航 配出口。如 单页：网易云，多页：京东。6.声明式导航-两个链接。6.声明式导航-跳转传参。
从Java全栈开发到微服务架构的实战经验分享
CatchLight的博客
09-09 774
应聘者：我认为最重要的是能够理解业务需求，并将其转化为技术方案。同时，持续学习新技术，保持对行业趋势的关注也很关键。毕竟，技术更新很快，只有不断学习才能跟上节奏。通过这次面试，我们可以看到一位资深Java全栈开发者的专业能力和实践经验。他不仅掌握了多种技术栈，还能在实际业务场景中灵活运用，解决实际问题。同时，他也展现了良好的沟通能力和学习能力，这些都是成为一名优秀工程师的关键素质。
大数据毕业设计选题推荐-基于大数据的贵州茅台股票数据分析系统-Spark-Hadoop-Bigdata
IT研究室的博客
09-07 1018
本文介绍了基于Hadoop+Spark的贵州茅台股票数据分析系统，采用Python/Java语言开发，集成Django/Spring Boot后端与Vue前端，实现多维金融数据分析。系统核心功能包括价格趋势分析、成交量跟踪、波动性评估及技术指标验证，通过Spark SQL和Pandas处理海量交易数据，支持日均价格走势、价量相关性、MACD/RSI指标等深度挖掘。界面展示包含Echarts动态可视化图表，代码示例演示了Spark计算日均均价、20日均线及价格区间统计逻辑。
从Java全栈到前端框架的实战之路
CatchLight的博客
09-10 777
面试官我们会在几天内通知你面试结果。应聘者面试官：加油！期待你加入我们团队。Java版本：Java 11和Java 17，注重性能优化和新特性支持。JVM内存模型：理解堆、栈、方法区等组成部分。前端技术栈：Vue3和TypeScript，使用Element Plus进行UI开发。微服务架构：使用Spring Cloud和OpenFeign进行服务治理。数据库与ORM：MyBatis和JPA，根据项目需求选择合适框架。测试与调试。
JavaScript的功能和作用
2402_83164836的博客
09-10 337
JavaScript（简称 JS）是一种​​，最初设计用于为网页添加动态交互功能。经过多年发展，其应用场景已远超浏览器，成为覆盖前端、后端、移动端、桌面端甚至物联网等领域的“全场景语言”。
Vite 中的 import.meta.env 与通用 process.env.NODE_ENV 的区别与最佳实践
最新发布
BI
09-10 254
这篇文章对比了 process.env.NODE_ENV 和 Vite 的 import.meta.env。 两者都用于区分开发和生产环境，并支持代码优化（Tree-Shaking）。 核心区别在于：process.env.NODE_ENV 是源于 Node.js 的通用标准，是字符串，适用于需要兼容多种构建工具的库。而 import.meta.env 是 Vite 内置的现代对象，提供 DEV、PROD 等布尔值，语义更清晰，是 Vite 应用的首选。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值