草庐IT

uni-collapse

全部标签

uni开发的代码发布微信小程序提示包太大,打包失败

问题:打包失败,百度的解决办法说是图片资源太大,图片资源全部改为线上了,但还是打包失败;还有一种解决办法是分包,将tabbar中的主页面放到主包中,其他放到一个文件夹中,官方也有这种解决方法,但是试了试还是不行,可能操作有误,但下面这种方法打包成功了运行模式下不压缩代码且含有sourcemap,体积较大第一步,删除打包文件,在hbuild中运行到小程序第二步;在小程序开发工具中点击上传,就会上传成功

uni-app - 子组件中实现 onShow() 生命周期,监听页面 onShow() 实时刷新子组件内的数据(子组件中模拟页面 onShow 钩子函数,当页面显示时自动执行函数)全端兼容无 BUG

前言在uniapp中子组件没有onShow()生命周期,但您可能需要当页面显示时,就在子组件中请求接口实时刷新数据。本文实现了在子组件中模拟页面的onShow()生命周期,当页面显示的时候子组件自动执行对应的函数,用大白话说就是,你的子组件拥有了和页面一样的onShow,并且全端兼容H5、小程序、App端,本文提供给您详细的示例代码(提供了多种方案供您选择),您几分钟就可以快速的植入到项目中,如下图所示,当页面显示时自动执行子组件内的方法。示例代码干净整洁,注释超级详细解决方案1第一种解决方案,比较推荐。父组件:template>

uni-app - 子组件中实现 onShow() 生命周期,监听页面 onShow() 实时刷新子组件内的数据(子组件中模拟页面 onShow 钩子函数,当页面显示时自动执行函数)全端兼容无 BUG

前言在uniapp中子组件没有onShow()生命周期,但您可能需要当页面显示时,就在子组件中请求接口实时刷新数据。本文实现了在子组件中模拟页面的onShow()生命周期,当页面显示的时候子组件自动执行对应的函数,用大白话说就是,你的子组件拥有了和页面一样的onShow,并且全端兼容H5、小程序、App端,本文提供给您详细的示例代码(提供了多种方案供您选择),您几分钟就可以快速的植入到项目中,如下图所示,当页面显示时自动执行子组件内的方法。示例代码干净整洁,注释超级详细解决方案1第一种解决方案,比较推荐。父组件:template>

[uni-app]使用uni开发微信小程序,请求接口 报错:[“errno“:600002,errMsg“.“request;failurlnot in domain list”

今天练习使用uni-app开发微信小程序知道了微信小程序请求路径必须得是https协议在开发过程中发现一个问题就是在本地调试的时候可以正常请求request,但是发布了体验版后就没法请求,并且返回的是:["errno":600002,errMsg"."request;failurlnotindomainlist”从字面意思来讲是这个请求的url的域名没有在允许的域名列表那么就要配置该请求的域名到小程序允许的域名里在【开发管理】-【开发设置】-【服务器域名】果真没有配置点击【开始配置】先验证,后跳转以上界面输入要请求的域名发现我的域名没有备案,我先去备案,然后再进行操作验证

学习uni-app心得体会

大家好:    在使用Uni-app进行开发的过程中,我深深感受到了它的软件开发效率以及极大地减少了代码编写的工作量。下面是我对Uni-app的体会心得。    首先,一套代码,多端运行。这是Uni-app最吸引人的地方。在传统的跨平台开发中,通常需要各个平台各自重新编写代码,同时要考虑不同操作系统和不同屏幕尺寸的适配问题。这些工作都需要人力成本并且比较繁琐。而Uni-app解决了这些问题。只需要一套代码,就可以在不同的操作系统和屏幕上运行,大大减轻了开发者的压力。    其次,Uni-app的基础框架Vue.js非常易学易用,我们可以很快上手开发,同时也支持各种Vue.js的插件和扩展,方便

字节小程序踩坑-uni-app字节跳动小程序运行

 HBuilderX配置抖音小程序的地址运行->运行到小程序模拟器->运行设置 运行项目到抖音小程序运行->运行到小程序模拟器->字节跳动开发者工具 注意:抖音小程序不会像微信小程序自动打开!!!!复制提示的地址手动打开抖音小程序点击导入项目,把地址复制到项目目录,点击导入即可现在修改改HBuilderX的内容并运行,抖音小程序自动更新

使用uni-app创建扫码连接wifi小程序

好久没接触小程序了,突然想起来之前注册了个号。广东突然降温,周末窝在被窝里没事干。就写个一键连接wifi的小工具吧。可以作为初学者的练习项目哈。一,新建项目下载安装HBuilde,然后新建项目二,从目录机构到小程序发布流程1,目录结构介绍新建完成后可以看到项目的目录结构:2,将项目运行到浏览器如下图操作,即可将项目跑到chrome浏览器中:3,填写uni-app配置打开manifest.json文件,按照要求填写信息,主要是这个DCloud-appId,这个需要注册账户后登录这个账户生成。4,发布小程序以前小程序的发布只能在微信开发者工具中进行,今天我发现HBuilder已经接入了微信提供的m

使用uni-app创建扫码连接wifi小程序

好久没接触小程序了,突然想起来之前注册了个号。广东突然降温,周末窝在被窝里没事干。就写个一键连接wifi的小工具吧。可以作为初学者的练习项目哈。一,新建项目下载安装HBuilde,然后新建项目二,从目录机构到小程序发布流程1,目录结构介绍新建完成后可以看到项目的目录结构:2,将项目运行到浏览器如下图操作,即可将项目跑到chrome浏览器中:3,填写uni-app配置打开manifest.json文件,按照要求填写信息,主要是这个DCloud-appId,这个需要注册账户后登录这个账户生成。4,发布小程序以前小程序的发布只能在微信开发者工具中进行,今天我发现HBuilder已经接入了微信提供的m

uni-app 获取视频第一帧转换为图片 并展示

话不多说,直接上代码template> viewclass="content"> imagev-if="demo!=''"class="logo":src="demo">image> --> video:src="url">video> view>template>script> exportdefault{ data(){ return{ url:'https://a1.easemob.com/1175220727113829/tikangbao2022/chatfiles/f2274ac0-3958-11ed-8939-9d38195bdc46', videoImg

uni-app 获取视频第一帧转换为图片 并展示

话不多说,直接上代码template> viewclass="content"> imagev-if="demo!=''"class="logo":src="demo">image> --> video:src="url">video> view>template>script> exportdefault{ data(){ return{ url:'https://a1.easemob.com/1175220727113829/tikangbao2022/chatfiles/f2274ac0-3958-11ed-8939-9d38195bdc46', videoImg