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

yu3278326 — Thu, 29 Jul 2021 16:06:15 +0800

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

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

yu3278326 — Thu, 29 Jul 2021 15:56:24 +0800

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

...

原生JavaScript -- 放大镜效果

yu3278326 — Thu, 19 Mar 2020 22:09:19 +0800

Document<... </article> <article> <h1>原生JavaScript -- 轮播图效果</h1> <p>yu3278326 — Mon, 16 Mar 2020 21:04:03 +0800</p> 阅读这篇文章之前，你需要了解： DOM操作、函数封装、JavaScript基本语法 CSSHTML部分： <style> *{padding: 0; margin: 0;} .container{ width: 1130px; height: 286px; position: rel... </article> <article> <h1>JavaScript获取CSS元素</h1> <p>yu3278326 — Mon, 16 Mar 2020 21:03:00 +0800</p> 这里先定义一个对象 <style> #box{ width:100px; height:100px; background-color:#ddd; } </style> <div id="box" style="position: absolute;"></div> 获取CSS样式分为两种一种是获取行内(内联)样式，一种是获取样式... </article> <article> <h1>JavaScript排序算法之--快速排序</h1> <p>yu3278326 — Tue, 03 Mar 2020 18:50:52 +0800</p> 快速排序的宗旨在于找中点分左右在读取这篇文章之前，你需要了解递归函数递归函数由三大要点构成 1.终止条件 2.运算规则 3.返回结果 var arr = [2,5,1,3,7,4] 终止条件：如果数组之中只有一项或者数组为空，这时候终止递归执行 function quickSort( arr ){ if(arr.length ===1 || arr.length ===0 ){ r... </article> <article> <h1>JavaScript排序算法之--桶排序</h1> <p>yu3278326 — Tue, 03 Mar 2020 17:55:43 +0800</p> 桶排序的利用的是数组的下标可以自动排序 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... </article> <article> <h1>JavaScript排序算法之--选择排序</h1> <p>yu3278326 — Tue, 03 Mar 2020 17:30:20 +0800</p> 选择排序用的是假设性原则假定一个数字是最小值验证这个数字是不是最小值，如果不是，换位假设第一个数字是最小的 var min = arr[0]; var index = 0 和数组之中的其余项进行比较，查看是不是最小值 for(var i = 1 ; i < arr.length ; i ++){ //如果有比假定数字还小的数字 if( arr[i] < min ){ /... </article> <article> <h1>JavaScript排序算法之--冒泡排序</h1> <p>yu3278326 — Mon, 02 Mar 2020 19:51:43 +0800</p> 冒泡排序 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 i 1 2 3 i+1 for(var i = 0 ; i < arr.length ; i ++){ conso... </article> </main></body></html>

yu3278326的博客

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

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

原生JavaScript -- 放大镜效果