草庐IT

uni-live-pusher

全部标签

前端Vue uni-app简单实用通用标签栏自动换行 自适应高度 可设置行数 可改标签颜色

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦,其背后还有很多工作来支撑组件化的进行,例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等。本文给大家介绍的一款组件是:前端Vueuni-app简单实用通用标签栏自动换

uni-app - 改变数据后视图无更新变化解决方案,更改数据不刷新 uni-app坑

前言当页面数据全部请求完毕,但用户操作导致数据改变时,视图并未按照最新数据进行更新。有时候,我们动态改变数据的时候发现视图并未改变,(或者h5改变小程序并为改变)常见于在methods函数或其他位置中,改变data数据的时候,虽然数据变了,但视图没有更新,本文提供两个解决方案,我上uni-app付费花了9.9元购买,(如下截图)在这里插入图片描述真的付钱了好气好气100%解决该问题,非常好用,比如下面的代码,给data赋值后并没有在页面上有反应(实际console打印数据已经变了)∶1this.name=‘最新值';2

如何在uni-app小程序端实现长按复制功能

在开发小程序应用中,常常需要使用到长按复制功能。本文将介绍如何在uni-app小程序端实现长按复制功能。uni-app是一个跨平台的开发框架,可以基于vue.js语法开发小程序、H5、APP等多个平台的应用。uni-app提供了一些内置组件和API,可以方便地实现各种功能。其中,uni.setClipboardData函数是一个用于将数据复制到系统剪贴板的API,uni.setClipboardDataAPI地址具体实现步骤如下:在需要添加长按复制功能的元素上,例如一个文本元素,绑定@longpress事件。template>view@longpress="copyText">长按我复制文本v

uni-app开发微信小程序,IOS苹果手机上时间格式化错误显示Invalid Date问题解决方案

1.问题描述只在真机IOS上面才会出现,小程序模拟器上的ios是不会出现的,原因是因为时间格式只要带有-符号就会(但有个ios机型却不会出错,我用苹果11测试会出现InvalidDate)。有几种情况,例如:1、newDate('2023-09-07')这样写,会出错,变成InvalidDate2、后端返回这种时间格式:2023-09-07T11:24:04.000+0800,如果使用dayjs格式化dayjs(2023-09-07T11:24:04.000+0800).fORMat('MM/DDHH:mm')会同样显示错误。2.解决方案解决办法✔(四种):1、正常的时间格式直接replace

uni ui 、color ui 图标icon的使用

​​​​​​uniui中使用icon    通过HBuirder直接创建的uniui项目,可以直接使用uni-icons   如果创建时没有引入uniui需要另外安装uniui.....      IconsProps:属性size大小type图标图案color图标颜色customPrefix自定义图标   Events:事件@click点击事件效果:如果uniui图标库中没有你想要的图标方法:   使用custom-prefix和type属性自定义图标      步骤:   1.在阿里图标库找到想要的图标,添加至项目,下载代码   2.将下载的代码保留.css和.tff两个文件,放到项目中s

uni-app 瀑布流布局的实现

方式一:使用纯CSS 实现使用flex布局方式{{item.title}}{{item.desc}}exportdefault{data(){return{flowData:{list:[],//数据值column:2,//瀑布列数columnSpace:2//瀑布列宽间距}};},created(){/*初始化每一列的数据*/for(leti=1;i{this.initData();//数据初始化});},methods:{/*数据初始化*/initData(){constgroupList=this.dynamicGrouping(this.flowData.list,this.flowD

uni-app之分包加载和按需注入

文章目录一.分包1.为什么要分包呢?2.分包类型3.如何设置分包?①需要在manifest.json中加入分包相关配置②在page.json中加入分包配置3.分包预加载配置preloadRule二、按需注入和用时注入1、按需注入2、用时注入三、总结一.分包1.为什么要分包呢?因小程序有体积和资源加载限制,如果都放主包pages里面,一般项目肯定会超过2M,微信小程序的主包或者分包的大小是2M,总体积一共不能超过20M。主包:即放置默认启动页面/TabBar页面,以及一些所有分包都需用到公共资源/JS脚本;分包:则是根据开发者的配置进行划分,也就是前边说的部分指定页面的代码。如果使用了分包:在小

java - 安卓工作室 : how to use the fbc live template

AndroidStudio支持宏——他们喜欢将其称为实时模板——这很好,但没有人愿意解释如何使用它们,尤其是AndroidStudio。很明显,“fbc”实时模板旨在使findViewById更易于使用,但我不知道如何使用它。你究竟是如何使用这个模板来制作这样的样板的,例如:EditTexte=(EditText)findViewById(R.id.m); 最佳答案 经过多次摆弄,我终于弄明白了。在空白行中,您键入“fbc”,然后按Tab。这让你得到这个:(|)findViewById(R.id.);红色光标位于“|”处。您输入对象

小程序-uni-app:scroll-view/区域滚动、下拉刷新、上拉加载更多

一、简介开发环境:小程序、uniapp+vue3+ts实现功能:列表页面实现,区域滚动、下拉刷新、上拉加载更多,效果如图:正常:下拉刷新: 上拉加载:二、实现2.1、代码0"> 翁美玲 2022-07-15 这是我的底线了~ 上拉加载更多... 加载中... -------------------------------------------------lower(){ console.log('滚动到底部') this.page++ this.getList()},refresher(){ console.log('下拉刷新',this._fre

uni-app - 修改默认端口,H5 项目控制台运行出来的 IP 地址的默认端口号(H5 项目运行后控制台,修改项目运行到内置浏览器默认 8080 端口号)

前言uni-app修改运行到内置浏览器使用IP地址(Network)访问(自定义域名)默认情况下H5项目运行后,控制台会出现如下图所示本地域名IP:我们要的是,自定义端口号(例如改成80):解