前端JS进阶回顾2
面向对象每一个对象具备明确分工，具备封装性、继承性、多态性 面向对象-构造函数面向对象编程借助于构造函数实现在进阶1中提到的构造函数在实例化新对象时会重新开辟空间存储新值，存在浪费内存的问题 原型原型能够解决构造函数中浪费内存的问题构造函数中通过原型分配的函数是所有对象所共享的JS规定：每一个构造函数都有一个prototype属性，指向原型对象（每个构造方法只有一个），该对象可以挂载函数，因此可以
前端JS进阶回顾1
作用域作用域规定了变量能够被访问的范围。 局部作用域与全局作用域局部作用域：函数作用域与块作用域函数作用域：在函数内部声明的变量只能在函数内部访问，外部无法直接访问（函数执行完毕后，函数内部的变量就被清空了）块作用域：在js中使用{}包裹的代码称为代码块，代码块内部声明的变量外部可能（var定义可被访问）无法被访问let、const声明的变量会产生块作用域，var不会产生全局作用域：在script
前端WebAPIs回顾5
正则表达式正则表达式是用于匹配字符串中的字符组合的模式,可以用于验证表单、敏感词过滤**regObj.test(str)**匹配返回bolean,匹配为true**regObj.exec(str)**匹配成功返回Arr,否则为null 123const str='examp str'const reg=/str/reg.test(str) 元字符元字符是一些具有特殊含义的字符，
前端WebAPIs回顾4
Window对象BOM(浏览器对象模型)BOM对象包含window（navigator、location、document、history、screen） 定时器-延时函数setTimeout定时器 12const timer=setTimeout(()=>fn,wait)clearTimeout(timer) JS执行机制（事件循环-event loop）JS是单线程语言，代码从上往下执行
前端WebAPIs回顾3
日期对象用来表示时间的对象 实例化使用new关键字将时间变为一个对象 1234// GET NOW TIMEconst date=new Date()// GET CUSTOM TIMEconst date1=new Date('2005-2-19') 日期对象方法getFullYear():获取四位年份getMonth()：获取月份（0-11）getDate():获取号数g
前端WebAPIs回顾2
事件监听事件是在系统内发生的动作或发生的事情，给DOM元素添加事件监听则是为了在该元素某事件发生时返回响应。 语法addEventListener:多次添加事件，不覆盖前面事件，可做冒泡也可做捕获 12// Object.addEventListener(string,function)EleObj.addEventListener('event-type',fn) 当even
前端WebAPIs回顾1
DOM树与DOM对象DOM(文档对象模型)提供操作网页内容的功能，DOM树是将HTML文档以树状结构直观表现出来，DOM对象是HTML标签对应的JS对象，以此我们能使用JS对HTML的标签进行操作。 获取DOM对象根据CSS选择器获取DOM对象 123456789<!-- Example HTML --><body> <div class="cls&q
防抖
防抖原理防抖是一种延迟执行的技术。它的原理是，当事件被触发时，延迟执行事件处理函数，并且在延迟时间内如果事件再次被触发，则重新开始计时。只有当事件在指定的时间内没有再次触发，事件处理函数才会执行。这样可以避免某些高频率的操作被频繁触发，从而提高性能。 实现12345678function debounce(func,wait){ //设置初始定时器标志为null let ti