Uni-app学习1.0

最新推荐文章于 2024-07-04 11:00:16 发布
最新推荐文章于 2024-07-04 11:00:16 发布
阅读量384 收藏 7
点赞数 6
文章标签： uni-app 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63192977/article/details/134609212
版权

 一、Uni-app项目的组成和分工

 

二、Uni-app与原生小程序的开发区别

三、部分常用标签

 

四、常用的页面跳转代码

浣熊泡泡
关注
  • 6
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
uni-app整合vant、nuxt
hahahhahahahha123456的博客
04-30 2884
创建uni-app移动端项目使用uni-cli下载 vue create -p dcloudio/uni-preset-vue my-project 下载Nuxt框架 ,无需使用create-nuxt-app. 脚手架 yarn add nuxt 配置package.json文件 { "name": "my-app", "scripts": { "dev": "nuxt", "build": "nuxt build", "generate": ...
uni-app-video(支持后台播放音频)
02-24
uni-app-video(支持后台播放音频) demo实现思路： 正常唤起video组件播放，支持倍速等操作，全屏时提供开启后台播放音频； page hide时，后台播放audio标签，倍速恢复1.0正常播放；
Uni-app 之uni-push1.0服务端推送
样子的博客
03-23 760
一、配置 1、uni-push1.0文档 https://uniapp.dcloud.net.cn/unipush-v1.html 2、服务端推送文档 https://docs.getui.com/getui/server/rest_v2/push/ 二、客户端 1、App.vue import phoneInfo from '@/common/js/phone-info.js'; impor...
java - uniapp集成uni-push1.0
Astonishing_的博客
12-29 1768
uniapp集成uni-push
uniapp uni-push 1.0 APP消息推送实现
Rio_Gaven的博客
05-07 719
【代码】uniapp uni-push 1.0 APP消息推送实现。
uni-app中web-view的使用
qq_36158551的博客
03-25 2865
(https://uniapp.dcloud.net.cn/component/web-view.html#)主要实现代码参考下图所示。
uni-app实现轨迹回放
qq_44910894的博客
07-10 1481
使用uni-app自带的map地图组件，实现轨迹回放功能
uni-app打包成apk文件
qq_45158026的博客
12-06 1360
uni-app打包成apk文件
uni-app_nView1.0 标题栏右边设置“查询”按钮
彬sir哥的博客
10-17 280
【代码】uni-app_nView1.0 标题栏右边设置“查询”按钮。
uni-app的uni-list列表组件高效使用举例 (仿知乎日报实现)
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
06-20 1155
uni-list是Uni-App框架内置的一个列表组件，它以简洁、灵活的方式封装了列表展示逻辑，支持多种列表项布局，如文本、图标、图片等组合展示。通过uni-list，开发者可以轻松创建美观、响应式的列表界面，无需从零开始编写复杂的布局代码，大大提升了开发效率。uni-app官网uni-list 列表 - DCloud 插件市场uni-list组件的强大之处在于其高度的可定制性。除了基本的文本展示，它还支持图片、图标、开关、滑动操作等多种元素的嵌入，以及不同的布局模式（如左图右文、上下结构等）。
uni-app 使用百度地图
weixin_71574589的博客
02-13 609
uni-app 使用百度地图
iOS集成听云uni-app插件
10-12
在iOS应用开发中，集成听云uni-app插件是一项重要的性能管理和优化工作。听云，全称为基调听云，提供了一套移动应用性能管理解决方案，通过SDK（Software Development Kit）帮助开发者监控和解决App可能出现的性能...
unipush 推送消息服务端接口支撑（1.0版本，免费）
02-27
关于unipush推送消息，手机端接收消息并且展示通知栏的服务端代码资源。 适用于App消息推送，支持在线离线推送消息。适用场景多元化（只需要用户登录App时进行用户信息和手机设备id绑定的处理） 首先要引入unipush的...
vehicle-manage-app:钉钉车辆管理系统uni-app + uView ui实现小程序
03-21
【车辆管理应用】是一款基于uni-app框架和uView UI库构建的小程序，旨在提供全面的车辆管理和监控功能。uni-app是一个使用Vue.js语法的多端开发框架，它允许开发者编写一次代码，部署到多个平台，如微信小程序、...
xiaolu-Waterfall_1.0_example.zip
03-19
通过这个压缩包，开发者可以学习如何利用前端技术，特别是uni-app框架，来实现图片和卡片的瀑布流布局，理解其背后的布局算法，以及如何优化用户体验，比如响应式设计、滚动加载等。此外，对于希望深入uni-app或前端...
uniapp组件通讯
weixin_48811255的博客
07-02 299
uniapp组件通讯
uniapp/Android App上架三星市场需要下载所需要的SDK
最新发布
骨子里的偏爱
07-04 189
uniapp/Android App上架三星市场需要下载所需要的SDK
uni-app上传失败超出文件限制解决方法-分包处理-预加载
m0_52952413的博客
07-03 329
Error: 系统错误，错误码：80051,source size 2089KB exceed max limit 2MB [20240703 10:53:06][wxbf93dfb6cb3eb8af] [1.06.2405010][win32-x64]分包的页面会出现，第一次进入加载过长，可设置分包页面预加载，只需在pages页面这只即可。如果上述还无法解决，你就只能分包了，下面是整理的保姆教程。如果你是主包要跳转分包的页面，那么你的路径应该是。‘’/主包名/路径’’
UniApp 中 Web/H5 正确使用反向代理解决跨域问题
Right! I'm Max Sky.
07-03 193
里配置的反代配置似乎有 Bug，反代能生效，但。因为使用了 Vite，所以我们应该创建。是没用的（Vue2 因为使用。因为 Vue3 的构建工具是。
uni-app数据储存
08-23
在uni-app中，你可以使用不同的方法来存储数据。以下是一些常用的数据存储方法： 1. 本地存储（LocalStorage）：可以使用uni-app提供的LocalStorage API来存储少量的键值对数据。这种存储方式只能存储字符串类型的数据，对于复杂的数据结构需要进行序列化和反序列化操作。 ```javascript // 存储数据 uni.setStorageSync('key', 'value'); // 读取数据 let data = uni.getStorageSync('key'); // 清除数据 uni.removeStorageSync('key'); ``` 2. 数据库存储（WebSQL、IndexedDB）：uni-app支持在H5环境下使用WebSQL或IndexedDB来进行数据库存储。这种方式适合存储大量结构化数据，可以进行复杂的查询操作。 ```javascript // 打开数据库 let db = uni.openDatabase({ name: 'mydb', version: '1.0', displayName: 'My Database', estimatedSize: 2 * 1024 * 1024 }); // 创建表 db.transaction(function(tx) { tx.executeSql('CREATE TABLE IF NOT EXISTS mytable (id unique, name)'); }); // 插入数据 db.transaction(function(tx) { tx.executeSql('INSERT INTO mytable (id, name) VALUES (?, ?)', ['1', 'John Doe']); }); // 查询数据 db.transaction(function(tx) { tx.executeSql('SELECT * FROM mytable', [], function(tx, result) { for (let i = 0; i < result.rows.length; i++) { console.log(result.rows.item(i)); } }); }); ``` 3. 文件存储：uni-app提供了一些API来进行文件的读写操作，可以将数据以文件的形式存储在本地。 ```javascript // 写入文件 uni.writeFile({ filePath: 'path/to/file', data: 'Hello, World!', success: function() { console.log('File written successfully'); } }); // 读取文件 uni.readFile({ filePath: 'path/to/file', success: function(data) { console.log('File content:', data); } }); // 删除文件 uni.unlink({ filePath: 'path/to/file', success: function() { console.log('File deleted successfully'); } }); ``` 根据你的需求和数据量的大小，选择适合的数据存储方式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

浣熊泡泡

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值