前端

Vue2 中使用Swiper构建中间大两边小轮播效果

Swiper是一个功能丰富的“滑动特效”插件: 常用的tab切换,banner切换等等,包含各种切换特效,看Demo就非常炫酷。同时,也提供了主流的框架组件版本。然而,最新版的Vue组件只支持在Vue3中使用。查找资料后实践,记录一个Vue2中的使用方式。 Swiper的官网介绍也比较清楚,英文官网中是最新的版本的内容,没有找到旧版的文档内容,中文官网可以看到旧版的文档。 一、Swiper 在Vu

前端界面生成PDF并导出下载

最近,公司后台管理系统有个项目需求,将前端定义好的界面导出PDF文档。我查阅很多文档,发现可以使用html2canvas、jspdf来完成。也可以通过jspdf来绘画PDF文档 思路: 通过 html2canvas 将 HTML 页面转换成图片,然后再通过 jspdf 将图片的 base64 生成为 pdf 文件 1、安装 npm install html2canvas --save np

582. 【前端】React 组件调试小技巧

一般我们在调试单个React组件时,借助于热更新,我们改改代码可以在浏览器实时看到更新,但当项目比较大的时候,我们调试的页面在整个应用中的路由层级比较深,就会导致:每一次咱们修改完一个地方的代码,浏览器自动刷新到了首页,并进入修改的页面,才能看到更新之后的变化。 介于此,这篇分享一个前端调试React组件的方法。 一、使用 createPortal 构建测试组件 scss代码: .test-con

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

JavaScript 中的自定义事件

在 JavaScript 中,可以通过两种方式创建自定义事件: 使用 Event 构造函数 使用 CustomEvent 构造函数 也可以使用 document.createEvent 来创建自定义事件,但从函数返回的对象所公开的大多数方法已被弃用,这里就不进行介绍,如需了解请查阅 MDN。 使用 Event 构造函数 可以使用 Event 构造函数创建自定义事件,如下所示: const m

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

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) 角度方法

uniapp中使用videojs构建H5直播播放器

这两天在开发H5直播带货功能模块,使用原生的video播放器播放不了m3u8的流地址,于是找了videojs,参考了网上的一些资料研究了一下,感觉还不错,videojs播放m3u8流地址还挺稳定的,下面就简单记录一下uniapp里面使用方式。 效果 一、使用npm安装videojs npm i video.js --save npm i videojs-flash --save

浅谈提高微信小程序的应用速度

1、提高页面的加载速度: 从页面响应用户点击行为,开始跳转,到新页面onload事件触发,延迟大概在100-300ms之间。我们可以利用这段时间,预先发起新页面所需要的网络请求 2、用户行为预测: 在某些场景下,用户的行为可以预测,我们可以在用户还没点击的时候就预加载下个页面的数据。让下个页面秒开,进一步提升体验的流畅性。 3、减少默认的data的大小 4、组件化方案: 基类做的事情,就是把组件对