flex布局的滚动问题

5 月 29 日
阅读 2 分钟
78
{代码...} {代码...} 若flex布局想要某一区域横向滚动,父级一定要加上overflow,hidden或auto都可以。若父级没加overflow,可能会出现溢出的问题: {代码...}

Echarts的容器自适应resize

5 月 27 日
阅读 3 分钟
196
主要是通过Echarts的resize函数来更新图表大小 {代码...} 如果你是一个可视化页面,可能内部有多个图表组件,可以通过驱动组件内事件,来实现批量图表更新 {代码...} 参考:响应容器大小的变化
封面图

uniapp微信小程序版本更新自动提示

5 月 26 日
阅读 2 分钟
190
在app页面的onShow中使用:具体步骤如下:1、获取全局唯一的版本更新管理器对象2、请求新版本信息3、新版本下载,下载完后区分下载完成或下载失败4、下载完成:调用 applyUpdate 应用新版本并重启5、下载失败:提示用户手动更新
封面图

echarts柱状图隔柱换色

5 月 25 日
阅读 5 分钟
294
在series中的itemStyle中定义隔柱换色 {代码...} 各省数据图,完整代码: {代码...}
封面图

如何微信小程序可用的npm包?

5 月 24 日
阅读 2 分钟
254
创建文件夹,比如:dc-vant-form -> src你的组件应该在src文件夹下,比如是表单组件,那么可以在src文件夹下创建dc-vant-form文件夹,将组件放入dc-vant-form文件夹下,最终生成的文件夹是这样的在发布npm之前,要将本地npm镜像源切换到npm
封面图

uniapp聊天界面滚动条自动置底

5 月 23 日
阅读 2 分钟
331
scroll-into-view实现很简单, 只需要设置锚点即可,每次发送滚动到最后一个锚点 {代码...} {代码...} 注意:scroll-into-view绑定的key不能以数字开头,所以这里在开头拼接了一个"item"字符串scroll-top实现你也可以使用scroll-top属性来实现,不过scroll-top需要计算滚动高度,可能复杂点 {代码...} {代码...} 当然上...
封面图

去掉uniapp button 的边框,默认样式

5 月 22 日
阅读 1 分钟
238
{代码...} 通过样式修改时无效的,例如:border: none,要通过伪类去掉 {代码...}

uniapp隐私协议组件

5 月 21 日
阅读 4 分钟
343
这里用到了uv-ui的组件:uv-popup组件弹出时,隐藏底部tabbar,组件关闭时,底部tabbat显示用户隐私协议这里配置可跳转页面点击允许时获取用户手机号,并通过getPhoneNumber事件向外传递参数

vue3组件跨层级数据传递provide/inject

5 月 20 日
阅读 4 分钟
563
在开始前先声明一下, 本片文章大部分都为AI生成,我本地实际操作验证了一下,基本一致,由于AI讲的太详细且具体了,所以我在这里根据实际情况,将重要的内容总结提炼一下,保证大家看完后能够快速理解和上手。
封面图

uniapp动态设置tabbar

5 月 19 日
阅读 1 分钟
367
tabbar的下标从0开始,上述代码则标识tabbar下标为1的项隐藏另外,你可以通过uni.setTabBarStyle()动态设置tabbar的样式为 tabBar 某一项的右上角添加文本:uni.setTabBarBadge()
封面图

uni-app返回上一页面并携带参数

5 月 18 日
阅读 1 分钟
316
自 HBuilderX 2.0.0 起支持 uni.$emit、 uni.$on 、 uni.$once 、uni.$off ,可以方便的进行页面的通讯 ,触发的事件都是 App 全局级别的,跨任意组件,页面,nvue,vue 等。调用uni.$on事件后要记得移除事件,或者直接使用 uni.$once 只调用一次,用完会自动移除事件,否则第二次返回时,会监听两次,第三次会监听三次...
封面图

uniapp获取运行平台

5 月 17 日
阅读 1 分钟
409
文档:uni.getSystemInfoSync通过getSystemInfo异步获取系统信息通过getSystemInfoSync同步获取系统信息这里返回的uniPlatform表示运行的平台,如果是App运行则返回'app',如果是H5运行则返回'web',如果是微信小程序运行,则返回'微信小程序'详情如下:
封面图

vue3组件传值v-model的双向数据绑定

5 月 16 日
阅读 3 分钟
396
通过toRefs解构defineProps内的modelValue,这样子组件的表单就可以直接使用modelValue了子组件内点击搜索按钮,此时通过update:modelValue事件回传改值
封面图

vant组件省市区三级联动下拉

5 月 15 日
阅读 3 分钟
292
环境:原生微信小程序组件:u-pickerui库为uView2view需要用v-if清除组件,否则二次打开picker的位置会乱。 {代码...} 页面使用 {代码...}
封面图

动态tabbar后的tabbar高度获取

5 月 14 日
阅读 1 分钟
301
用于做底部悬浮定位,悬浮在tabbar上在设置tabbar的组件中获取,利用组件生命周期,获取tabbar高度,将高度存到本地,用于全局获取
封面图

H5分类列表锚点滚动

5 月 13 日
阅读 13 分钟
650
在一个实际场景里,通常是父级盒子内部套了一个子元素列表,父级盒子有一个指定高度,子元素高度超过父级盒子时,子元素在父元素内部滚动。在布局方面,左侧和右侧没有任何关联,左侧仅仅只是分类列表,右侧仅仅只是分类详情列表,根据这个可以得出如下布局:点击左侧分类的时候,通过事件,获取右侧分类锚点,然后给右...
封面图

uni.navigateTo跳转带参的参数大小限制

5 月 12 日
阅读 1 分钟
318
通过encodeURIComponent来增大跳转携带的参数大小,decodeURIComponent解析参数跳转参数只能是字符串,通过JSON.stringify转换跳转页

npx tailwindcss init报错问题解决

5 月 11 日
阅读 1 分钟
647
错误信息如下:这是因为tailwindcss版本与postcss版本兼容问题导致的,只需要降级tailwindcss即可解决 {代码...} 再次执行 {代码...} 成功初始化

前端常用工具函数-2

5 月 11 日
阅读 11 分钟
414
a = [1,3,4,2,5] / b = [2,3]预期结果:[1,4,5]这里要用到倒叙删除,因为数组的length是动态的,在循环中正序删除会导致下标不准。
封面图

前端常用的工具函数

5 月 10 日
阅读 6 分钟
449
驼峰转小写下划线 {代码...} 划线命名转小驼峰 {代码...} 生成随机Hex颜色 {代码...} {代码...} 判断变量数据类型 {代码...} 深拷贝 {代码...} 保留指定的小数位数 {代码...} 字符串转时间戳 {代码...} 时间戳转 年月日时分秒 {代码...} 获取当月第一天、当前天、最后一天 {代码...} 数组去重 {代码...} 数组对象去重原...
封面图

前端根据URL批量下载成zip文件

5 月 9 日
阅读 3 分钟
386
批量下载并压缩输入一个文件列表fileArr,每个文件包含文件名fvName和fvUrl。自动为文件名添加正确扩展名,从URL截取后缀,例如:{ fvName: "image", fvUrl: "example.com/image.jpg" }转换为image.jpg。使用多线程并发下载所有文件,通过Promise.all确保所有文件下载完成后统一打包。
封面图

调用后台接口实现Excel导出功能以及导出乱码问题解决

5 月 8 日
阅读 2 分钟
366
接口返回数据导出,通常需要请求后端接口获取数据,接口返回的数据基本上是乱码的,需要先处理乱码的数据,否则导出来的文件是数据流格式的,如下看到这种返回信息,表格数据基本上是已经拿到了,现在只需要做一下数据的处理即可导出表格。
封面图

前端常用正则

5 月 7 日
阅读 2 分钟
396
去除html标签 {代码...} http转https {代码...} 手机号码 {代码...} 邮箱 {代码...} 6位数字验证码正则 {代码...} 4位数字验证码正则 {代码...} 16进颜色值 {代码...} 只能是中文 {代码...} 只能是英文 {代码...} 登录注册-密码 6-16位大小写字母、数字的js正则 {代码...} 座机号码 {代码...} 身份证-可校验末尾X {代码...}
封面图

pdf测试链接

5 月 6 日
阅读 1 分钟
446
《git使用指南》pdf文件,可用于开发调试 {代码...} 该链接没有限制,可直接访问并下载,可用于下载、预览、上传等文件操作的调试。

前端文字复制剪贴板

5 月 6 日
阅读 1 分钟
301
开始 {代码...} 主要逻辑在utils文件夹下新建clipboard.js文件 {代码...} 页面使用页面 {代码...} 页面的script部分 {代码...}
封面图

根据url获取视频或音频时长

5 月 5 日
阅读 2 分钟
295
根据url获取音频/视频文件的时长,原理是通过创建一个隐藏的音频元素,加载指定链接的媒体文件。当浏览器获取到文件的基本信息后,会在得到视频/音频的时长,以秒为单位。
封面图

JS返回内层Promise函数

5 月 4 日
阅读 1 分钟
466
我们有的时候需要调用函数返回一个Promise,例如腾讯云点播vod-js-sdk-v6在实例化云点播new TcVod()的时候必须传入一个Promise,此时我们就可以通过函数包装,调用得时候拿到Promise函数,因为直接创建Promise函数会立即调用执行,所以必须得用函数包装一层。
封面图

JavaScript栈实现深拷贝

5 月 3 日
阅读 2 分钟
393
在JavaScript中,利用栈(或者称为迭代)来实现深拷贝可以避免使用递归,防止堆栈溢出,同时也能实现相同的效果。下面是一个利用栈实现深拷贝的函数封装:
封面图

JS树形结构转一维数组

5 月 2 日
阅读 2 分钟
644
利用栈实现树形结构转一维,效率可能更高,避免递归反复执行上下文引起的帧栈溢出 {代码...} 1. 初始化创建一个空数组result用来存储最终结果。调用函数,传入树形数组nodes作为初始处理队列。2. 循环处理每个节点只要nodes数组中还有元素,就继续深度遍历:弹出最后一个节点用pop()从nodes末尾取出一个节点。处理子节点...
封面图

提取html中所有img标签的图片链接地址

5 月 1 日
阅读 1 分钟
526
1、 创建一个临时容器:该函数接收一个HTML模板字符串,用临时 div 元素装要处理的 HTML 内容。2、抓取所有图片标签:在这个临时容器里翻找所有 <img> 标签,就像在袋子里挑出所有照片一样。3、 收集图片地址:检查这些<img>标签是否有src属性(图片链接),把找到的图片链接添加到数组中。4、返回地址清单...
封面图