- 博客(5)
- 收藏
- 关注
RSS订阅原创 浅析insertAdjacentHTML()、insertAdjacentElement()和insertAdjacentText()的用法和区别
用法他们三儿的用法都差不多，都是插入一些东西进去，只不过插的东西不一样罢了。element.insertAdjacentElement(position, element)// element被插的元素// position要插入的位置// 要插入的元素这三个方法都是有两个参数，第一个参数是要插入的位置，第二个参数是要插入的东西第一个参数一共有四个值'beforebegin': 在该元素本身的前面. 'afterbegin':只在该元素当中, 在该元素第一个子孩子前面. 'b
2022-04-09 22:10:45
1363
原创 js本地缓存的三种方式
目录为什么要本地缓存？1、cookiecookie特点：cookie的注意项：cookie设置cookie清除2、localStorage和sessionStorage设置getItem()：获取setItem()：删除removeItem()：其他的一种设置获取：全部清除clear()：为什么要本地缓存？有时候我们客户端（浏览器）从服务端请求的数据要多个页面且多次使用时，我们就要把这个数据请求到，储存到我们的本地缓存，这样就可以减...
2022-04-07 20:42:59
14098
原创 手把手教你用原生js实现无缝滚动
效果展示上图就是我们要实现的无缝滚动效果。整体思路按照惯例我们先来说一下思路，一开始图片静止，点击各个按钮，顾名思义都有相应的效果，无缝滚动最主要的效果就是图片一直保持匀速运动。 点击向右按钮（点击事件），红色框框内（框框相对定位）的图片（图片绝对定位）开始滚动，不停止（定时器），这里所有图片应该用一个容器包裹起来绝对定位给到这个图片的父级容器，然后，设置一个定时器，获取图片父级容器的left，每运行一次定时器，增加一次或减少一次left，这样就可以做出向...
2022-04-07 16:13:17
5220
原创 js + css 做出网易云音乐的轮播图
先说一下思路，网易云轮播图是这样的，每隔一段时间（这里运用到了js的定时器）右边的图片会放大（css的transform）并切换（定位的z-index）上来（这里还运用了过渡transition），最前面一张图片会到左边的下面，如此重复轮播，鼠标移入图片区域（鼠标移入事件），轮播暂停（清除定时器），点击左右箭头可以切换图片（鼠标点击事件），鼠标移入图片下方的悬浮点也可以快速切换图片（悬浮点的鼠标移入事件，这里也要记得清除定时器）。好了，思路说完了，接下来我们开始写代码首先构建文件夹，images..
2022-03-26 22:46:25
2234
原创 手把手教你用html写Hello World
首先，我们先新建一个txt文件，鼠标右键，在新建里面找到文本文档，然后把文档名改成helloWorld.txt
2022-03-25 10:38:47
7826
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人