uni-app工具篇第6页

【Uni-App】Vue3如何使用pinia状态管理库与持久化

安装插件pinia-plugin-unistorage引入//main.jsimport{createSSRApp}from"vue";import*asPiniafrom"pinia";import{createUnistorage}from"pinia-plugin-unistorage";exportfunctioncreateApp(){constapp=createSSRApp(App)

RisunJan·2024-01-29 19:42

uni-app开发预览运行uni-starter到微信时小程序Error: 系统错误，错误码：80200,main package source .......

本文为转载！在微信小程序开发中，为了解决包体积大的问题，微信官方已经给出了分包的方案，如果是用原生微信小程序开发的，那么只需要按文档来就可以了，地址：https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html但是，如果你是用uniapp开发的微信小程序，你同样也会遇到包体积大的问题，那怎么解决呢先从这几个方

casun_li·2024-01-29 15:36

uniapp v3组合式语法-项目创建

出现如下界面输入完项目名称和地址后.选择红色箭头所指处的vue版本3然后点击确认,即可创建uniapp,v3项目创建完项目后,可以看到如下项目结构项目结构uniapp官网上已经写的很详细了,这里就使用uniapp官网的介绍一个uni-app

Qayrup·2024-01-29 12:46

uni-app vite+ts+vue3模式集成微信云开发

1.创建uni-app项目此处使用的是通过vue-cli命令行方式uni-app官网使用vue3/vite版创建以typescript开发的工程（如命令行创建失败，请直接访问gitee下载模板）npxdegitdcloudio

lyj168997·2024-01-29 10:30

hello uni-APP

UniApp是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。选择UniApp的原因如下：开发者/案例数量更多：几十万应用、uni统计月活12亿、70+微信/QQ群。平台能力不受限：在跨端的同时，通过条件编译+平台特有API调用，可以优雅的为某平台写个性化代码，调用专有能力而不影响其他平台。性能体验

m1chiru·2024-01-29 09:21

uni-app里面使用uni.request请求并且渲染列表

1：新建一个uniapp项目，命名为test。2：官方网站找文档，要用到列表组件地址导航：https://ext.dcloud.net.cn/plugin?id=24导入到自己的test项目里面去导入之后，可以看到目录结构如下3：打开index，开始写代码使用方式列表的方式，在script中引用组件并且在template中使用组件。importuniListfrom"@/components/un

祈澈菇凉·2024-01-29 02:07

uni-app接口封装

在项目下新建一个request目录新建request.js和api.js//全局请求封装consttoken=uni.getStorageSync('token');exportdefault(url,method,params,header)=>{uni.showLoading({title:'加载中'});returnnewPromise((resolve,reject)=>{uni.requ

itrs·2024-01-28 12:10

uni-app 请求封装

uni-app官方封装的http请求使用起来相对麻烦，针对于这个问题做了一套请求封装如下首先我们还是把相关依赖方法放出来。

白开水丶·2024-01-28 12:40

uni-app 封装接口request请求

所以今天给大家分享一个在uni-app中如何封装一个request请求。第一步、根目录下新建config.js文件constconfig={base_url:'这

琉璃℡初雪·2024-01-28 12:40

uni-app 接口封装实现过期重新登录再重新请求业务接口

小程序中实现token过期重新登录再重新请求业务接口该方法用于小程序token两个小时后过期，重新获取token再请求接口1、新建一个封装请求接口文件，命名为request.js(我在utils文件夹下建request.js)，代码如下：letisRefreshing=true;letsubscribers=[];functiononAccessTokenFetched(){subscribers

爱宇阳·2024-01-28 12:39

uni-app 接口封装，token过期，自动获取最新的token

一、文件路径截图2、新建一个文件app.jslethost='http://172.16.192.40:8083/jeecg-boot/'//本地接口letmyApi={login:`${host}wx/wxUser/login`,//登录}module.exports=myApi3、新建一个文件request.jsimportmyApifrom'@/utils/app.js';exportcon

My&Liu·2024-01-28 12:09

uni.request接口封装；小程序uni-app接口封装

另一篇请求接口简单封装在api下的index.js本片资源下载地址本片封装了postgetput请求，重点在request.js文件1.新增四个文件2.根目录下的utils下的request.js封装uni.request()请求注意：需要根据自己接口的statusCode状态码、数据状态码return_code和提示信息return_message做对应替换需要更改公共地址需要注意store的t

i_am_a_div_日积月累_·2024-01-28 12:09

uni-app 接口封装 request + 请求拦截器 + 登录过期验证

目录api.js/***接口列表文件*///auth:true,是否带头//host:false斜杠后面是否跟参数exportdefault{wx:{login:{url:'接口地址',auth:false,method:'POST'},zslogin:{url:"接口地址",auth:false,method:'POST',host:true}},}index.jsimportRequestfr

落魄山林林·2024-01-28 12:09

uni-app请求接口封装

在common文件夹新建mAjax.jsmodule.exports={get:function(url,data,callback,contentType,headers){switch(contentType){case"form":varheaderObj={'content-type':'application/x-www-form-urlencoded',//'cookie':getAp

还是个小白·2024-01-28 12:09

生活方式大爆炸——出行工具篇

我从未象现在这样，认真观察生活方式的演变，细细回想这二十多年，变化翻天覆地，我的思维变化速度已赶不上时代变化的速度！今天说说出行工具。说到出行工具，常见的自行车、电动车、汽车、铁路、飞机……今天我看到大街小巷的共享单车，竟然有种不可思议的感觉，为什么慢的交通工具又变得更受欢迎？难道交通工具也有返璞归真的愿望！最早的自行车个头大，二八大杠的那种，我当年学自行车就是这种车，等我学会时家里那辆自行车也被

丝路家特·2024-01-28 09:23

uniapp-app使用富文本编辑器editor

使用的是uniapp内置组件的表单组件editor：editor组件|uni-app官网(dcloud.net.cn)文档上写的也不是特别详细，还以为得npm，但没npm也能用注意：editor不能封装为组件

白酱酱·2024-01-28 06:42

uniapp 实现路由拦截，权限或者登录控制

背景：项目需要判断token，即是否登录，登录之后权限参考uni-app官方：为了兼容其他端的跳转权限控制，uni-app并没有用vuerouter路由，而是内部实现一个类似此功能的钩子：拦截器，由其统一管理拦截器说明

Lan.W·2024-01-28 06:11

打卡第36天

收获1今天学习了《自主学习革命》工具篇1.4如何利用9种大脑构建工具来提高学习能力1和2，我看了好几遍才想了怎么去画思维导图，。

彩虹MOU·2024-01-28 05:20

前端同时上传json对象和MultipartFile文件

前端同时上传文件和对象_前端同时上传文件和json的解决方案-CSDN博客https://www.cnblogs.com/lgee/p/16963633.htmluni不提供表单uni-app上传文件报错解决方案

高树悲风·2024-01-28 04:32

Seventh 多端开发之uni-app起步

1.新建first-uni-app项目1.png项目初始目录2.png2.调整项目结构3.png3.配置pages.json{"pages":[//pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages{"path":"pages/index/index","style":{"navigationBarTitleText":

老婆日向雏田·2024-01-28 04:07

Vue基本指令 V-bind V-if V-on V-for + 其他 + Mustache语法(uni-app)

一、v-bind指令:动态绑定一个或者多个属性{{message}}//1.v-bind的基本用法百度一下//语法糖:简写:百度一下data(){return{baiduUrl:'http:www.baidu.com'message:'HelloWorld'}}---------------------------------------------------------------------

呆呆．·2024-01-28 03:14

uni-app学习与快速上手

文章目录一、uni-app二、学习与快速上手三、案例四、常见问题五、热门文章一、uni-appuni-app是一种基于Vue.js开发框架的跨平台应用开发框架，可以用于同时开发iOS、Android、H5

雪梅零落·2024-01-27 15:18

uniapp状态管理Vuex介绍及vuex核心概念

uni-app内置了Vuex什么是“状态管理模式”？

Qayrup·2024-01-27 13:57

Uni-app开发小程序踩坑笔记可关闭悬浮窗

场景近期工作中有一个需求，在小程序的多个页面添加一个可关闭的悬浮窗，这个悬浮窗结构简单，是由一张图片和一个关闭按钮组成，点击图片会跳转到活动页面的web-view。现在的需求是在某个页面关闭这个悬浮窗后，所有页面不再显示，直到下次进入小程序。问题需求看起来不是很难，只要在全局状态管理设置一个悬浮窗是否显示的状态即可，但实际开发中还是遇到了一些问题。也是小程序比较坑的一些地方。除非你重新进入小程序，

The 土川·2024-01-27 13:53

uni-app 微信小程序之红包雨活动

文章目录1.页面效果2.页面样式代码1.页面效果GIF录屏有点卡，实际比较丝滑每0.5s掉落一个红包控制4s后自动移除红包点击红包消除红包（或者自行+1，或者弹窗需求）2.页面样式代码exportdefault{data(){return{redEnvelopes:[],redEnvelopeInterval:null,}},onLoad(options){//每秒创建一个红包setInterva

范特西是只猫·2024-01-27 13:22

掌握可视化大屏：提升数据分析和决策能力的关键(下)

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app

阿珊和她的猫·2024-01-27 11:42

uni-app h5对接 thinkphp5接口跨域

uni-apph5对接thinkphp5接口跨域问题描述请求接口提示AccesstoXMLHttpRequestat'http://*******'fromorigin'http://localhost:8091'hasbeenblockedbyCORSpolicy:Responsetopreflightrequestdoesn'tpassaccesscontrolcheck:Itdoesnoth

疯癫居士·2024-01-27 08:36

uni-app隐藏scroll-view的滚动条

/*隐藏滚动条*/::-webkit-scrollbar{display:none;width:0!important;height:0!important;-webkit-appearance:none;background:transparent;}

Maoyy·2024-01-27 08:59

微信小程序和uni-app的区别

微信小程序和uni-app都是应用程序开发框架，它们都可以用来快速开发应用程序，但它们有一些不同之处：微信小程序：微信小程序是腾讯公司推出的一种无需下载安装即可使用的应用程序，用户只需要在微信中搜索或扫描二维码就可以打开并使用

无妄的罪·2024-01-27 05:27

【Uni-App】Vuex在vue3版本中的使用与持久化

Vuex是什么Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简而言之就是用来存数据，可以有效减少使用组件传参出现的问题。基本元素：store（里面存数据），mutation（里面修改数据），action（里面异步调用mutation来修改数据），getter（获取数据）以下是一个表示“单向数据流

RisunJan·2024-01-27 03:56

uniapp获取定位

在uni-app中获取用户的地理位置信息，主要涉及使用框架提供的API来获取当前设备的位置。

翱翔-蓝天·2024-01-27 01:01

uniapp组件库fullScreen 压窗屏的适用方法

警告由于uni-app的Bug，在最新版的HX2.8.6(包括之前的多个版本)，此功能(组件)无效，等到uni-app修复此Bug时，我们会撤销此通告。

TechWhiz-晓同·2024-01-26 20:53

uniapp项目搭建

目录uni-app项目搭建路由request工具封装UI组件如何引入uni-app项目搭建什么是uni-appuni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS

qq_27169469·2024-01-26 19:49

Linux--基础开发工具篇（1）（yum）

1.Linux软件包管理器yum1.1yum是什么？什么是软件包？yum是什么？yum是一个软件下载安装管理的一个客户端，就如小米应用商店，华为应用商城。Linux中软件包可能有依赖关系--yum会帮助我们解决依赖关系的问题。什么是软件包？在Linux下安装软件,一个通常的办法是下载到程序的源代码,并进行编译,得到可执行程序.但是这样太麻烦了,于是有些人把一些常用的软件提前编译好,做成软件包(可以

momo小菜pa·2024-01-26 19:10

uni-app App端的微信分享文字格式（类似淘宝商品复制链接）

1.试用商品购买，类似淘宝商品复制链接如图：image.png2.分享到微信好友与朋友圈代码如下：scene属性值WXSceneSession分享到聊天界面WXSceneTimeline分享到朋友圈WXSceneFavorite分享到微信收藏/**分享到微信*/shareWeChat(){varshareText='【'+this.goodsBean.name+'】'+'##长按复制此条消息，打开

郭的妻·2024-01-26 13:17

uni-app判断客户端环境是 Android、iOS 还是小程序开发工具

在百度小程序开发工具、微信小程序开发工具、支付宝小程序开发工具中使用uni.getSystemInfoSync().platform返回值均为devtoolsswitch(uni.getSystemInfoSync().platform){case'android':console.log('运行Android上')break;case'ios':console.log('运行iOS上')brea

Dove言和·2024-01-26 12:42

测试开发之路 (工具篇)--assertJ-db 科普

前言今日我们看看java大名鼎鼎的assertj是怎么做断言的数据库断言在实际的测试中我们总是跟业务打交道的。跟业务打交道一般很难避免验证数据库中的东西。尤其在接口测试中，一个常见的例子是你测试一个下单的接口。接口返回可能就是成功过或者失败。你无法从返回值中判断订单的细节是否创建成功。这时候一般要查询数据库做断言。demo来看一下例子。Requestsql=newRequest(dataSourc

孙高飞·2024-01-26 10:02

uni-app之网络请求解决跨域

一：uniapp网络请求第一步：新建uni-app项目第二步：在npmjs中下载第三方包（用于请求）安装步骤链接如下：@escook/request-miniprogram-npm1、打开uniapp项目的终端输入

bsegebr·2024-01-26 10:06

uni-app(微信小程序、钉钉小程序)打开第三方地图：uni.openLocation的使用

小白_ysf·2024-01-26 07:17

uni-app的热更新功能

本功能结合一个大佬的功能，进行修改，此本也感谢大佬指点；importconfigfrom"./config.js"varUpdateVersion=function(){this.version=config.versionthis.updateApi=config.downloadthis.runEnv=config.runEnv}UpdateVersion.prototype={//版本号对比

甘道夫老矣·2024-01-25 23:47

UniApp 项目中配置环境变量

参考官方文档uni-app项目中配置环境变量主要有如下三种方式首先修改package.json文件"uni-app":{"scripts":{"mp-test":{"title":"测试环境","env

赵哥窟·2024-01-25 22:23

学习资料： uni-app HBuilderX

编译器：HBuilderXHBuilderX-高效极客技巧uni-app介绍：uni-app官网uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android

javaGHui·2024-01-25 18:11

uni-app 国际化

vuei18nv9的迁移后的$t()无法获取数组、对象http://t.csdnimg.cn/WkCHy[intlify]Notfound‘language’keyin‘zh-Hans’localemessages.[intlify]Fallbacktotranslate‘language’keywith‘zh’locale.[intlify]Notfound‘language’keyin‘zh’

javaGHui·2024-01-25 18:10

swagger可以获取数据，uni-app获取不到数据的原因

今天调接口写代码的时候，用swagger调用后端接口可以获取数据，而用uni-app写的post请求，虽然成功调到了接口却获取不到数据。

wuqingdepiaoke·2024-01-25 17:17

uni-app项目创建、配置数据库、整合SSM框架、自定义异常类和封装结果集、集成swagger、后端验证功能、抵御跨站脚本攻击等

学习内容：uni-app项目创建、配置数据库、整合SSM框架、自定义异常类和封装结果集、集成swagger、后端验证功能、抵御跨站脚本攻击、shiro框架和JWT技术思维导图程序目录结构wx.aoppackagecom.example.emos.wx.aop

Yodng·2024-01-25 16:16

uni-app之引用阿里字体库

1、阿里字体库的网址：https://www.iconfont.cn/2、选择微博账号登录3、开始挑选图标到购物车将图标挑选到购物车打开购物车，可以看到挑选的图标可以将图标加入自己创建的项目里面点击上图的“确定”按钮后，可以跳转到自己项目里面的图标或者从“资源管理--我的项目”，可以跳转到自己项目里面的图标4、编辑图标编辑图标的前缀编辑图标的颜色、名称5、下载阿里字体库阿里字体库的下载按钮下载后的

Cute_小肥鸡·2024-01-25 16:19

uniapp+vue3+ts --微信小程序tab导航可以上下滚动选中选项组件代码

———const{proxy}=getCurrentInstance()asanyimportcachefrom'@/utils/cache'import{onShow}from'@dcloudio/uni-app

小小黑007·2024-01-25 10:06

uniapp子组件onReachBottom、onPageScroll不触发

那么第一级一定要加一下代码import{onReachBottom}from'@dcloudio/uni-app';//触底onReachBottom(()=>{})第二第三级可以为空。

烂不烂问厨房·2024-01-25 10:04

【仿网易云H5部署】Nodejs后台 + uniapp前台部署

前言之前在b站跟着学习写了前锋的uniapp项目,在这里记录一下H5版本的部署上线的过程.这是该项目的b站链接:【千锋教育】前端项目_uni-app入门到实战项目之《仿网易云音乐》_哔哩哔哩_bilibili

想跳上月球·2024-01-25 06:15

uni-app导航栏自定义“返回按钮”多种方法设置原生返回

方法一、导航栏返回按钮事件onBackPress监听页面返回，返回event={from:backbutton、navigateBack}，backbutton表示来源是左上角返回按钮或android返回键；navigateBack表示来源是uni.navigateBack；详见app、H5、支付宝小程序onBackPress(){this.back1();returntrue;},methods

abiao1981·2024-01-25 06:37

推荐频道

uni-app工具篇