uni-app修炼之路

跨平台开发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.showLoading(),只能使用 uni.hideLoading() API关闭呢？

uni-app交互API大坑前言：说好的uni.showLoading()，只能使用uni.hideLoading()API关闭呢？
qq_44467976·2023-11-21 05:07

开发仿抖音APP遇到的问题和解决方案

uni-app如何引入阿里矢量库图标/uniapp中引入iconfont文件报错文件查找失败uni-app如何引入阿里矢量库图标-知乎uniapp中引入iconfont文件报错文件查找失败：‘.
王家视频教程图书馆·2023-11-21 05:36

uni-app注册 page-head

初次使用uni-app，随便写了个测试，遇到了bug翻译了一下，组件注册正确吗?对于递归组件，请确保提供“name”选项。好像是用到head或者foot没有注册就会有这种报错。只要在main。
百味苦·2023-11-21 05:36

uni-app 微信小程序提示音一闪而逝

这种一闪而逝可能是因为在showLoading中使用了showToast调用hideLoading的时候强制关闭了showToast所以当时showToast一闪而逝事例uni.showLoading({title:'加载中.....'})uni.showToast({title:'ssssss',duration:2000})uni.hideLoading()解决：把showToast放到hid
qq_41416296·2023-11-21 05:36

uni-app踩坑之自定义组件数组渲染问题

uni-app踩坑之自定义组件渲染问题业务介绍业务说明踩坑1:微信小程序无法直接操作props里的对象踩坑2:uni-app自定义组件里的数组渲染的问题业务介绍因为我一开始都是做的后端开发,然后之前的几个项目没前端我就学了
m0_38137244·2023-11-21 05:04

[uni-app]记录APP端跳转页面自动滚动到底部的bug

文章目录bug描述原因分析:处理方案bug描述1.点击的A页面,跳转到了B页面,第一次页面正常显示2.从B页面返回A页面3.A页面不进行任何操作,再次点击A页面进入B页面4.B页面自动滚动到底部.原因看一段A页面代码letthat=thisthis.defaultScrollTop=uni.getStorageSync('detailScrollTop')this.$nextTick(()=>{t
iOSTianNan·2023-11-21 05:03

自学uni-app （2）uni-app的导出模块(export default)和常用方法

跨平台框架uni-app导出模块1.datadata对象属性的数据类型数字字符串布尔类型json对象类型数组1.2methods2.数据对象属性的引用2.1显式引用2.2隐式引用映射（map）列表渲染（
IT_Joliu·2023-11-21 05:28

Uni-App课程学习心得

通过学习uni-app这个框架，我首先了解到Uni-App是一个跨平台开发工具，它提供了一些特殊的API和组件，用于开发iOS、Android、H5、小程序等多个平台的应用程序。
Acting7·2023-11-21 05:57

vue和uni-app的递归组件排坑

有这样一个数组数据，实际可能有很多级。tree:[{id:1,name:'1',children:[{id:2,name:'1-1',children:[{id:7,name:'1-1-1',children:[]}]},{id:3,name:'1-2'}]},{id:4,name:'2',children:[{id:5,name:'2-1'},{id:6,name:'2-2'}]}]要渲染为下面
xintianyou丶·2023-11-21 05:27

[uni-app] uni.showToast 一闪而过问题/设定时间无效/1秒即逝

toast一闪就消失1.猜测频繁点击导致–排除2.猜测再定时器内导致--排除3.和封装的接口调用一起导致-是改原因深挖发现:axios封装中,对loading/hindloading进行了配置,看来是showToast与loading等冲突导致的wx.hideLoading(Objectobject)解决办法再封装的函数里,对hideLoading进行设置
iOSTianNan·2023-11-21 05:55

uni-app实现手写签名

uni-app实现手写签名重写保存exportdefault{data(){return{ctx:'',//绘图图像points:[],//路径点集合signature:'',//签名后台图片地址}},
天天向上1024·2023-11-21 02:14

uni-app一套代码，多端发行，离线云端打包更便捷

uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。
前端来入坑·2023-11-21 01:48

uni-app中自定义图表（canvas实现chart图表）开发篇（2）-多圆环进度条

上篇讲了圆环进度条，这里再稍微改进下，将单环改成多环。有兴趣的朋友，可以了解下。咱们将数组里增加一项，圆环会增加一个，如下图：可以容纳几个圆环，大家可以根据需求进行微调。一、创建相应页面1.1scss样式代码.wrap-box{padding:030rpx;.echart-box{padding:15px0;border-bottom:1pxsolid#DDDDDD;.title{font-siz
觉醒法师·2023-11-20 23:12

uni-app中自定义图表（canvas实现chart图表）开发篇（3）-带针表刻度的圆环进度条

还是在之前几篇基础上，讲下圆环衍生出一种新的圆环进度条，以针表的刻度来绘制出一个进度条。图形如下：一、创建相应文件1.1charts.js文件创建/***图表-带刻度的圆环进度条*/exportclassCircleBox{//构造函数constructor(_context){}//绘制图表drawCircle(){}}1.2vue页面创建图表：带时刻的圆环进度条减小增加import{Circl
觉醒法师·2023-11-20 23:12

uni-app中自定义图表（canvas实现chart图表）开发篇（5）-圆环进度条添加动画效果

这里增加一篇介绍下进度条动画效果如何添加，前几篇的进度值被修改后，切换效果比较生硬。另外也在第四篇基础上，对图形略作修改。在查看uniapp文档时，没有发现重绘执行函数，小程序中有Canvas.requestAnimationFrame；所以在uniapp这里，我们使用setInterval来实现，完成后运行也很流畅。添加动画后效果如下图：一、创建对应页面1.1创建charts.js文件/***图
觉醒法师·2023-11-20 23:12

【开题报告】基于uni-app的汽车租赁app的设计与实现

因此，开发一款基于uni-app的汽车租赁app成为了满足用户需求的重要途径。
加瓦程序设计师·2023-11-20 21:34

HbuilderX uni-app iOS离线打包

可以参考文件：https://www.jianshu.com/p/5e6bcf65fe94官方指导文件：http://ask.dcloud.net.cn/article/41sdk更新网址：http://ask.dcloud.net.cn/article/103官方配置文件操作如下：配置环境IOS平台5+SDK技术白皮书分析xcode10.12SDK目录说明HBuilder-Hello：离线打包演
adalillian·2023-11-20 19:07

uni-app

一、做好上市前的工作准备：APP测试是必不可少的、只有通过各种测试、了解其中的一些细节问题来达到满足市场需要的产品才能做到无懈可击，与此同时，也要做好日常的参数策划，诸如APP客户端是什么类型的，软件的变体，英文名字，软件大小、分类、语言等等，做好这些准备可以更好的为后面的推广服务。备好相关材料，做好推广费用的预算，搜集APP开放的市场，也要做好APP工作薄。上市前的种种准备，可以说对用户的体验来
21级计算机应用技术UI3班-黄金秀·2023-11-20 17:44

uni-app HTML5 History 模式

vue-router默认hash模式——使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。如果不想要很丑的hash，我们可以用路由的history模式，这种模式充分利用history.pushStateAPI来完成URL跳转而无须重新加载页面。constrouter=newVueRouter({mode:'history',routes:[...]})当你使用his
记忆哪里去了·2023-11-20 16:59

移动端表格分页uni-app

使用uni-app提供的uni-table表格网址：https://uniapp.dcloud.net.cn/component/uniui/uni-table.html#%E4%BB%8B%E7%BB
愿➣·2023-11-20 13:16

包含Uniapp单聊思路，单群聊集群

Uniapp插件市场【全新UI功能3.0】腾讯IM即时通讯+视频聊天（APP、小程序、H5）三端通用代码思路文章uni-app小程序实现微信在线聊天功能(私聊/群聊)纯思路文章uniapp小程序怎么实现聊天功能
東方幻想郷·2023-11-20 01:59

uni-app动态获取数据，级联选择器来显示

import{categorySelect}from'@/api/xxx/index.js'exportdefault{data(){return{form:{category:0,},categoryTree:[],value:1,sourceOptions:[{value:'1',text:'xx',},{value:'2',text:'xx',},{value:'3',text:'xx',}
愿➣·2023-11-20 00:09

HbuilderX打包APP

HBuilderX状态栏左侧的未登录按钮，弹出登录的对话框：2、在弹出的登录对话框中，填写账号和密码之后，点击登录即可：3.打开项目根目录中的manifest.json配置文件，在基础配置面板中，获取uni-app
愿➣·2023-11-20 00:09

uni-app 清除计时器的问题

在我们项目开发的过程中，经常会做诸如倒计时，浏览页面15秒自动签到或者自动领取福利，此时我们肯定会用到计时器setInterval但是一定要及时清掉计时器，要不很容易让我们逻辑混乱，我再项目开发中就遇到了这个问题，就是当我跳转到其他页面的时候，这个计时器的方法还在执行，这样我们会在其他页面莫名其妙的有个弹框，然后我在生命周期onUnload中直接清掉计时器就好啦onUnload(){clearIn
weixin_46926120·2023-11-20 00:54

vue，uni-app倒计时公共组件 封装，倒计时组件

vue，uni-app倒计时公共组件封装，倒计时组件倒计时的组件做项目的时候用的比较多，记录一下免得每次重新造轮子1.封装公共组件公共组件内容{{tipText}}{{day}}{{dayText}}{
奔跑的搬运工·2023-11-20 00:54

uni-app（15）— uni-app中组件的创建以及组件的生命周期函数

此文为uni-app总结笔记（15）—uni-app中组件的创建以及组件的生命周期函数uni-app中组件的创建在uni-app中，可以通过创建一个后缀名为vue的文件，即创建一个组件成功，其他组件可以将该组件通过
tiffany_kim·2023-11-20 00:52

uni-app活动倒计时功能

效果图实现原理：后端会给一个截止时间，前端获取当前时间，都转成时间戳，然后相减获得相差时间戳，然后转成天、小时、分钟、秒，通过定时器让他动起来就OK了。（需要注意的点是，当倒计时到达0的时候需要清除定时器。）上代码冬日温暖礼盒距活动结束{{wishingDays}}天{{wishingHours.toString().substr(0,1)}}{{wishingHours.toString().s
平头的春天丶·2023-11-20 00:51

uni-app - javaScript - vue2 计时器（倒计时和正计时）

正计时1.在data里面定义data(){return{time:'00:00:00',timer:'',hour:0,minutes:0,seconds:0}},2.页面按钮开始计时{{time}}暂停3.开始计时//开始计时begin(){this.timer=setInterval(this.startTimer,1000);},startTimer(){this.seconds+=1;if
阿金敲代码·2023-11-20 00:19

uni-app项目中实现录音管理器(recorderManager)

项目场景：通过微信小程序进行录音上传到服务器端进行分析诊断,得出设备发生故障的原因.问题描述使用uni-app实现声音的采集以及回放和上传等功能,并且用户可以自定义录制时长(录制时长有上限和下限)效果展示原因分析
妍华之喜·2023-11-20 00:18

uni-app 中文档阅读倒计时

文章很长，文章下面的倒计时按钮，倒计时的时候不能点击，倒计时结束，按钮能点击的效果倒计时事件//按钮的倒计时countdown(){constthat=this//修改倒计时时间这里写了10sthat.time=10constfn=setInterval(function(){//每一秒自减一that.time--if(that.time==0){//这里的kg是用来判断显示什么按钮的，在data
KLW75·2023-11-20 00:17

在Uni-app中实现计时器效果

本文将介绍如何在Uni-app中使用Vue.js的计时器功能实现一个简单的计时器效果。首先，我们需要创建一个包含计时器的组件。
嘘~！·2023-11-20 00:16

Git删除指定文件的所有记录和版本

场景再现uni-app开发需要在移动设备上安装“自定义基座”，充当容器作用，方便开发调试。
闰土月下追猹·2023-11-19 22:51

使用webview实现小程序本地文件上传

更多文章请访问深的个人博客最近因为公司有个小程序的项目需求是让用户上传本地文件（使用uni-app开发），查阅了小程序的api，发现小程序只开放了两个相应的apiAPIwx.chooseImage(Objectobject
lj深·2023-11-19 17:10

uni-app swiper设置自定义高度

大家可以在uni-app官网上看到swiper高度是默认100%，而swiper-item则是要有固定宽高的，要的效果是什么呢？
前端菜鸡儿126·2023-11-19 12:47

从0到0.01入门 Webpack| 001.精选 Webpack面试题

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

uni-app(微信小程序) 根据小程序页面路径（可带参数） 生成二维码、分享码

小程序的官方文档有生成小程序码的API微信官方文档小程序看文档点这里第一个获取小程序码，就是根据你要通过二维码打开的页面路径生成一个小程序码，且这个小程序码是永久的其实文档内也说明了，很少用到。即使需要生成这样的小程序码，可以去微信公众平台的小程序管理后台生成，还方便。重点说如何使用获取不限制的小程序码（我的使用场景是uniapp的框架，微信小程序根据用户ID生成分享码，并与被分享者建立关系，所以
double_Fly_·2023-11-19 09:40

初刷leetcode题目(2)——数据结构与算法

个人主页：大魔王所属专栏：魔王的修炼之路–数据结构如果你觉得这篇文章对你有帮助，请在文章结尾处留下你的点赞和关注，支持一下博主。同时记得收藏✨这篇文章，方便以后重新阅读。
大魔王（已黑化）·2023-11-19 09:49

uni-app开发踩坑集合(会持续更新)

uni-app官网指路uni-app开发中的坑1.无法覆盖uni-app提供的组件的样式直接重写样式会发现并不生效编译到H5如果要重置组件样式使用>>>.className{width：xxx}scss
二营长家的张大炮·2023-11-19 05:34

血泪合集，uniapp超长实践精华总结~

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到i
oil欧哟·2023-11-19 03:18

小程序获取服务器的表单信息,小程序通过模版消息获取拿不到formid了,需通过订阅消息...

uni-app小程序通过订阅消息推动服务消息2020.09.11以往的做法,需要使用表单提交formid,然后下发模板消息,现在通过微信小程序的「订阅消息」触发推送消息机制.submit复制代码结果微信开发工具报错
fcpowerup·2023-11-19 03:18
上一页 18 19 20 21 22 23 24 25 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他