知识点沉淀包括不限于前端

Jsjs作为一门客户端开发语言，不仅要操作浏览器的某些功能，还要操作页面中的dom元素ECMAScript3/5 (老版本) （6/7) (新版本) ： 规定了js的语法、变量、操作语句等DOM： （document object model) 提供了一些js的属性和方法，用来操作页面中的dom元素domBOM ： （browser object model) 提供了一些js的属性和方法，用来操作浏览器window 对象——BOM核心document 对象location 对象

js数据类型，部分数据类型详细介绍，数据类型检测，数据类型比较

运算符 赋值运算符 算术运算符 比较运算符 逻辑运算符 位运算符 其他运算符 运算符优先级 ES2020新操作符 ES2021新操作符

位运算 运算符概述 二进制运算符 补码 JS number 编码

三个判断function 判断语句 循环语句；三个判断 ：if else三元运算符switch caseif elseif(条件){条件成立执行的代码}else{条件不成立执行的代码}1. 如果括号中只有一个值，是默认转布尔值； let obj = {age:10}; 如果在对象中，属性名不存在，那么获取的属性值永远是undefin......

出现undefined的情况创一个变量不赋值，获取这个变量是undefined获取对象里的属性名所对应的属性值获取不到，是undefined函数里，实参没有给形参变量赋值，那就是undefined函数里，没有return（没有返回值），函数里执行结果就是undefined //出现undefined的情况 //创一个变量不赋值，获取这个变量是undefined let a; console.log(a); //undefined

字符串字符串的方法let str = 'asdfgh'; // 字符串有length代表字符串的长度 // str[0] // 'a' // str[str.length-1] // str.length-- // console.log(str) // 字符串不可以通过length进行增删改 ...

数组的使用方法、数组的增删改、数组的排序、数组转字符串、数组去重、数组排序

DOM元素也是对象在html中叫做标签，在js中叫做元素；JS中的元素都是对象数据类型的style：操作的是元素的行内样式ClassName：操作的是元素的class名innerHTML：操作的是元素的内容（可以识别标签）innerText：操作的是元素的内容（不可以识别标签） //1.要想操作谁，就要先获取谁； //1. document.get...

什么是节点 dom对象属性 dom对象方法 js节点的增删改节点名nodeTypenodeNamenodeValue元素节点1大写的标签名null文本节点3‘#text’文本的内容注释节点8‘#comment’注释的内容文档节点9‘#document’null元素节点就是页面中的标签文本节点包括内容、空格、回车(换行)...

Math、DateMath属性和方法：Math属性：PI：3.1415926圆周率Math方法：abs():取绝对值ceil():向上取整floor():向下取整max():取最大值min():取最小值round():四舍五入sqrt():开平方pow(n,m):取幂(n的m次方)random():取随机数（0-1之间的小数） Math.abs(-1)//1...

获取DOM的方法document.getElementById(‘id名’)在document上下文下获取元素(通过Id获取的元素是一个元素对象，获取不到就是null)context.getElementsByTagName(‘标签名’)通过指定的上下文获取指定的标签，获取的是一个元素集合，如果没有获取到元素，那就是空元素集合context.getElementsByCla...

定时器加案例定时器1.setTimeout(函数，间隔时间，函数的实参)：他是一次性函数，到了规定的时间只会执行一次2.setInterval(函数，间隔时间，函数的实参)：他是周期性函数，间隔一段时间只会执行一次3.间隔时间的单位是毫秒4.定时器的返回值是一个数字，代表当前定时器在页面中的位置（假如页面中有两个定时器，第一个定时器返回的值是1，第二个定时器的返回值是2）5.clearInterval(定时器的返回值)6.clearTimeout(定时器的返回值)可以混着清定时器，不建议

git常用命令 创建分支 拉取合并代码 常见问题

作用域作用域与变量提升作用域（栈内存、执行上下文）### 全局作用域（全局栈内存）浏览器打开一个页面，开始运行时率先形成一个栈内存，这个栈内存又叫全局作用域，为代码提供执行环境，在全局作用域下会生成一个全局的大对象叫window。浏览器打开，生成的全局作用域一般不销毁，直到页面关闭。`console.log(window.Number)``全局变量在全局作用域下声明的变量就是全局变量在全局下定义的变量会默认给window新增一个属性名，属性名是变量名，属性值是变量所存储的值

堆栈内存的区别堆栈内存的区别（看图）let a = 12; let b = a; let c = {name: 'xiaoHua'}; b = 13; console.log(a, c) let a = {n:1}; let b = a; a.x = a = { // 像这种连续等于要从左往右依次赋值 n:2 }; console.log(a.x, b);堆内存和栈内存打开一个页面，浏览器会形成两

继承和This继    承原型继承让类B的原型指向类A的实例，那么以后类B的实例既可以调取类A实例的私有属性，也可以调取类A实例的公有属性，那这种继承方式就是原型继承原型继承：继承私有和公有通过改变prototype的指向，使其指向其他实例 function A(){ this.getX = function(){console.log('恭喜发财')} }; A.prototype.

五大模式（原型模式）单例模式把描述同一个事物特征的信息进行分类归组，放到同一个命名空间下（减少全局变量的污染） var name = "邢民华"; var age = 21; var sex = "男"; var name = "刘宝华"; var age = 21; var sex = "男"; var xing = { name: "邢民华",

可枚举属性and检测属性私有公有可枚举属性可枚举属性对象的私有属性给类上面新增扩展的属性私有属性和原型上新增的属性都是可枚举的；不可枚举对象或原型中天生自带的属性属于不可枚举属性 // var obj = {x:1,y:2,z:3}; // for(var key in obj){ // console.log(key); // } // Object.prototype //

ES6let和constletlet声明的变量不进行变量提升let声明的变量在同一个作用域下不能重名代码执行之前，会进行过滤如果重名就会报错 （全局代码执行之前，函数即使不执行函数里也进行过滤如果重名就会报错）let声明的变量只在当前作用域有效（能往上级作用域查找）let可以解决暂时性死区const定义常量：不可以被修改const定义常量必须赋值let和const没有变量提升，var有变量提升let和const不能重复声明，var可以var在全局作用域下声明变量会给

正则正则的基础正则：属于引用数据类型用来处理字符串的一个规则正则由元字符和修饰符组成test：检测，匹配：如果检测成功，返回true，没有检测成功返回falseexec：捕获；返回一个数组；其中第一项就是捕获到的内容，第二项捕获内容开始的索引，第三项是要检测的整个字符串的整体如果正则捕获不到内容返回值就是nullvar str="zhufeng199hh88";var reg = /\d+/g;//console.log(reg.test(str))//console.dir(re

JS盒模型client系列获取的是数字，而且没有单位他的值必须是整数，四舍五入是可视区域的宽度或高度clientWidth：当前元素可视区域的宽度   宽度+左右paddingclientHeight：当前元素可视区域的高度  高度+上下paddingclientLeft:获取当前元素左边框的宽度clientTop:获取当前元素上边...

获取元素css样式获取元素css样式的方式元素.style.属性只能获取行内样式getComputedStyle (元素).属性名（IE不兼容）getComputedStyle是window下一个方法；把对应的元素传给这个方法他是window上的一个属性获取浏览器计算的样式如果是复合属性名，把-去掉，换成驼峰命名；`console.log(getComputedStyle(元素).属性名)```console.log(getComputedStyle(box).wi

函数的防抖和节流防抖和节流防抖： 立即执行和非立即执行；执行一次；经常用于搜索框；节流： 时间戳 和定时器版； 控制每隔一段时间执行一次；稀释执行的频率； window.onscroll# 函数的防抖所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。<d...

事件事件在元素对象有一些天生自带的属性名，比如onclick、onmouseover… 当鼠标触发了这些相关的操作，那么就会执行这些属性对应的属性值函数；事件是元素天生自带的一种行为事件是浏览器的一种行为，也可以是用户行为发生在HTML元素上的事事件绑定DOM0级事件绑定：都是冒泡阶段的绑定DOM2级事件可以控制阶段添加事件的几种方法(DOM0级)行内加<div id="box" onclick="fn()">可以点击</div><scr

发布订阅发布订阅<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div id="box"></div> <script> // 发布订阅是一种编程思想；

promise基础Promise 是ES6中新增的一个类，专门用来解决异步回调地狱的问题，将异步代码同步显示出来；回调地狱，promise,把异步以同步显示出来；promise 的回调函数是同步的，then对应的函数是异步的；Promise 是ES6中新增的一个类，专门用来解决异步回调地狱的问题，将异步代码同步显示出来promise 三个状态： pending 进行中 fulfilled 成功 rejected 失败改变状态有两种可能 pending–>fulfil

同步异步当浏览器解析jS时，会先把所有的同步代码执行完，然后再执行异步；JS 是单线程： JS同一时间只能执行一行代码；浏览器是多线程线程是一个小的进程；线程是进程一个基本单位；是一个轻量级的进程；每一个进程都有自己独立的资源和空间（上下文）,切换进程开销比较大；线程可以共享资源；切换线程开销比较小;异步： 定时器  ajax   事件（onload onclick ） prom

JSON数据格式JSON数据格式：他不是数据类型，它是一种数据格式一般情况下我们从后台请求来的数据都是json格式的页面都是动态渲染的；是前端通过请求后台的数据库，后面把最新的数据返回，前面接受到后端返给的数据，然后进行字符串拼接，渲染到页面上；JSON数据格式json格式的对象json格式的字符串JSON.parse:把json格式的字符串转换为json格式的对象JSON.stringify:把json格式的对象转换为json格式的字符串 // JSON数据格

ES6模块化管理ES6模块化管理// require module.exports={} common.js规范 AMD CMD ES6模块// 模块 export import// export：用于该模块向其他模块导出的接口// import : 用于接收其他模块导入的值// 模块指定默认输出 export default {}export：导出// export var a = 100;// export var b = 200;// export ：可以导出变量，

文章目录一、问：ES6是什么，为什么要学习它，不学习ES6会怎么样?二、问：ES5、ES6和ES2015有什么区别?三、问：babel是什么，有什么作用?四、问：let有什么用，有了var为什么还要用let？五、问：举一些ES6对String字符串类型做的常用升级优化?六、问：举一些ES6对Array数组类型做的常用升级优化?七、问：举一些ES6对Number数字类型做的常用升级优化?八、问：举一些ES6对Object类型做的常用升级优化?(重要)十、问：Symbol是什么，有什么作用？十一、问：Set是什

ECMAScript 2016 - 2024 : ES7 - ES15