
vue
前端三大框架之一······vue
weixin_47164846
这个作者很懒,什么都没留下…
展开
-
前端vue全局注册懒加载指令
引入全局,就可以使用v-lazy指令去监听img。原创 2023-11-30 16:27:01 · 163 阅读 · 0 评论 -
手机端实现触摸拖拽效果
手机端实现触摸拖拽效果前言相信在开发手机端页面时,大家都会碰到拖拽元素的需求,下面我们就来介绍一下相关的实现过程,我们需要使用到touchstart,touchmove,touchend三个事件,1.touchstart是触摸开始时触发的事件2.touchmove是触摸移动过程中触发的事件3.touchend是触摸结束时触发的事件我们遇到这样一个需求,初始状态,底部会展示一小部分区域,当我们手指触摸到上面时,向上滑动,底部区域会随着手指移动而跟着向上移动这里有三块,1.首页,2.底部区域,原创 2022-05-22 15:16:36 · 2437 阅读 · 3 评论 -
前端如何实现活动分享功能
前言最近遇到了将我们做的活动链接以二维码的形式分享到微信,qq等第三方平台上,通过扫码的形式打开我们的活动的需求。难点1.如何将链接转换成二维码2.有二维码也不行,太单调了,分享出去的不能只是一个二维码,应该还需要有体现当前活动的元素,所以需要生成一个截图,在截图中需要二维码,活动元素等如何将链接转换成二维码,使用vue-qr首先在代码中下载vue-qr这个库 <vue-qr :text="browserUrl" :margin="0"原创 2022-03-12 16:07:17 · 2099 阅读 · 0 评论 -
typescript 中函数参数为对象如何效验
前言ts作为编译型语言,最大的作用就是检测代码,当我们函数存在参数时,当然也需要进行类型检测1.当函数存在参数时 jumpPage(item: any): void { let { routeName, path, params, title } = item; }使用any,虽然不会报错,但是这样并不会进行类型检测 interface ConfigItems { title: string; icon: string; subTitl原创 2022-03-11 14:07:06 · 2434 阅读 · 2 评论 -
js实现元素曝光
实现元素曝光的方法1.js实现元素曝光2.使用js的库实现元素曝光1. js实现元素曝光的难点1.如何判断一个元素是否曝光2.如何监听如何判断一个元素是否曝光 private isElementInViewport(el): boolean { let rect = el.getBoundingClientRect(); return ( rect.top >= 0 && rect.le原创 2022-03-07 17:01:35 · 5025 阅读 · 0 评论 -
phaser.js,主要实现了移动底部篮子,接取下落物体
1.我将phaser分为3个文件,资源加载BootScene.js,逻辑处理PlayScene.js,整合game.js加粗样式1.1资源加载BootScene.jsimport { Scene } from 'phaser';// 本地import bgMusic from '@src/assets/music/bgMusic.mp3';import bomb from "@src/assets/receiveEuropeanGas/bomb.png"import european_gas原创 2022-02-22 10:28:57 · 3754 阅读 · 1 评论