uni-app瀑布流本文介绍uni-app中瀑布流的实现方案。通过监听列表变化,将新数据暂存并动态分配至左右两列。核心逻辑基于图片加载事件触发高度对比,优先填充较短的一侧,从而保持布局平衡。代码包含Vue组件结构及DOM高度查询方法,适用于移动端图文混排场景。JavaScript· 2022年11月22日· 1883J
Swiper轮播图本文介绍在Vue 2项目中集成Swiper实现移动端轮播图的方法。涵盖通过npm安装指定版本、局部引入JS与CSS文件,以及在组件mounted生命周期中初始化Swiper实例的配置示例,包括自动播放、每页显示数量及间距设置,并提供完整的Vue组件代码参考。JavaScript插件· 2022年6月1日· 747J
Reqable抓包教程本文介绍在Windows、Mac及Linux环境下安装ADB并配置环境变量的步骤,结合MuMu模拟器与Reqable工具实现移动端抓包。涵盖模拟器启动、ADB连接命令、Reqable安装及证书配置流程,帮助开发者快速搭建本地抓包环境,适用于移动端接口调试与网络请求分析场景。开发工具· 2025年12月8日· 920开
使用html-to-image结合jspdf实现下载pdf本文介绍利用html-to-image和jspdf库将网页元素转换为PDF并下载的实现方案。通过toCanvas获取DOM节点画布,计算A4纸张尺寸与图片比例,处理单页及多页分页逻辑,最终调用save方法生成并保存PDF文件,附带完整代码示例供参考。Vue2 生态· 2023年12月6日· 484V
解决倒计时时间偏差问题本文解析了JS EventLoop导致倒计时时间偏差的原因,即执行栈阻塞延长了实际回调时间。针对此问题,文章对比了依赖后端校时的资源消耗方案,并重点推荐了一种基于递归和动态补偿的客户端解决方案。该方案通过计算每次执行的偏差并调整下一次超时时间,有效修正了倒计时误差,确保时间精准。开发问题· 2022年7月16日· 820开
v-html使用img点击实现放大效果本文介绍在Vue中使用v-html渲染富文本时,通过正则提取图片地址并监听点击事件,结合Element UI的ElImageViewer组件实现图片点击放大预览功能。代码包含图片列表解析、下标定位及滚动锁定处理,解决了动态HTML中图片交互的常见需求。Vue2 生态· 2023年1月10日· 1625V
npm更新依赖本文介绍了使用 npm-check 工具更新项目依赖的方法。首先通过 npm install 全局安装该工具,接着运行 npm-check 查看当前可更新的包列表,最后利用 -u 参数交互式选择需要升级的依赖进行更新,操作简便高效。构建工具· 2022年8月20日· 765构
Rem适配方案本文介绍前端 Rem 适配方案,适用于需同时兼容移动端与 PC 的场景。通过安装 amfe-flexible 和 postcss-pxtorem 等依赖,配置根字体值及排除规则,可将 CSS 中的 px 自动转换为 rem。最后需在 HTML head 中设置 viewport,重启服务后即可生效。Css· 2022年6月30日· 608C
数组相同分组本文介绍了一种利用对象键值对特性,将数组中相同元素分组的方法。通过遍历数组构建映射表,再结合 Object.values 提取结果,代码简洁高效。相比传统循环,这种方法逻辑清晰,能有效实现数组元素的归类与聚合。算法· 2022年7月16日· 697算