uni-app源码系列第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

RocketMQ源码(26)—DefaultMQPushConsumer事务消息源码【一万字】

不出意外的话，这将是RocketMQ源码系列的最后一篇文章，如有其他没分析到的想看的源码，可以给我说。感谢大家看到最后，祝大家学业有成，工作顺利

刘Java·2023-11-22 00:57

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快速上手

规范接口能力靠近微信小程序规范但需将前缀wx替换为uni数据绑定及事件处理同Vue.js规范同时补充了App及页面的生命周期为了兼容多端运行建议使用flex布局推荐使用rpx单位（750设计稿）main.jsmain.js是uni-app

_聪明勇敢有力气·2023-11-21 13:43

【uniapp】真机运行访问电脑本地接口127.0.0.1网络失败（亲测有用！！）

uni-app运行到手机上，提示request:failabortstatusCode:-1Failedtoconnecttolocalhost/127.0.0.1:8080_ChangYan.的博客-

cc蒲公英·2023-11-21 13:01

uni-app小程序开发使用uView，u-model传入富文本内容过长，真机上无法滚动

uni-app小程序开发使用uView，u-model传入富文本内容过长，真机上无法滚动找到u-model插件，在slot内容的外层自定义加入一个scroll-view标签，设置scroll-y=“true

嘿，小苹果·2023-11-21 12:27

用vue写一个随着滚动高度而高亮的效果

vscode中写一套代码先滑动高亮上效果图1.在hbuilder中小程序的代码{{item.label}}import{onLoad,onShow,onPageScroll}from'@dcloudio/uni-app'importthrottlefrom

haodanzj·2023-11-21 08:01

uni-app跨端开发微信小程序之手把手带你写一个用程序自动打开微信开发者工具的小插件

在昨天的文章《uni-app跨端开发微信小程序之HBuil

yilingsj·2023-11-21 05:11

vue uni-app 上传图片图片压缩优化

点击上传图片import{compressImg}from'../../utils/util.js'公用的图片压缩路径methods:{ChooseImage(){letthat=thisuni.chooseImage({count:1,sizeType:['original','compressed'],//可以指定是原图还是压缩图，默认二者都有sourceType:['album'],//从相

北境程序员·2023-11-21 05:09

vue在uni-app递归组件的使用

vue/uni-app微信小程序是可以使用递归组件的使用方法和在vue中不一样，不能直接使用name引入，需要在组件中再次引用这是我在components下定义的组件managerListBox.vue

小鬼bustern·2023-11-21 05:08

uni-app自定义组件的注册和调用

uniapp自定义组件的注册easycom规范components/组件名/组件名.vuepageHead.vue组件注册{{title}}---{{detail}}exportdefault{name:"pageHead",props:{title:{type:String,default:"hello"},detail:{type:String,default:"你好"}},created()

光明有我16620122910·2023-11-21 05:08

uni-app学习

1、摸鱼唠嗑1.1加载中的loading框之前做项目的时候太着急就没做请求时加载的动画效果，今天看官网的时候突然发现有自带的api组件，用的还不错，但是官网也有大写的注意：showToast和showLoading是底层同一个（按的小程序的设计），所以showToast和showLoading会相互覆盖，而hideLoading也会关闭showToast,解决办法：就是尽量使用其中一个就可以了，避

SanErYa_·2023-11-21 05:37

uni-app在子组件中更新父组件传入的数据，视图不更新

原因：问题出现在子组件props里传入的属性是没有进行双向绑定的解决办法：1.在data里定义一个属性等于props传入的属性然后进行操作2.在要迭代的view组件外包裹一层带v-if属性的view组件,对v-if绑定的数据进行赋值false再赋值true,来重建view组件以达到视图更新的目的.

lxx-sissi·2023-11-21 05:37

推荐频道

uni-app源码系列