前端

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、组件化方案: 基类做的事情,就是把组件对

微信小程序组件: tab标签页

需求: 插槽为动态, 可以在使用页面自行设置 可以自定义设置每个tab的样式, 也可以设置容器的样式 如果tab太多, 容器可以横向滚动 设置当前tab值可以自动定位到当前tab位置 思路: slot属性name动态设置 设置默认样式, 写好公共的方法, 将对象转换成style可以用的字符串 scroll-x scroll-into-view 效果图: 组件代码 ⬇️ w

Vue3.0 | vue3的新特性

Vue3的变化 官网地址: 一、对比vue2的变化 1.优点 vue3支持vue2的大多数特性,实现对vue2的兼容 vue3对比vue2具有明显的性能提升 打包大小减少41% 初次渲染快55%,更新快133% 内存使用减少54% 更好的支持TypeScript 使用Prox

vite + vue3 多页面实战优化续集:eslint+lint-staged+husky+stylelint

目的:项目投入使用发现很多使用起来不舒服的地方,进行优化 注意!!!:最新的一次创建项目运行时候以及配置eslint部分出现了许多问题,可以结合最新的一篇vite+vue+ssg做官网 再记录一下项目创建结合起来查看是否有你遇到的问题 前提:在上一篇vite + vue3多页面配置记录references,loadEnv等中我详细记录了通过各种配置了解多页面项目。 结果:最终代码放到gitee这里

在vue项目中axios发起请求时的小知识

1.发起axios请求时,喜欢使用async和await来修饰 使用axios发起请求时,我们在一些文章或者视频当中多多少少都会看到async和await这对兄弟?所以它们到底是什么意思呢?为什么要写成这样子? async和await是es7的语法,其实我们不需要深入理解,就当养成习惯就好,以后记住发送axios请求的时候加上这对修饰兄弟就行 async就是一个修饰符,用来修饰函数的,awai

《图解Vue3.0》- 调试

如何对vue3项目进行调试 调试是开发过程中必备的一项技能,掌握了这项技能,可以很好的定义bug所在。一般在开发vue3项目时,有三种方式。 代码中添加debugger; 使用浏览器调试:sourcemap需启用 vs code 调试:先开启node服务,后启用vs code的调试模式 具体使用如下: debugger调试法 当打开开发者模式时才会起作用(F12), 但是使用完之后将其删除,