uniapp小记

最新推荐文章于 2024-08-30 22:14:32 发布
最新推荐文章于 2024-08-30 22:14:32 发布
阅读量243 收藏 3
点赞数 7
分类专栏： 微信小程序 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wooovi/article/details/140657911
版权

uniapp小记

基础起步
目录结构
在这里插入图片描述

把项目运行到微信开发者工具

  1. 填写自己的微信小程序AppID
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

tarBar
修改项目根目录中的 pages.json 配置文件，新增tabBar的配置节点如下:
在这里插入图片描述

修改导航条颜色
在这里插入图片描述

配置网络请求
由于平台的限制，小程序项目中不支持 axios，而且原生的 wx.request()，API功能较为简单，不支持拦截器等全局定制的功能。因此，建议在uni-app 项日中使用 @escook/request-miniprogram 第三方包发起网络数据请求。
npm install @escook/request-miniprogram
在这里插入图片描述

封装showMessage方法
在这里插入图片描述

wooovi
关注
  • 7
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
uniapp 开发小记
光
11-05 286
uniapp 开发小记 简单回顾下，如有纰漏后续更新。 建议vue-cli的脚手架模式，统一IDE为vscode降低切换成本。 建立脚手架： npm i -g @vue/cli vue create -p dcloudio/uni-preset-vue uni-template npm run dev:platform npm run build:platform npm run serve 开发模式 基本是基于微信小程序的页面/应用的开发模式 + vue的组件模式 App.vue 随程序启动运行
uniapp 笔记
weixin_45670469的博客
07-23 449
不知不觉,使用uniapp开发也有年头,记录下uniapp奇奇怪怪bug,方便大家爬坑 1.inupt中无法使用change事件 Hbuildx 2.7还是可以使用change事件,**官网上没有介绍,但是可以使用,**升级到3.1之后input上的change事件是无法使用的 总结: 官网没介绍的,使用有分享,多看文档,不要猜; 2.在模拟器上运行H5项目项目被旋转,页面被翻转90度 用Hbuildx 2.7.2启动项目,发现项目被旋转了90度;一度以为是微信开发者工具的原因导致的,后来查询好久发.
uniapp发布H5踩坑小记
qq_42242322的博客
05-14 1020
需要在manifest.json中做H5配置 运行的基础路径配置 如果在域名为/h5目录下则配置/h5/ 如果是设置./就是相对路径 可以本地直接打开 没做配置部署到服务器会报错 报错内容为 index.e335d644.js:1 ChunkLoadError: Loading chunk pages-index-index failed. ...
uniapp笔记
GTbond的博客
02-15 739
1.项目目录 2.模板语法 vue组件语法 v-bind / : v-on / @ v-model v-if v-show v-for 空标签 template view 作为div使用 text 作为span使用
uniapp-App ios支付宝授权小记
z1783883121的博客
12-12 1656
我们在上一次介绍了安卓的uniapp支付宝授权，里面也提了一下ios 授权后用urlscheme跳回app，但有很多的ios版本都不会跳回app（ps:这是因为自ios9以后就不再推荐使用scheme的方式来打开app了而是推荐使用Universal Links的方式来打开app） 本篇将介绍ios支付宝授权后并返回app中
python进行爬虫小记
01-15
Python爬虫技术是一种用于自动化网页数据抓取的编程方法，尤其适合初学者快速入门。Python在爬虫领域具有显著优势，因为其拥有丰富的第三方库，如requests、lxml和parsel等，使得编写爬虫代码变得简洁高效。...
【uniapp 解决h5 uni.saveFile 不生效】2种方法解决
weixin_49066399的博客
08-30 129
用uni.saveFile h5报错。第二种 可以引用js第三方库来进行保存。先安装 file-saver。查看文档发现不支持h5。
基于springboot+vue+uniapp的物流管理系统小程序
老卓爱爪哇 的博客
08-27 1081
在此基础上，结合现有物流管理体系的特点，运用新技术，构建了以 springboot为基础的物流信息化管理体系。首先，以需求为依据，对目前传统物流管理基础业务进行了较为详尽的了解和分析。根据需求分析结果进行了系统的设计，并将其划分为管理员、用户和员工三种角色：主要功能包括个人中心、用户管理、员工管理、部门管理、物品分类管理、物流公司管理、物流信息管理、配送信息管理、运输信息管理、装卸搬运管理、仓储信息管理、系统管理等。使用目前市场主流的技术 Springboot框架和Maven进行项目构建，使用Java开发语
uniapp uni-popup底部弹框留白 底部颜色修改 滚动穿刺
青杉旧故°的博客
08-29 295
uni-popup底部弹框留白 底部颜色修改 滚动穿刺
UNIAPP 锚点跳转
深度
08-26 227
/ 使用scrollIntoView方法滚动到目标元素。
uniapp获取地理位置的API是什么？
weixin_56187723的博客
08-29 269
在uni-app中，获取地理位置的API是。这个API的主要作用是获取用户的当前地理位置信息，包括经纬度、速度、高度等。
uniapp分包
qq_44866810的博客
08-28 178
在开发大型或功能复杂的UniApp应用时，为了提高加载速度和用户体验，我们通常会采用按需加载的技术，也就是常说的“分包”。本文将详细介绍如何在UniApp项目中实现分包。
uniapp 封装uni.login 实现全局调用
Dzb1993的博客
08-30 146
app.vue中 使用globalData 注册 utils。页面中使用方法 定义app 调用方法。
【iOS端】基于Uniapp跨平台接入即构RTC+相芯美颜
RTC_SDK_220704的博客
08-27 1054
Uniapp最大优势是跨平台，前面介绍了如何在android中接入相芯美颜+即构RTC，今天咱们把相同的代码接入到iOS中
基于ssm+vue+uniapp的农业电商服务系统小程序
老卓爱爪哇 的博客
08-28 1238
时代在飞速进步，每个行业都在努力发展先进技术，通过这些先进的技术来提高自己的水平和优势，农业电商服务系统当然不能排除在外。农业电商服务系统是在实际应用和软件工程的开发原理之上，运用Java语言以及ssm框架进行开发。首先要进行需求分析，分析出农业电商服务系统的主要功能，然后设计了系统结构。整体设计包括系统的功能、系统总体结构、系统数据结构和对系统安全性进行设计；最后要对系统进行测试，还要对测试的结果进行总结和分析，为以后系统的维护提供方便，也为以后类似系统的开发提供参考和帮助。这种个性化的网络系统管理更重视
uniapp之app版本更新，整体更新和热更新
Jocelyn_书
08-26 917
工作中遇到一个需求，app上架各个市场后，用户 需要版本更新检验，下载最新的版本。每次升级之前，不管是热更新还是整体更新，都需要去更新。
基于uniapp的登录状态保持（APP免登录）
最新发布
xingyuemengjin的博客
08-30 208
本文介绍了uniapp的登录状态保持（APP免登录）实现方法。在rouyi-uniapp框架开发中，解决用户退出软件/关闭应用/更新安装包后，再打开进入应用需要重新登录，不符合用户使用习惯。本文介绍了如何通过将用户登录信息存储到缓存和文件中，判断用户登录状态直接进入应用。用户登录信息用必要存储到文件中，解决安装更新包更新后用户私有应用缓存被删除。
protobuff使用小记
05-31
Protobuf是一种高效的序列化协议，可以用于数据交换和数据存储。它的主要优势是大小小，速度快，可扩展性强。下面是使用Protobuf的一些小记： 1. 定义消息格式 首先，需要定义消息格式，以便Protobuf可以将数据序列化和反序列化。消息格式定义在.proto文件中，使用protobuf语言编写。例如，下面是一个简单的消息格式定义： ``` syntax = "proto3"; message Person { string name = 1; int32 age = 2; } ``` 这个消息格式定义了一个名为Person的消息，包含两个字段：name和age。 2. 生成代码 一旦消息格式定义好，就可以使用Protobuf编译器生成代码。编译器将根据消息格式定义生成相应的代码，包括消息类、序列化和反序列化方法等。可以使用以下命令生成代码： ``` protoc --java_out=. message.proto ``` 这将生成一个名为message.pb.java的Java类，该类包含Person消息的定义以及相关方法。 3. 序列化和反序列化 一旦生成了代码，就可以使用Protobuf序列化和反序列化数据。例如，下面是一个示例代码，将一个Person对象序列化为字节数组，并将其反序列化为另一个Person对象： ``` Person person = Person.newBuilder() .setName("Alice") .setAge(25) .build(); byte[] bytes = person.toByteArray(); Person deserializedPerson = Person.parseFrom(bytes); ``` 这个示例代码创建了一个Person对象，将其序列化为字节数组，然后将其反序列化为另一个Person对象。在这个过程中，Protobuf使用生成的代码执行序列化和反序列化操作。 以上是使用Protobuf的一些基本步骤和注意事项，希望对你有所帮助！
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

wooovi

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

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

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

打赏作者

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

抵扣说明：

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

余额充值