草庐IT

uni-live-pusher

全部标签

微信小程序+uni-app知识点总结

微信小程序知识点合集1.小程序的优势和劣势有哪些?优势:(1)容易推广。在微信中,小程序拥有众多入口,例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口,这些都有助于推广小程序;(2)使用便捷。用户在使用小程序时,只需要轻轻点一下就可以使用;(3)体验良好。小程序不会像H5页面一样经常出现卡顿、延时、加载慢、权限不足问题;(4)成本更低,从开发成本到运营推广成本,小程序的花费仅为APP的十分之一。劣势:(1)单个包大小限制为2M,这导致无法开发大型的应用,采用分包最大是20M;(2)需要像app一样审核上架,这点相对于H5的发布要麻烦一些;(3)处处受微信限制。例如不能直接分享到朋

uni-app/微信小程序 实现图片或元素淡入淡出效果

如题:直接上代码html js部分需要在date中声明好                current:0,            hidepic:null,            showpic:null因为是已进入就开始的,所以要在生命周期中使用 varanimation=uni.createAnimation({})//创建一个动画实例 console.log(animation); //淡入 animation.opacity(1).step({ //delay:1000, duration:500 })//描述动画 this.showp

前端Uni-app开发微信小程序|微信小程序手机商城

作者主页:编程千纸鹤作者简介:Java、前端、Python开发多年,做过高程,项目经理,架构师主要内容:Java项目开发、Python项目开发、大学数据和AI项目开发、单片机项目设计、面试技术整理、最新技术分享收藏点赞不迷路 关注作者有好处文末获得源码项目编号:BS-XCX-020一,环境介绍语言环境:Java: jdk1.8数据库:Mysql:mysql5.7应用服务器:Tomcat: tomcat8.5.31开发工具:IDEA或eclipse后台开发技术:SSM框架  前台开发技术:uni-app+微信小程序+vue二,项目简介随着互联网络的发展,网上购物越来越为人们所关注。网上购物给用户

uni app 微信小程序 一次性加载几千条数据优化处理

背景公司销售订单详情里 机器明细数据超过4、5000台的时候整个页面出现空白,当然也别问我为什么要一次性加载这么多条数据,问就是需求设计如此。分析因为需要显示每个类别需要统计总数量、总金额,所以后台返回的数据格式是包裹两层list,前端需要遍历两次。setData一次性能超过限制、child项没有修改为组件的方式。自定义组件的更新只在组件内部进行,不受页面其他部分内容的影响。 后台返回数据格式HTML(按照之前代码优化,命名各种行内样式就懒得修改了) {{item.name}} 共{{item.s

关于荣耀手机在HBuilderX中运行uni-app真机测试检测不到设备的解决方案

本人使用的荣耀手机,安卓11,一开始不管是下载荣耀手机助手还是360手机助手都是检测不到手机设备或者能检测到,但是启动真机调试就会断掉。解决方案:1.手机具有开启开发人员选项2.数据线连接电脑,之后选择传输文件3.在开发人员选项中点击USB调试 4.最重要的荣耀的特殊操作的一步,选择USB配置-->音频来源 

使用uni-app框架中uni.chooseAddress()接口,获取不到用户收货地址

错误描述在我们使用uni-app框架或微信原生开发微信小程序时,使用到uni.chooseAddress(OBJECT)接口获取用户收货地址时,无法跳转到收货地址页面获取。打印接口返回信息,显示"chooseAddress:failtheapineedtobedeclaredintherequiredPrivateInfosfieldinapp.json/ext.json"等内容,意思是此API接口需要在app.json中做声明才可以使用。产生原因我们来到微信官方文档可以发现如下图,在使用方法中,明确指出自2022年7月14日后发布的小程序,若使用该接口,需要在app.json中进行声明,否则

在vscode中安装使用live Server(前端搭建自己的本地服务器环境)

一、在扩展中搜索liveServer,找到并下载,下载完后点击设置图标,点击扩展设置 二、点击在settings.json中编辑,在JSON中修改添加下列代码端口号可配,注意不要与其他服务冲突;AdvanceCustomBrowserCmdLine填写自己实际chrome的路径; 三、保存重启vscode,点击右下角的golive就可以了 四、在html中可以直接打开,在项目中,找到dist文件打开就可以了

uniapp表单uni-forms校验自定义校验规则,手机校验、身份证校验

validateFunction自定义校验规则如果需要使用validateFunction自定义校验规则,则不能采用uni-forms的rules属性来配置校验规则,这时候需要通过ref,在onReady生命周期调用组件的setRules方法绑定验证规则无法通过props传递变量,是因为微信小程序会过滤掉对象中的方法,导致自定义验证规则无效。uni-formsref="form"> uni-forms-itemrequiredlabel="手机号"name="mob"> uni-easyinputv-model="mob"placeholder="手机号"/> /un

uni app Signalr 支持 微信小程序和支付宝小程序

constprotocal={ protocol:"json", version:1};constMessageType={ /**IndicatesthemessageisanInvocationmessageandimplementsthe{@linkInvocationMessage}interface.*/ Invocation:1, /**IndicatesthemessageisaStreamItemmessageandimplementsthe{@linkStreamItemMessage}interface.*/ StreamItem:2, /**Indicatesthemes

【小程序】uni-app自定义导航栏适配小程序,对齐胶囊

实现效果 自定义导航栏对齐胶囊按钮,实现方法是通过获取胶囊按钮的顶部(top)高度和自身高度(height),动态设置导航栏的样式(style)。通过uni.getMenuButtonBoundingClientRect(),可以获取胶囊按钮的布局位置信息,包括width、height、top、bottom、left、right。1、定义变量exportdefault{data(){ return{searchBarTop:0,//搜索栏的外边框高度,单位px searchBarHeight:0,//搜索栏的高度,单位px } }}2、获取胶囊按钮的布局位置信息onLoad(){letm