uni-app源码系列第6页

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

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

前端同时上传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

阅读go语言工具源码系列之gopacket（谷歌出品）----第二集 layers-巧妙的抽象与无聊的协议包

上一集中我们讲到了wpcap.dll的go封装方法，对于linux系统下libpcap的go封装采用的是常用的cgo方式，想了解的可以看看pcap文件夹中的pcap_unix.go。我们得到了wpcap.dll的go调用，就可以利用它来进行列举所有网络设备，例如以下代码packagemainimport("fmt""github.com/google/gopacket/pcap""log")//得

伏虎山真人·2024-01-26 21:08

阅读go语言工具源码系列之gopacket（谷歌出品）----第一集 DLL的go封装

gopacket项目是google出品的golang第三方库，项目源码地址google/gopacket:ProvidespacketprocessingcapabilitiesforGo(github.com)gopacket核心是对经典的抓包工具libpcap(linux平台)和npcap(windows平台)的go封装，提供了更方便的go语言操作接口，里面如何实现的，接下来的文章中会有介绍。

伏虎山真人·2024-01-26 21:36

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

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

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

Spring手撸源码系列-给Bean对象注入属性

上一章是给Bean对象注入构造参数，这一章就来实现给Bean对象注入属性，一般来说类有构造方法也会有全局变量的属性，那么我们在创造的时候就需要注入进来，不能不管，这样才是一个完整的创建对象。对于属性的创建除了基本类型也会有引用类型，引用其他的Bean对象等等都要考虑。1.工程目录标红的是新添加的├─src│├─main││├─java│││└─com│││└─spring│││└─sourceco

PromisingGirl-Du·2024-01-25 18:02

学习资料： 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

webpack 核心武器：loader 和 plugin 的使用指南（下）

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

阿珊和她的猫·2024-01-24 21:50

ccm-esn-uniapp社区团购商城

商城前端使用uni-app开发,可打包部署到微信小程序,APP,H5，系统后台则是用javaspringboot开发。

神码观察·2024-01-24 20:59

深入Hotspot源码与Linux内核理解NIO与Epoll

前言距离上一次发布文章将近半年左右了，具体为什么停更，说实话一部分原因是去年10月1放假之后我玩疯了....另外一部原因是总感觉文章写到一定地步之后，我有点不知道写什么了，去年主要更新的是Spring源码系列的文章

JAVA程序·2024-01-24 18:35

uni-app 小程序开发项目搭建

前言官网（搭建指南）：https://uniapp.dcloud.io/quickstart-cli在上手开发小程序之前，先去uni-app官网浏览下，熟悉下官网。

Windyluna·2024-01-24 17:07

vue开发ui框架（app，后台管理系统,移动端）及插件

一、uni-app(app混合开发)uni-app是一个使用Vue.js开发跨平台个人文库应用的前端框架，开发者编写一套代码，可编译到的iOS，安卓，H5，小程序等多个平台。

晨曦迫晓·2024-01-24 14:09

【uni-app填坑】H5跨域请求问题的解决办法

一通·2024-01-24 13:46

uni-app:使用uni.downloadFile下载文件并保存到手机

在uni-app中下载文件需要先获取文件的临时路径，然后再进行保存，才算下载成功：//#ifdefAPP-PLUSconstdownloadTask=uni.downloadFile({url:'http

流丶年丶·2024-01-24 13:21

uni-app开发公众号和小程序获取用户code，如何判断用户是公众号端还是小程序端

https://uniapp.dcloud.io/platformuni-app的跨端兼容地址获取公众号的codebutton和获取用户信息是一起用的获取小程序的code,必须要用微信提供的button来获取,让用户自己点击授权附上链接https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.

洋葱_cbb5·2024-01-24 10:22

uni-app 获取PAD激光测温方式（uni-app安卓获取广播内容）

直接在onload执行下列代码varmain=plus.android.runtimeMainActivity();//获取activityvarcontext=plus.android.importClass('android.content.Context');//上下文varreceiver=plus.android.implements('io.dcloud.feature.interna

前端小吕·2024-01-24 07:51

基于GPT3.5逆向和本地Bert-Vits2-2.3 的语音智能助手

GPT3.5网页版的逆向和本地BertVits2-2.3文字转语音，能实现的事情感觉还挺多，目前实现【无需，国内网络发送消息，返回答案文字和语音】，网站已上线并未公开链接，以下是演示GIF：二、操作步骤前端使用uni-app

佩洛君·2024-01-24 07:56

uni-app 接口封装微信小程序token 过期无痕获取

app.js页面//测试服务//lethost="http://192.168.1.166:8823/jeecg-boot"letmyApi={//登录loginUrl:`${host}/wx/wxUser/login`,//解密手机号getPhoneNo:`${host}/wx/wxUser/getPhoneNo`,//增加设备}module.exports=myApirequest.js页面i

My&Liu·2024-01-24 06:44

推荐频道

uni-app源码系列