daye99-CSDN博客

原创 Vue3项目使用better-scroll实现滑动效果

BetterScroll日常有许多业务代码，会要求实现滚动功能，比如某东的商城这样的效果不难，但是用原生的overflow:scroll实现不了灵动的效果，所以引入了一款插件better-scroll使用因为要在代码里使用，所以是-Snpm i better-scroll -S<div class="left-content" ref="leftScroll"> <div class="left"> <d

2021-07-29 16:06:15 3317

原创 Vue3 vue-router刷新获取不到路由路径

今天修改写页面的时候发现一个Bug，底部导航栏默认是在首页，在其他页面进行刷新的时候，导航栏active又回回到首页，这样体验很不好环境"vue-router": "^4.0.10","vue": "^3.0.5","vant": "^3.1.5",<router-view /><van-tabbar v-model="navActive" active-color="#e4313

2021-07-29 15:56:24 5226 2

原创 JavaScript -- 函数节流与函数去抖

函数节流与函数去抖大幅度的减少计算机运行的资源函数去抖<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...

2020-03-29 18:11:34 187

原创原生JavaScript -- 放大镜效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&lt...

2020-03-19 22:09:19 127

原创原生JavaScript -- 轮播图效果

阅读这篇文章之前，你需要了解：DOM操作、函数封装、JavaScript基本语法CSSHTML部分：<style> *{padding: 0; margin: 0;} .container{ width: 1130px; height: 286px; position: rel...

2020-03-16 21:04:03 208 1

原创 JavaScript获取CSS元素

这里先定义一个对象<style> #box{ width:100px; height:100px; background-color:#ddd; }</style><div id="box" style="position: absolute;"></div>获取CSS样式分为两种一种是获取行内(内联)样式，一种是获取样式...

2020-03-16 21:03:00 310

原创 JavaScript排序算法之--快速排序

快速排序的宗旨在于找中点分左右在读取这篇文章之前，你需要了解递归函数递归函数由三大要点构成1.终止条件2.运算规则3.返回结果var arr = [2,5,1,3,7,4]终止条件：如果数组之中只有一项或者数组为空，这时候终止递归执行function quickSort( arr ){ if(arr.length ===1 || arr.length ===0 ){ r...

2020-03-03 18:50:52 252

原创 JavaScript排序算法之--桶排序

桶排序的利用的是数组的下标可以自动排序var arr = [];//arr[乱序下标] = 随意数组arr[5] = 1;arr[2] = 1;arr[3] = 1;arr[9] = 1;arr[10] = 1;//无论放入的顺序是什么，数组的排序都是不会乱的console.log(arr);运行结果：(11) [empty × 2, 1, 1, empty, 1, e...

2020-03-03 17:55:43 1463

原创 JavaScript排序算法之--选择排序

选择排序用的是假设性原则假定一个数字是最小值验证这个数字是不是最小值，如果不是，换位假设第一个数字是最小的var min = arr[0];var index = 0和数组之中的其余项进行比较，查看是不是最小值for(var i = 1 ; i < arr.length ; i ++){ //如果有比假定数字还小的数字 if( arr[i] < min ){ /...

2020-03-03 17:30:20 138

原创 JavaScript排序算法之--冒泡排序

冒泡排序 var arr = [3,5,2,7,9,11,6];首先需要了解两个数之间的换位数组arr里面3和5之间的换位 var temp = arr[0]; arr[0] = arr[1]; arr[1] = temp;冒泡排序原理时两两比对0 1 2 i1 2 3 i+1for(var i = 0 ; i < arr.length ; i ++){ conso...

2020-03-02 19:51:43 193

yu3278326的博客