微笑向暖@@-CSDN博客

原创 vue递归遍历router，修改path路径

data() { return { routeData: [ { path: "/index", name: "index", children: [ { path: "/home", children: [ { path: "/index", ...

2021-04-28 11:00:16 1279

原创 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 90

转载动态背景图

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 332

原创原生js轮番图

讲到用原生js实现轮番图，就得说道运动。当然直接用定时器，改变ul的left也可以，但是要是想看起来有点动画的效果，出去css的动画实现，如果要用js的话，就得说到运动，下面先来说一下变速运动function animateBuffer(ele,obj,speedTime,callback){//funciton(){} if(speedTime == "slow"){ spee...

2018-09-10 23:13:49 800

原创淘宝放大镜

实现淘宝放大镜，其实很简单，主要就是鼠标拖动放大镜的时候，相应的图片的移动，以及相应的比例关系1.首先利用拖拽，让放大镜可以在小图框里跟随着鼠标移动，也就是实现拖拽，记得做边界处理；说一下边界处理。所谓边界处理，就是随着鼠标所移动的元素不要超过文档显示范围，也就是说，这个元素左边不能小于0，右边不能大于文档显示区域-元素本身的宽度，如果超出，那就让他等于这个宽度即可，高度也是一样的。2.再...

2018-09-08 22:33:56 111

原创完美拖拽

实现拖拽其实很简单1.首先绑定事件，一般应该是鼠标移入事件 onmouseover2.然后获取鼠标移入后距离父元素的左，上边距，e.offsetLeft和e.offsetTop3.然后绑定鼠标移动事件 onmousemove,计算出鼠标距离浏览器左边，上边的距离 e.pageX和e.pageY然后计算出可移动的范围就可以，记得做边界处理<script type="t...

2018-09-08 22:09:41 185

原创三种求素数的方法

1.最近刚开始接触这些，看到写了好多有关求素数的代码，，来点小总结第一种：这种可能比较容易理解，首先定义计数器，然后根据技术器I的值进行if判断//  <script type="text/javascript"> var count=0; var num=0;...

2018-08-22 00:10:32 668

weixin_41022957的博客