- 博客(86)
- 收藏
- 关注
RSS订阅原创 this指向
/ 函数.apply(this,[aeg1,arg2...]) //参数里面是数组，必须是数组。// 箭头函数中访问的this不过是箭头函数所在作用域的this变量。//箭头函数中的this与普通函数指向完全不同，也不守调用方法的影响，构造函数不能使用箭头函数，会报错。
2022-11-20 09:10:06
210
1
原创 原型:
/ 构造函数的prototype属性指向了一个对象,我们把这个对象称为原型对象或者原型。// 作用:共享方法,节省空间,把方法和属性放在原型对象上,节省空间。// 原型对象:就是构造函数的一个属性,prototype。// 每个构造函数都有prototype属性。
2022-11-18 06:05:41
162
原创 js作用域
js除了变量还有常量，常量与变量本质的区别【常量必须有值并且不允许被重新赋值】，常量值为对象时属性和方法允许重新赋值。注意：开发中let和const经常不加区分的使用，如果担心某个值会不小心被修改，则使用const声明为常量。js中的作用域是程序被执行的底层机制，了解这一机制有助于规范代码书写习惯，避免作用域导致的语法错误。在js中使用{ }包裹的代码称为代码块，代码块内部声明的变量，外部【有可能】无法被访问。let声明的变量会产生块级作用域，var不会产生块级作用域。不同代码之间的变量无法相互访问。
2022-10-14 20:41:54
554
原创 自定义属性（html5版本）
html5版本： 统一使用data-开头，一眼认出，这是自定义属性；获取方法使用dataset。旧版本：（不再推荐使用，不规范；
2022-10-09 20:01:25
78
原创 本地存储（localStorage和sessionStorage）
无法存储复杂 数据类型，所以需要先把复杂数据类型转换为JSON字符串，后再存储到本地。JSON.stringify(复杂数据类型)将复杂数据类型转换为JSON字符串。将JSON字符串转换为对象。JSON.parse(字符串)
2022-10-08 17:54:54
933
原创 window对象
这样所导致的问题是：如果js执行的时间过长，这样就会页面的渲染不连贯，导致页面渲染加载阻塞的感觉。诞生的使命所致---JavaScript是处理页面中用户1的交互，以及操作DOM而诞生的。window是浏览器内置中的全局变量，我们所学的所有web apis的知识内容基于window对象实现的。history的数据类型是对象，该对象和浏览器地址栏的操作相对应 ，如前进、后退、历史记录等。注：依附于window对象的所有属性和方法，使用的时候可以省略window。search属性获取地址中携带的参数，符号？
2022-10-07 15:59:34
274
原创 元素的大小和位置
scrollWidth和scrollHeight。可视窗口尺度改变的时候，触发该事件resize。获取元素内容往左、往上滚出去看不见的距离。scrollLeft和scrollTop。client 当前可视区域。总宽高（不包含滚动条）返回值不带单位。scroll（滚动）家族。
2022-09-29 21:07:19
69
原创 滚动事件和加载事件
注意：不光可以监听整个页面资源加载完毕，也可以针对某个资源绑定load事件（就是某个dom加载完毕，执行某个操作）很多网页需要检测用户把页面滚动到某个区域后做出一些处理，比如固定导航栏、返回顶部等。加载外部资源（如图片、外联css和JavaScript等）加载完毕时触发的事件。当初始的html文档被完全加载和解析完成之后，给window添加load事件。当页面进行滚动时触发的事件。事件名： load。事件名：scroll。
2022-09-18 04:25:40
235
原创 js学生信息表分析
把数组的数据渲染到页面中，同时清除表单的里面的值，下拉列表的值复原。不管添加还是删除，都是操作的数据（数组），然后从新渲染页面。学号自动生成，是数组最后面一个数据的学号+1。点击录入按钮，把表单里面的值都放在数组里面。需求： 点击录入按钮，可以增加学生信息。注意，渲染之前，先清空之前的渲染内容。因为多次渲染，最好封装为函数。
2022-09-16 08:33:04
524
原创 js事件委托
原理：事件委托其实就是利用事件冒泡的特点，给父元素添加事件，子元素可以触发（由外到里）优点：给父级元素添加事件（可以提高性能），不需要给每一个子级添加事件绑定，提高性能。实现：事件对象.target可以可以获得真正触发事件的元素。事件委托是利用事件流的特征解决一些开发需求的知识技巧。
2022-09-03 22:14:37
217
原创 js事件流
当一个元素的事件被触发的时候，同样的事件将会在该元素的祖先元素中依次被触发。简单理解：当一个元素触发事件后，会依次向上调用所有父级元素的。例如：都是'click',儿子触发，相同的事件的祖宗才会触发。方法可以阻断事件流动传播，不光在冒泡阶段有效，捕获阶段也有效。因为默认就有冒泡行为的存在，所以容易导致事件影响到父级元素。若想把事件就限制在当前的元素内，就需要阻止事件流动。若是用L0事件监听，则只有冒泡阶段，没有捕获。事件流指的是事件完整执行过程中的流动路径。事件流分为捕获阶段和冒泡阶段。...
2022-08-29 16:22:47
1332
原创 两种注册事件的区别
必须使用removeEventListener（事件类型，事件处理函数，获取捕获或者冒泡阶段）语法：addEventListener（事件类型，事件处理函数，是否使用捕获）同一个对象，后面注册的事件会覆盖前面注册（同一事件）后面注册的事件不会覆盖前面注册的事件（同一个事件）可以通过第三参数去确实是冒泡或者捕获阶段执行。直接使用null覆盖就可以实现事件的解绑。传统on注册（L0）事件监听注册（L0）...
2022-08-29 16:22:17
189
原创 js事件对象
元素.addEventListener('click',function(e){例如：鼠标点击事件中，事件对象就存储了鼠标点在哪个位置等信息。事件对象也是一个对象，这个对象就事件触发是的相关信息。在事件绑定的回调函数的第一个参数就是事件对象。获取光标相对于浏览器可见窗口左上角的位置。获取光标相对于当前DOM元素左上角的位置。目标：能够使用常见事件对象属性。现在不提倡使用keycode。用户按下的键盘键的值。
2022-08-22 11:01:37
97
转载 pageX,clientX,screenX,offsetX区别
注意，整个页面的意思就是你整个网页的全部，比如说网页很宽很长，宽2000px，高3000px，那pageX,pageY的最大值就是它们了。特别说明：IE下此属性不规范，它们的最小值不是0而是2，也就是说IE下的clientX/clientY比火狐下始终大2px。当你将浏览器窗口缩小时，clientX/clientY的最大值也会缩小，但始终，它们的最大值不会超过你浏览器可视区域。浏览器内容区域即浏览器窗口中用来显示网页的可视区域，注意这个可视，也就是说需要拖动滚动条才能看到的区域不算。特别说明：IE不支持！
2022-08-22 10:11:02
267
原创 js手写时钟
/ 小时角度公式： 小时数 * 30 +分钟数 / 60 * 30。// 分钟角度公式： 分钟数 * 6 + 秒数 / 60 * 6。// 需求2： 时钟动画效果（难点！// 秒角度公式： 当前秒数 * 6。// 封装时钟效果，定时器 让时钟按秒走动。// 需求1： 获取本地时间。// 获取本地时间的时分秒。...
2022-08-16 16:13:05
152
原创 重绘和回流（重排）
由于节点（元素）的样式改变并不影响它在文档流中的位置和文档布局时（比如：color、background-color、outline等），称为重绘。当渲染树（Rander Tree）中部分或者全部元素的尺寸、结构、布局等发生改变时，浏览器就会重新渲染部分或者全部文档的过程称为回流。进行布局layout（回流/重排）：根据生成的渲染树，得到节点的几何信息（位置，大小）进行绘制painting（重绘）：根据计算和获取的信息进行整个页面的绘制。内容的变化（如：input框的输入，图片的大小）...
2022-08-16 14:09:45
252
原创 js时间对象
称为实例化，实例化对象就是创建对象的过程。“类”是抽象的，没有办法操作它或使用它的方法和属性，只有把这个类实例化成为一个对象，才可去调用它的一系列方法和属性；推荐使用： +new.Date() 因为它不需要实例化 能得到指定时间的时间戳。时间戳：是值1970年01月01日00时00分00秒起到现在的毫秒数，它是一种特殊的计量时间的方式。Date.now()不推荐 只能得到当前的时间戳，不能获取指定时间的时间戳。时间对象：用来表示时间的对象。目标：能够实例化时间对象。...
2022-08-15 15:06:27
266
原创 DOM节点
删除节点和隐藏节点（display：none）有区别的：隐藏节点还是存在的，但是删除，则是从html中删除节点。删除的是 父元素.children[ 你想删除的子元素索引号]父元素.insertBefore(要插入的元素，在哪个元素前面)语法： 父元素.removeChild(要删除的元素)dom节点： dom树里每一个内容都称之为节点。、包括文本节点（空格、换行）、注释节点等 所有的。父元素.appendChild(要插入的元素)若一个节点在页面中已不需要时，可以删除它。...
2022-08-12 09:34:47
847
原创 js事件：
就是让程序检测是否有事件产生，一旦有事件触发，就立即调用一个函数做出响应，也称之为。高阶函数可以被简单的理解为函数的高级应用，javascript中函数可以被当作。事件：用什么方式触发，比如鼠标单击click、鼠标经过mouseover等。元素.addEventListener('事件'，要执行的函数)事件源.addEventListener(事件，事件处理函数）事件源： 哪个dom元素被事件触发了，要获取dom元素。如果将函数A作为参数传递给函数B时，我们称函数A为。...
2022-08-09 09:14:46
403
原创 Js的三大核心之DOM
根据 类名获取元素 获取页面 所有类名为 w 的 // //Elements加上s的原因是所有的 +s。document.querySelector( 'css选择器 ') //可以是标签、class、id之类的css选择器。哪怕只有一个元素，通过querySelectorAll()获取过来的也是一个伪数组，里面只有一个元素而已。如果修改的样式比较多，直接通过style属性修改比较麻烦，我们可以通过借助css类名的形式。消耗性能，所以需要关闭。...
2022-08-03 08:58:21
629
原创 js对象：
查查询对象对象.属性或者对象['属性']对象.方法（）对象的方法的使用有（），属性直接是属性.属性，没有括号。声明对象，并添加了若干属性后，可以使用.或者[]获取对象中属性对应的值，我们称之为属性访问，简单的理解就是获取对象里面的属性值。属性就是依附在对象上的变量（在对象外面是变量，对象内是属性类似name'andy'等价于name='andy'）对象的方法数据行为性的信息称为方法，如跑步、唱歌等，一般是动词性的，其。...
2022-07-26 20:52:38
226
原创 js函数：
内部函数访问数据机制，就近原则，先在里面找这个数据，如果找不到在一层一层的往外面找这个数据，如果找到最外层还是找不到的话，就是notadefined报错，就像一条链一样，有里往外查询数据！如果函数内部（局部变量）或者块级作用域内部，变量没有声明，直接赋值，当作全局变量来看，但是强烈不推荐！时写在函数名右边小括号里的叫实参（实际上的参数，真实的参数，真正起作用的参数）时写在函数右边小括号里面的叫形参（形式上的参数，假的参数，不是真实的）作用于的使用提高了程序的局部性，增强了程序的可靠性，减少名字冲突。...
2022-07-23 10:25:38
99
原创 变量访问原则--作用域链：
内部函数访问数据机制，就近原则，先在里面找这个数据，如果找不到在一层一层的往外面找这个数据，如果找到最外层还是找不到的话，就是notadefined报错，就像一条链一样，有里往外查询数据！...
2022-07-22 21:22:43
114
原创 数组：
增数组添加新的数据arr.push(新增的内容)arr.unshift(新增的内容)删删除数组中数据arr.pop()arr.shift()arr.splice()arr.splice(起始位置，删除几个元素)//表示要移除的数组元素的个数。let数组名=[数组1，数组2，...,数组n]方法从数组删除最后一个元素，并返回该元素的值。方法从数组中删除第一个元素，并返回该元素的值。并返回该数组的新的长度。...
2022-07-21 14:55:28
79
原创 js循环语句
while大括号里面的代码执行完毕后不会跳出，而是继续回到小括号里面继续判断条件是否满足，若是满足又执行大括号里的代码，然后再回到小括号判断条件，直到括号内条件不满足，即跳出。如果说循环条件一开始就不成立，do...while的循环体在前面，会执行一次；从语法来看，do...while循环体在循环条件的前面，while循环的循环体在循环条件的后面,循环的本质就是以某个变量为起始值，然后不断产生变化量，慢慢靠近终止条件的过程。2.终止条件（没有终止条件，循环会一直执行，造成死循环，可能会卡死）...
2022-07-20 14:26:11
143
原创 分支语句
括号内的条件为true时，进入大括号里面执行代码（假的false0''undefinednullNaN）switchcase语句是根据数据匹配全等的case值，直接找到，不会从上往下找，效率比if多分支语句效率高。如不满足则向下判断条件2，满足条件2执行代码，其他不执行。先判断条件1，若是满足条件1就执行代码1，其他不执行。满足条件执行的代码不满足条件执行的代码。若是以上条件都不满足，执行else里面的的代码n。的case值，并执行里面对应的代码。满足条件时执行的代码。...
2022-07-18 09:31:43
307
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人