UNI-APP开发笔记第6页

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

鸿蒙开发笔记(二十九): 通知

HarmonyOS通过ANS（AdvancedNotificationService，通知系统服务）对通知类型的消息进行管理，支持多种通知类型，如基础类型通知、进度条类型通知。1.通知业务流程通知业务流程由通知子系统、通知发送端、通知订阅端组成。一条通知从通知发送端产生，通过IPC通信发送到通知子系统，再由通知子系统分发给通知订阅端。通知发送端：可以是三方应用或系统应用。开发者重点关注。通知订阅端

ZWaruler·2024-01-28 15:32

鸿蒙开发笔记(三十): 网络与连接

网络管理模块主要提供以下功能：HTTP数据请求：通过HTTP发起一个数据请求。WebSocket连接：使用WebSocket建立服务器与客户端的双向连接。Socket连接：通过Socket进行数据传输。使用网络管理模块的相关功能时，需要请求相应的权限。1.HTTP数据请求应用通过HTTP发起一个数据请求，支持常见的GET、POST、OPTIONS、HEAD、PUT、DELETE、TRACE、CON

ZWaruler·2024-01-28 15:32

鸿蒙开发笔记(二十八): 性能提升常用方法

1.使用数据懒加载--分页加载开发者在使用长列表时，如果直接采用循环渲染方式，如下所示，会一次性加载所有的列表元素，一方面会导致页面启动时间过长，影响用户体验，另一方面也会增加服务器的压力和流量，加重系统负担。@Entry@ComponentstructMyComponent{@Statearr:number[]=Array.from(Array(100),(v,k)=>k);//构造0-99的数

ZWaruler·2024-01-28 14:31

鸿蒙开发笔记(二十七): 交互事件--手势

1.绑定手势方法1.1gesture（常规手势绑定方法）.gesture(gesture:GestureType,mask?:GestureMask)gesture为通用的一种手势绑定方法，可以将手势绑定到对应的组件上。例如，可以将点击手势TapGesture通过gesture手势绑定方法绑定到Text组件上。//xxx.ets@Entry@ComponentstructIndex{build()

ZWaruler·2024-01-28 14:27

JSON开发笔记（四）—— JSON Schema实战（下）

1.JSONSchema第三方辅助工具JSONSchema已经有众多基于不同语言实现的第三方辅助工具可以使用，具体情况可以查看官网上的说明：http://json-schema.org/implementations。在这些第三方工具里面，我们本次着重分析Java语言可以使用的第三方工具。目前，Java主要有以下第三方工具可以选择：json-schema-validator-supportsver

程序员之路·2024-01-28 12:44

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

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

Django学习之小试牛刀

六、Django学习之小试牛刀其他关于PythonWeb开发笔记：（如果遇到问题可以一起交流~）一、Flask学习之HTML-CSDN博客二、Flask学习之CSS-CSDN博客【接上篇】二、Flask

爱敲代码的panda·2024-01-28 06:49

老齐django实战第二版_博客开发笔记

1.博客系统1.1.环境配置python==3.6.5django==2.1.4gitclonehttps://github.com/django/django.git【github写的源码，仅供参考】创建项目的2种命令：django-adminstartprojectmysite（常用）django-adminstartprojectmysite.（不常用，指在当前目录下创建）1.2.注册app

攀登者ken·2024-01-28 05:53

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

Python-web开发学习笔记（2）--- HTML基础

先回顾一下上一篇文章：Python-web开发学习笔记（1）---HTML基础_pythonweb开发笔记_尚拙谨言的博客-CSDN博客中讲了哪几个常用的HTML标签：：头声明：网页标题~：内容标题：块级标签

五点钟科技·2024-01-27 14: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

OpenAI ChatGPT-4开发笔记2024-07：Embedding之Text Similarity文本相似度

aiXpert·2024-01-27 06:08

微信小程序和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

EPSON RX8900SA/CE 时钟芯片开发笔记

文章资料来源：《Epson（爱普生）RX8900SA_RX8900CE实时时钟模块应用手册》一、模块简介I2C总线接口实时时钟模块RX8900SA/CE内置32.768kHzDTCXO，稳定性高（DigitalTemperatureCompensatedX'tal(crystal)Oscillator数字温度补偿晶体振荡器，指对振荡谐振器因温度而产生的频率变化进行补偿的晶体振荡器与振荡电路，以便获

AeeeSs·2024-01-26 23:30

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

mysql开发笔记

函数find_in_set//用法find_in_set(str,strlist)//举例select*fromtablewherefind_in_set('1',ids);//这样mysql就会把ids的值，按照逗号分隔的一个个元素去匹配。//如果有多个使用orselect*fromtablewherefind_in_set('1',ids)orfind_in_set('2',ids);

胸中有沟壑·2024-01-26 18:52

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

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

推荐频道

UNI-APP开发笔记