Vue2 中使用Swiper构建中间大两边小轮播效果 Swiper是一个功能丰富的“滑动特效”插件: 常用的tab切换,banner切换等等,包含各种切换特效,看Demo就非常炫酷。同时,也提供了主流的框架组件版本。然而,最新版的Vue组件只支持在Vue3中使用。查找资料后实践,记录一个Vue2中的使用方式。 Swiper的官网介绍也比较清楚,英文官网中是最新的版本的内容,没有找到旧版的文档内容,中文官网可以看到旧版的文档。 一、Swiper 在Vu 前端 2025年07月04日 93 点赞 0 评论 15710 浏览
前端界面生成PDF并导出下载 最近,公司后台管理系统有个项目需求,将前端定义好的界面导出PDF文档。我查阅很多文档,发现可以使用html2canvas、jspdf来完成。也可以通过jspdf来绘画PDF文档 思路: 通过 html2canvas 将 HTML 页面转换成图片,然后再通过 jspdf 将图片的 base64 生成为 pdf 文件 1、安装 npm install html2canvas --save np 前端 2025年07月04日 143 点赞 0 评论 13271 浏览
基于vue2.x实现的即时通讯程序仿微信聊天4开发聊天详情静态页面 image.png 点击v-for出来的元素,跳转页面 给元素定义一个click点击事件,跳转页面用到动态路由 tamplate @click="toDetailPage(item)" methods toDetailPage(item) { this.$router.push("/chatDetail/1") } 新建页面 在src/views新 前端 2025年07月04日 176 点赞 0 评论 15959 浏览
582. 【前端】React 组件调试小技巧 一般我们在调试单个React组件时,借助于热更新,我们改改代码可以在浏览器实时看到更新,但当项目比较大的时候,我们调试的页面在整个应用中的路由层级比较深,就会导致:每一次咱们修改完一个地方的代码,浏览器自动刷新到了首页,并进入修改的页面,才能看到更新之后的变化。 介于此,这篇分享一个前端调试React组件的方法。 一、使用 createPortal 构建测试组件 scss代码: .test-con 前端 2025年07月04日 34 点赞 0 评论 14132 浏览
vite vue3 config配置篇 关于vite初始化项目参考自 配置基于自生产上线项目所使用配置 vite.config.js 导入模块内容 import { defineConfig } from 'vite' #vite配置 import vue from '@vitejs/plugin-vue' #vue import vueJsx from '@vitejs/plugin-vue-js 前端 2025年07月04日 184 点赞 0 评论 6882 浏览
JavaScript 中的自定义事件 在 JavaScript 中,可以通过两种方式创建自定义事件: 使用 Event 构造函数 使用 CustomEvent 构造函数 也可以使用 document.createEvent 来创建自定义事件,但从函数返回的对象所公开的大多数方法已被弃用,这里就不进行介绍,如需了解请查阅 MDN。 使用 Event 构造函数 可以使用 Event 构造函数创建自定义事件,如下所示: const m 前端 2025年07月04日 102 点赞 0 评论 5083 浏览
uniapp路由—— uni-simple-router 要在uniapp中使用路由守卫,uniapp原生的api是比较欠缺的,所以要用‘uni-simple-router’插件包 安装 // 项目根目录执行命令行 下载稳定版本 npm install uni-simple-router@2.0.7 // 根据pages.json总的页面,自动构建路由表 npm install uni-read-pages 配置vue.config.js 前端 2025年07月04日 162 点赞 0 评论 16107 浏览
Pygame Zero库教程-鼠标点击事件 Actor的位置: image Actor重要属性和方法: 其他属性同pygame.Rect 外观:image, 如alien.image = 'alien_hurt' 位置: piex坐标值:x,y, 设置位置:pos,left/right/top/bottom 角度:angle 绘制f方法:draw() 距离方法: Actor.distance_to(target) 角度方法 前端 2025年07月04日 82 点赞 0 评论 3272 浏览
uniapp中使用videojs构建H5直播播放器 这两天在开发H5直播带货功能模块,使用原生的video播放器播放不了m3u8的流地址,于是找了videojs,参考了网上的一些资料研究了一下,感觉还不错,videojs播放m3u8流地址还挺稳定的,下面就简单记录一下uniapp里面使用方式。 效果 一、使用npm安装videojs npm i video.js --save npm i videojs-flash --save 前端 2025年07月03日 120 点赞 0 评论 5334 浏览
浅谈提高微信小程序的应用速度 1、提高页面的加载速度: 从页面响应用户点击行为,开始跳转,到新页面onload事件触发,延迟大概在100-300ms之间。我们可以利用这段时间,预先发起新页面所需要的网络请求 2、用户行为预测: 在某些场景下,用户的行为可以预测,我们可以在用户还没点击的时候就预加载下个页面的数据。让下个页面秒开,进一步提升体验的流畅性。 3、减少默认的data的大小 4、组件化方案: 基类做的事情,就是把组件对 前端 2025年07月03日 122 点赞 0 评论 6975 浏览