正则表达式
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2023-04-17 16:09
随笔分类 - JS
通过JS学会制作动态的页面
页面渲染原理以及异常
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2023-04-17 16:08
函数防抖
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2023-04-13 08:52
JS-轮播图（圆点点击，左右侧按钮切换，自动播放）
摘要：//放入数据 //点击小圆圈，可切换对应图片，小圆圈的样式也跟随变动 //点击左右侧按钮，可来回切换图片，小圆圈样式跟随变动 //可自动切换轮播图，鼠标移入后不在自动滚动 (function(){ var date = [ { img : './image/banner.jpeg' }, { img
阅读全文
posted @ 2023-04-11 23:28
拖拽功能
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2023-04-09 19:41
this
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2023-04-05 22:36
原型链
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2023-04-05 22:35
继承
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2023-04-05 22:35
数字和字符串
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2023-04-05 22:35
日期
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2023-04-05 22:34
数组
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
posted @ 2023-04-05 22:34
var、let、const
摘要：var和let是变量（var有数据穿透；比如使用var写个for循环，在for循环外面打印var，会打印出来；而let会直接报错） for(let i = 0 ; i < 5 ; i++){ console.log(i) } //使用var 打印0-5；使用let直接报错 console.log(i
阅读全文
posted @ 2023-03-16 19:56
触发点击事件方法，解除绑定事件，事件冒泡/捕获，阻止默认事件，事件委托
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .box1 { width: 300px; height: 300px; background-color: red; } .box2 { wid
阅读全文
posted @ 2022-09-01 20:45
鼠标点击事件，节点属性，基础关系，常用语法，插入元素，删除元素，替换元素，element属性，setAttribute，getArribute
摘要：onblur 失去焦点 onfocus 获取焦点 onclick 鼠标点击事件，当鼠标左键点击时候会触发。 点击 ondbclick 当鼠标双击时候会触发，并有一个时间间隔，但不能太大。 双击 onmousedown 鼠标按下事件，当鼠标左中右键按下的时候触发 按着 onmouseup 鼠标抬起事件
阅读全文
posted @ 2022-08-16 20:48
dom---对象
摘要：date() 方法 date() 返回当日日期和时间 getDate() 返回一个月中的一天（显示当天） getDay() 返回一周中的一天（显示当天） getMonth() 返回一年中的一月 （显示上个月，因为从0开始） gete.getFullYear() 返回今年年份 getTime() //
阅读全文
posted @ 2022-08-16 20:48
遍历节点数和基于元素节点的遍历
摘要：//遍历节点数 stround.parentNode() //寻找父级 （小知识点：最高的父级为document） ，只有一个 div.childNodes() //寻找子节点，可以有N个 div.firstChild() //寻找子节点，第一个节点 //test div.lastChild() /
阅读全文
posted @ 2022-08-09 22:59
DOM----基础语法（onclick，onmouseover, setInterval , onkeydown）
摘要：1.onclick 点击事件 //一.练习DOM onclick 点击事件 // var div = document.getElementsByTagName("div")[0]; // div.style.width = "100px"; // div.style.height = "200px
阅读全文
posted @ 2022-08-08 22:31
try抛出异常（ReperenceError/SyntaxError）
摘要：<script type="text/javascript"> //try try里面所有的语句，报错了，就不会在往下执行try里面语句，会执行catch里面的语句以及全局的 // try { // console.log('a'); // console.log(b); // console.lo
阅读全文
posted @ 2022-08-08 13:40
ES5的使用eval，（）
摘要：<script type="text/javascript"> //es5严格模式 //当es3和es5一些方法存在冲突，要不使用es5方法去解决，要不默认用es3的方法去解决 // function demo() { // console.log(arguments.callee); // } /
阅读全文
posted @ 2022-08-08 13:39
this的应用
摘要：//this //1.函数预编译过程中 this指向windows // function text() { // console.log(this);//[object Window] // } //text(); //2.全局作用域里 this指向windows //3.call和apply 改
阅读全文
posted @ 2022-07-17 16:30
