- 博客(7)
- 收藏
- 关注
原创 vue递归遍历router,修改path路径
data() { return { routeData: [ { path: "/index", name: "index", children: [ { path: "/home", children: [ { path: "/index", ...
2021-04-28 11:00:16 1305
原创 map的使用
let mapItem = new Map(); mapItem.set(0, "A"); mapItem.set(1, "B"); //forEach遍历 mapItem.forEach((item, key) => { console.log("map遍历", key + "->" + item); }); //for of(map.values())遍历 获取值 for (let i...
2021-04-25 17:47:55 98
转载 动态背景图
1.项目中要用到,百度了很多,原创的链接忘记了,原文是呐ts写得,自己改了一下,放到了vue中,使用的时候直接放入到vue项目中就行,注意页面内容和背景的层级关系就可以<template> <div style="position: relative" id="main"> <div></div> <canvas ref="cas" id="canvas"> </canvas> </div>&l
2021-04-20 17:08:31 347
原创 原生js轮番图
讲到用原生js实现轮番图,就得说道运动。当然直接用定时器,改变ul的left也可以,但是要是想看起来有点动画的效果,出去css的动画实现,如果要用js的 话,就得说到运动,下面先来说一下变速运动function animateBuffer(ele,obj,speedTime,callback){//funciton(){} if(speedTime == "slow"){ spee...
2018-09-10 23:13:49 828
原创 淘宝放大镜
实现淘宝放大镜,其实很简单,主要就是鼠标拖动放大镜的时候,相应的图片的移动,以及相应的比例关系1.首先利用拖拽,让放大镜可以在小图框里跟随着鼠标移动,也就是实现拖拽,记得做边界处理;说一下边界处理。所谓边界处理,就是随着鼠标所移动的元素不要超过文档显示范围,也就是说,这个元素左边不能小于0,右边不能大于文档显示区域-元素本身的宽度,如果超出,那就让他等于这个宽度即可,高度也是一样的。2.再...
2018-09-08 22:33:56 135
原创 完美拖拽
实现拖拽其实很简单1.首先绑定事件,一般应该是鼠标移入事件 onmouseover2.然后获取鼠标移入后距离父元素的左,上边距,e.offsetLeft和e.offsetTop3.然后绑定鼠标移动事件 onmousemove,计算出 鼠标距离浏览器左边,上边的距离 e.pageX和e.pageY然后计算出可移动的范围就可以,记得做边界处理<script type="t...
2018-09-08 22:09:41 209
原创 三种求素数的方法
1.最近刚开始接触这些,看到写了好多有关求素数的代码,,来点小总结 第一种:这种可能比较容易理解,首先定义计数器,然后根据技术器I的值进行if判断// <!--5.计算100--200之间素数个数 --> <script type="text/javascript"> var count=0; var num=0;...
2018-08-22 00:10:32 692
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人