2024-06-09 厉飞雨 阅读(57) 评论(0) 赞(3)

在浏览一些博客或 wiki 类网站的时候，你可能会发现在文章的开头或侧边会有一个目录，点击就可以跳转到指定的章节。对于比较长的文章来说，目录还是比较重要的。通过目录可以快速了解文章包含的内容，要查看某个章节也可以直接跳转。 最近准备给博客增加一个生成文章目录的功能，下面简单写一下实现方式。

2024-06-09 厉飞雨 阅读(57) 评论(0) 赞(3)

轮播图是网站中常见的一种展示方式，一般常用于：电商网站、新闻网站、企业官网 等。轮播图也是前端开发必须掌握的基础。这里就用 CSS3 + 原生 JavaScript 实现一个简单的轮播图。 注意！因为使用了 CSS3 ，所以不能在 IE10 以下的浏览器运行。

2024-06-06 厉飞雨 阅读(69) 评论(0) 赞(4)

场景在调试web页面时，我们想修改某处的js效果，但由于页面引入的js文件较多，不知道该在哪个文件里去找，这时候可以利用Chrome浏览器来帮助我们调试。如何使用1.在Chrome浏览器中按F12打开开发者工具，切换到Sources（源码）选项卡2.在Sources（源码）选项卡右侧找到Event Listener Breakpoints（事件监听断点）,勾选你想监听的事件3.

2024-06-05 厉飞雨 阅读(59) 评论(0) 赞(3)

定义变量在ES6之前，通过var关键字来定义变量，ES6中引入了另外两个声明变量的关键字：const 和 let。const {#const}被 const 声明的变量不能被重新赋值或重新声明。换句话说，它将不能再被改变。你可以使用它创建不可变数据结构，一旦数据结构被定义好，你就不能再改变它了。// 这种写法是不可行的 const hello...

2023-08-05 厉飞雨 阅读(120) 评论(0) 赞(5)

DOM事件 1.DOM中的事件可以分为两类 (1).浏览器行为 如：文档加载完成，图片加载完成 2.用户行为 如：输入框输入数据，点击按钮 (2).常见的DOM事件 onload 浏览器已完成页面的加载 支持事件的对象 window image onchange HTML 元素改变 onclick 用户点击 HTML 元素 onmousemove 用户移动鼠标 onmous...