uni-app修炼之路第21页

uni-app使用rem单位布局

问题描述：一般使用uni-app是开发移动端，但是根据需求需要开发pc端又想用uni-app的技术，pc端使用rpx会出现不兼容，所有使用rem布局；解决思路：uni-app提供了可以设置html标签字体的组件

击败不可能·2023-11-25 01:19

uniapp视频倍速播放插件，uniapp视频试看插件——sunny-video使用文档

热爱sunny·2023-11-24 22:21

uni-app基础知识

发展DCloud于2012年开始研发小程序技术，优化webview的功能和性能，并加入W3C和HTML5中国产业联盟。2015年，DCloud正式商用了自己的小程序，产品名为“流应用”，它不是B/S模式的轻应用，而是能接近原生功能、性能的App，并且即点即用，第一次使用时可以做到边下载边使用。为将该技术发扬光大，DCloud将技术标准捐献给工信部旗下的HTML5中国产业联盟，并推进各家流量巨头接入

我是Dreamer啊·2023-11-24 22:14

小程序可拖拽按钮

在使用uni-app开发小程序时，会发现这个功能实现起来很简单。movable-areauni-app中有这样一个内置组件，它可以定义一个可以拖动

我是Dreamer啊·2023-11-24 22:37

HTTP/2：多路复用、服务器推送和首部压缩的革命

CSDN个人主页牛客高级专题作者、在牛客打造高质量专栏《前端面试必备》蓝桥云课签约作者、已在蓝桥云课上架的前后端实战课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app

阿珊和她的猫·2023-11-24 21:43

uniapp时间选择器

要实现时间选择器可以使用uni-app提供的组件picker，它可以用于选择器、时间选择器、日期选择器等场景。

m0_黎明·2023-11-24 21:27

uni-app 微信小程序 onReachBottom 不生效

问题描述：uni-app微信小程序，页面滑到底部，onReachBottom没有生效代码：pages.json配置{"path":"","style":{"navigationBarTitleText"

叶子_o·2023-11-24 20:31

uni-app获取节点的相关信息

获取单个节点：selectorQuery.select(selector)在当前页面下选择第一个匹配选择器selector的节点，返回一个NodesRef对象实例，可以用于获取节点信息。selector说明：selector类似于CSS的选择器，但仅支持下列语法。ID选择器：#the-idclass选择器（可以连续指定多个）：.a-class.another-class子元素选择器：.the-pa

T3165919332·2023-11-24 18:04

uni-app获取系统信息（手机牌子、手机型号、屏幕宽度、屏幕高度）

手机型号console.log(res.screenWidth)//屏幕宽度console.log(res.screenHeight)//屏幕高度}).exec()}});如下官网链接：系统信息的概念|uni-app

T3165919332·2023-11-24 18:34

uni-app 微信小程序 map marker label text-align无效无法居中

效果markers.push({id:markerId,width:35,height:35,joinCluster:true,powerStationId:item.id,latitude:item.latitude,longitude:item.longitude,iconPath:json.status===1?`${baseUri}/app/file/img/ps_online.png`:

蓝之静云·2023-11-24 15:11

在uniapp中使用路由拦截器实现登录校验和页面跳转路由守卫

在uniapp中使用路由拦截器实现登录校验和页面跳转路由守卫1、添加路由拦截器在Uni-app中，使用路由拦截器可以在路由跳转前进行一些操作，例如登录校验。

csdndddsd·2023-11-24 09:24

flutter，uni-app开发调试ios

一、申请ios开发者账号二、ios开发者配置ios开发者需要配置的地方https://developer.apple.com/account/resources/certificates/listCertificates（证书）:作用：证书用于对应用程序和开发者进行身份验证，确保安全性和可信度。开发者需要创建开发者证书和应用程序分发证书，并将其用于签署应用程序的不同阶段。Identifiers（标

八分钟de温暖·2023-11-24 08:28

uni-app 跨端开发注意事项

文章目录前言H5正常但App异常的可能性标题二H5正常但小程序异常的可能性小程序正常但App异常的可能性小程序或App正常，但H5异常的可能性App正常，小程序、H5异常的可能性使用Vue.js的注意区别于传统web开发的注意H5开发注意微信小程序开发注意支付宝小程序开发注意百度小程序开发注意各家小程序的浏览器内核不同，会造成css兼容性问题iOS的webview有uiwebview和wkwebv

鋜斗·2023-11-24 07:07

关于uni-app里使用uni-calendar的弹出模式时时间不可选择的处理

关于uni-app里使用uni-calendar的弹出模式时时间不可选择的处理，还设置了日历可选择的有限时间和选择时的文字标注关于uni-app里使用uni-calendar的弹出模式时时间不可选择的处理最近在开发智慧公寓移动端时时需要有使用日历选择订房日期的功能

敲键盘的嘀嘀嘀·2023-11-24 03:59

uni-app入门详解

1uni-app学习1.1什么是uni-appuni-app是一个使用Vue.js语法来开发所有前端应用的框架（也称之为全端开发框架）技术栈：JavaScript，vue，微信小程序，uni-app1.2有哪些uni-app

aaronzhou92·2023-11-23 21:32

uni —app 录音_uniapp如何实现录音功能

实现的，代码为[methods:{startrecord(){console.log('；开始录音'；);this.recordermanager].本教程操作环境:windows7系统，uni-app

weixin_40001025·2023-11-23 20:25

uni-app中的button按钮，去掉默认的灰色边框

点赞已关注效果如下想要去掉默认的灰色边框，加上自己要的样式，需要修改如下代码//这里是去掉边框的uni-button:after{border:none;}//这里是对整体按钮定义样式uni-button{border-radius:$border-radius-sm;line-height:40rpx;font-size:24rpx;}//实心按钮.blue-btn-fill{backgroun

lemontree-xy·2023-11-23 18:30

抖音汽车租赁小程序技术指南：开发高效便捷的租赁系统

目前，主流的小程序框架有微信原生小程序框架、Taro、uni-app等。开发者应根据项目需求、团队技术栈和开发习惯选择适合的框架，确保在开发过程中能够高效地调试和维护

万岳科技程序员小金·2023-11-23 15:36

uni-app 使用uni.getLocation获取经纬度配合腾讯地图api获取当前地址

前言最近在开发中需要根据经纬度获取当前位置信息，传递给后端，用来回显显示当前位置查阅uni-app文档，发现uni.getLocation()可以获取到经纬度，但是在小程序环境没有地址信息思考怎么把经纬度换成地址

-風过无痕·2023-11-23 13:34

uni-app小程序 swiper 分页器样式修改

小程序中使用wx-swiper-dot和wx-swiper-dot-active选择器H5中使用uni-swiper-dot和uni-swiper-dot-active选择器.swiper{height:408px;margin-bottom:28rpx;::v-deep.uni-swiper-dot{background:#e7e7e7;&.uni-swiper-dot-active{backg

陌上烟雨寒·2023-11-23 12:11

uni-app（1）pages. json和tabBar

第一步在HBuilderX中新建项目填写项目名称、确定目录、选择模板、选择Vue版本：3、点击创建第二步配置pages.json文件pages.json是一个非常重要的配置文件，它用于配置小程序的页面路径、窗口表现、导航条样式等信息。右键点击pages，按照如下操作效果如下图：my.vue文件代码：页面内容exportdefault{data(){return{}},methods:{}}第三步在

时针滴滴答啊·2023-11-23 12:33

【uni-app】uniapp中弹出输入框的示例

uni.showModal({title:'请输入企业名称',content:'',editable:true,//是否显示输入框placeholderText:'请输入企业名称',//输入框提示内容confirmText:'确认',cancelText:'取消',success:(res)=>{if(res.confirm){this.checkDesc.name=res.content;//c

敦厚的曹操·2023-11-23 12:31

用 Android Studio 打包 uni-app 的安卓apk；手把手教程、巨详细避坑

Uni-app离线打包apk1.AndroidStudio下载AndroidStudio官网2.HBuilderX下载HBuilderX下载3.App离线SDK下载Android离线SDK-正式版下载后解压文件

itxcr·2023-11-23 12:31

HBuildlerX uni-app项目运行微信报错：? Enable IDE Service (y/N) [27D[27C、支付宝小程序开发者工具的配置

1.HBuildlerX中选择工具-->设置，打开Settings.json配置文件，选择“运行配置”，按照微信、支付宝小程序开发者工具路径中的下载地址，下载安装后，分别“浏览”选择安装路径：2.关闭Settings.json配置文件，选中要运行的项目目录，分别运行微信、支付宝小程序开发者工具：3.运行微信开发者工具时，遇到下面的问题：[微信小程序开发者工具]?EnableIDEService(y

每一天，每一步·2023-11-23 09:56

uni-app，实现上拉分页onReachBottom不生效问题

//pages.json中设置onReachBottomDistance【页面上拉触底事件触发时距页面底部距离，单位只支持px，默认50】{"path":"pages/test","style":{"navigationBarTitleText":"测试页面","onReachBottomDistance":100}},//pages/testonLoad(){},//监听页面刷到底，触底以后调用

简cere·2023-11-23 03:38

uni-app 上拉加载函数 onReachBottom 不触发

问题：uni-app上拉加载函数不触发。首先我已经在pages.json文件中配置了enablePullDownRefresh为true，且配置正确。

Smile.ls·2023-11-23 03:05

uniapp开发小程序解析经纬度获取当前位置信息（腾讯地图二）

webserviceAPI服务下载小程序SDK腾讯地图小程序文档sdk微信后台配置请求request域名小程序管理后台详细步骤1.下载解压后的qqmap-wx-jssdk.js文件放到项目中，然后在页面引入使用[uni-app

爱吃鱼的酱酱仔·2023-11-23 00:09

uni-app中使用微信js-sdk(个人笔记)

开发前必读：JS-SDK说明文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。例子为在vue中使用微信JS-S

kevision·2023-11-22 23:17

uni-app：封装组件 2022-05-06

通过uni-app的easycom：将组件引入精简为一步。只要组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。

追逐繁星的阿忠·2023-11-22 17:56

uniapp 给小程序添加分享功能

在Uni-app中，要为小程序添加分享功能，你可以通过使用小程序的自定义分享组件或通过配置页面的分享信息来实现。下面我将分别介绍这两种方法。

佛天华·2023-11-22 16:28

移动端uni-app富文本源码

话不多说，先看效果：源码如下：exportdefault{data(){return{readOnly:false,formats:{},timer:null,}},props:["store_detail"],mounted(){this.onEditorReady()//将数据渲染到富文本内this.timer=setInterval(()=>{if(this.store_detail){cl

qq_51819142·2023-11-22 16:54

uniapp 富文本以及移动端富文本的展示问题

富文本展示有几种方式:1.2.uniapp自带组件rich-textrich-text|uni-app官网3.uView组件u-parseParse富文本解析器|uView2.0-全面兼容nvue的uni-app

前端小胡兔·2023-11-22 16:50

HBuilderX真机模拟uni-app项目 + 上架应用市场

一、安卓真机模拟手机电脑下载360手机助手荣耀手机示例：手机电脑数据线连接，手机端敲7下版本号（关于手机->版本号）系统与更新里出现开发人员选项，打开开发人员选项，打开USB调试，选择USB配置RNDIS（USB以太网）！！！我的手机不开RNDIS会出现手机电脑无法用数据线连接情况。电脑端运行到手机或者模拟器，手机端会相应下载HBuilder允许即可。然后就可以在手机真机操作，电脑控制台看报错了。

lucky_hahaha·2023-11-22 14:39

vue3 uniapp h5 安卓和iOS开发适配踩坑记录

font-size适配屏幕大小及iOS和安卓状态栏及安全距离的处理App.vueimport{onLaunch,onShow,onHide}from"@dcloudio/uni-app";import'

HerayChen·2023-11-22 14:33

nvue的踩坑小总结

最近我在用uni-app做一个app，涉及到了类似抖音的那种播放视频。我在网上找了个别人讲解相关内容的博客，用.vue的文件照着敲下来，在小程序上可以运行，美滋滋。

努力学前端的南宫·2023-11-22 13:30

uniapp 富文本rich-text 网络gif不渲染

直接使用后如下：rich-text|uni-app官网代码贴上。很明显，渲染出来的gif并不符合预期。然后一顿搜索，在官网论坛处得知，rich-text不支持gif。

乡下小菜鸟·2023-11-22 11:42

uni-app——picker组件的用法、时间、日期选择器等

一、简介相信大家在写项目的时候会遇见时间选择器的效果，如下：二、实现步骤uni自带选择器组件。类型有好几种。这里以日期案例讲解。1.找到picker组件，找到日期选择器的案例，找到案例，复制出来。2、整体代码{{date}}exportdefault{data(){constcurrentDate=this.getDate({format:true})return{date:currentDate

耶啵奶膘·2023-11-22 09:10

uni-app 门票日历选择器

界面：原始组件：uni-calendarpages/calendar/calendar.nvue·········data(){return{showCalendar:false,info:{lunar:true,range:true,insert:false,selected:[]},priceDate:[{date:"2020-12-22",month:"12",days:"22",price

qq_28404381·2023-11-22 09:30

uni-app中设置日期选择器的结束日期为当前日期

绑定数据{{birthday}}在中封装获取当前日期的函数注意：以下代码段与exportdefault同级varcurrentdate="";functiongetNowFormatDate(){vardate=newDate();varseperator1="-";varyear=date.getFullYear();varmonth=date.getMonth()+1;varday=date.

lijingjingjing22·2023-11-22 09:54

uni-app - 日期 · 时间选择器

目录1.基本介绍2.案例介绍①注意事项：②效果展示3.代码展示①view部分②js部分③css样式1.基本介绍从底部弹起的滚动选择器。支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。2.案例介绍①注意事项：当选择时间和日期的时候会默认直接展示当前的时间和当天的日期②效果展示3.代码展示①view部分面试日期{{DateVal

秃头馒头·2023-11-22 09:18

uni-app 小程序分包

首先在对应平台的配置下添加"optimization":{"subPackages":true}开启分包优化在manifest.json文件的源码视图里/*小程序特有相关*/"mp-weixin":{"optimization":{"subPackages":true},//这儿"appid":"wx35c2bd33c8612246","setting":{"urlCheck":false,"es

变量只提升声明不提升赋值·2023-11-22 07:48

使用HBuilder-X创建uniapp项目并启动演示

官方网址：https://www.dcloud.io/一、创建项目依次点击文件->新建->项目：接着：点击uni-app填写项目名称选择项目路径选择项目模版，我这里选择默认选项Vue的版本点击创建项目项目创建完成

爱吃雪糕的小布丁·2023-11-22 06:53

关于阿里云与mangoDB的关系，以及uni-app基于阿里云打包H5以及app的讲解及注意事项

目录被称为全球领先的阿里云阿里云数据库与mongoDB的关系什么是mongoDB阿里云与mongoDB达成战略合作伙伴关系的意义什么是uni-app优点本地云函数的上传关于H5打包并打包并发布上线以及域名的配置第一步

lqj_本人·2023-11-22 01:41

一篇带你走进Vue+阿里云的uni-app开发（HBuilder X开发版）

lqj_本人·2023-11-22 01:40

uniapp微信小程序canvas生成简单海报并下载

话不多说先贴文档uni-app官网其实该文档和微信小程序类似最终效果，微信小程序可用，一个一个代码敲出来的。

三线码工·2023-11-22 00:54

详解vue或uni-app的跨域问题解决方案

常见解决方案有两种服务器端解决方案服务器告诉浏览器：你允许我跨域具体如何告诉浏览器，请看：//告诉浏览器，只允许http://bb.aaa.com:9000这个源请求服务器$response->header('Access-Control-Allow-Origin','http://bb.aaa.com:9000');//告诉浏览器，请求头里只允许有这些内容$response->header('A

莫比乌斯的日落·2023-11-21 21:35

uni-app:实现request请求的递归（设置request请求的访问次数），并且调用自定义方法给出返回值

一、效果展示失败效果成功效果二、写入后端请求部分分析①自定义一个模块common.js主要用于封装所有的请求函数②核心代码functionrequestWithRetry(cmd,username,password,retryCount){returnnewPromise((resolve,reject)=>{uni.request({url:ip+'sys/user/login',data:{c

雯0609~·2023-11-21 21:27

uni-app:前端实现心跳机制（全局）+局部页面控制心跳暂停和重新心跳

一、App.vue全局中写入心跳在data中定义变量heartbeatTimer，便于暂停心跳使用在onLaunch中引用开始心跳的方法startHeartbeat()写入开始心跳方法写入暂停心跳方法写入请求后端刷心跳机制定义变量//在全局设置的心跳机制中添加一个变量来保存定时器的标识data(){return{heartbeatTimer:null};},在应用初始化时启动心跳onLaunch:

雯0609~·2023-11-21 21:52

uni-app - 弹出框

目录1.基本介绍2.原生uinapp通过uni.showActionSheet实现3.使用组件Popup弹出层③效果展示1.基本介绍弹出框让我们在需要时在屏幕底部弹出一个菜单，它通常用于在各种应用程序中进行选择操作。Uniapp为我们提供了基本的底部弹出框组件，但它也有一些自定义功能。弹出框组件由两个主要组成部分组成：触发元素和弹出框。触发元素通常是一个按钮或其他形式的UI元素，它与弹出框逻辑相互

秃头馒头·2023-11-21 15:58

uni-app 使用uview上传头像组件

点击图片上传头像created(){//监听从裁剪页发布的事件，获得裁剪结果uni.$on('uAvatarCropper',path=>{this.avatar=pathuni.uploadFile({url:`url`,filePath:this.avatar,name:'file',method:'POST',header:{'token':'111'},complete:(res)=>{l

安徒生1997·2023-11-21 15:50

推荐频道

uni-app修炼之路