- 博客(13)
- 收藏
- 关注
RSS订阅原创 记录react的学习生涯之useRoutes的配置
2、在src下创建一个router文件夹，创建一个IndexRouter的js文件，在这个文件里面保存路由配置。需要注意的是，如果是子组件，需要在父组件加上，才能显示~3、在app.js文件里面引入这个文件夹，并且使用。1、首先是react-router-dom的安装。最后npm start运行项目，就能看到效果啦~
2023-01-10 10:41:30
378
原创 记录百度地图SHA1配置的方法
在生成SHA1之前，我们都需要安装Java版本，我安装的Java版本是jdk-18.0.1.1在windows的cmd里进入到.android命令：cd .android1、开发版的SHA1：命令1：keytool -genkey -v -keystore debug.keystore -alias androiddebugkey -keyalg RSA -validity 10000默认的密钥是：android命令2：keytool -list -v -keystore debug.keystor
2022-07-07 10:31:59
753
原创 前端性能优化篇：分批加载
性能优化的作用不言而喻，我们今天要搞的就是列表的性能优化，除了常用的分页之外，我们还有一个分批加载，主要就是后端返回大批量的数据，我们在渲染的时候通过循环的定时器去加载，话不多说，直接上代码：这是一个比较简单的例子，具体的话还是需要实际应用才知道，但是大致的解决思想是不改变的。欢迎指导。...
2022-06-29 15:11:39
816
原创 拿来即用，html+css+js原生实现简易的弹幕效果
闲来无事，做了一个弹幕效果，话不多说，直接上代码，拿来即用。下面是html代码：下面是css代码：下面是js的带按摩效果图是这样的：感谢收看，欢迎指导，还是小白，代码写得不好，还请见谅。......
2022-06-24 15:58:14
1946
2
原创 节流和防抖的简单理解
1、节流的理解：节流就是利用定时器，在规定的时间内只执行一次需要执行的事件。过程就是第一次点击的时候，判断的值为空，没有进行return事件，将定时器赋值给判断的值，如果再次点击，就会执行return事件，因为函数是常驻内存，所以在规定时间内的规定事件不会执行点击事件。 let button = document.getElementById('button') let timer; button.onclick = function () { if (timer) ret
2022-05-05 17:24:24
709
原创 原生js实现简易的左右滑动的轮播图效果
这是css的代码.main { width: 750px; height: 500px; box-sizing: border-box; padding: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
2022-04-26 09:46:29
1153
原创 flex布局实现简易九宫格
直接上代码：//HTML部分 <div class="warp"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div> <div class="item">4</div> <div class="item"&g
2021-07-12 18:14:30
396
原创 promise中的简单宏任务和微任务
先来看看以下的代码，看看执行的顺序是什么？ console.log("1"); setTimeout(() => { console.log("2"); new Promise((reslove)=>{ console.log("3"); reslove() }).then(()=>{ con
2021-07-08 18:40:01
1212
原创 reduce方法实现数组去重和统计个数
标题 js数据的去重和统计个数我们用reduce方法来解决这两个问题，首先我们需要知道reduce方法的定义，reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。下面直接看例子： const arr=[1,1,2,3,3,4,4,5,5,6] // 数组去重 const sum=arr.reduce((prev,cur)=>{ if(prev.indexOf(cur) === -1
2021-07-07 14:44:57
847
原创 async+await的简单实用案例
<style> .box { width: 100px; height: 100px; background-color: red; position: absolute; left: 0px; top: 0px; }</style> <div class="box"></div&
2020-11-23 19:19:10
222
原创 js实现简单的方块45度角移动
<style> .box{ width: 100px; height: 100px; background-color: red; position: absolute; left: 0px; top: 0px; } </style><div class="box"></div&g
2020-11-22 16:40:23
716
原创 js基础，for循环实现九九乘法表
* { margin: 0; padding: 0; font-size: 0; } .bo { width: 1000px; height: 500px; background: gray; border-radius: 20px; box-shadow: 0px 0px 30px
2020-11-21 23:55:32
237
原创 mousemove鼠标移动
鼠标移动事件mousemovediv{ width: 200px; height: 200px; background: red; position: absolute; top: 0; left: 0; }// pageX、pageY获取鼠标的坐标 var div=document.querySelector('div');
2020-11-21 18:10:50
842
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人