chihuomiao的博客

Asynchronous JavaScript and XMLAJAX是异步的JavaScript和HTML，读做埃阿斯，也有人会读成阿贾克斯用来异步对象与服务器进行通信发送和接受各种格式的信息，包括JSON/XML/HTML/document但是是搜索引擎支持度不够，因为数据不在页面上所以搜索引擎搜不到AJAX只有在用到的时候会变/不需要重新加载整个页面只更新部分内容它的作用是只更新页面上部分节点而不加载整个页面JSON这个对象只有两个方法JSON更小更快更易解析它可转为任意语言的对

event.target触发事件的对象的引用

键盘事件一般用于表单和全局哦貌似以下的几个键盘事件的书写不是很规范，但是能用！onkeyup当键盘在某个HTML元素上弹起的时候触发，请优先使用onkeyup，因为它是最接近我们日常生活使用的，弹起触发嘛onkeydown当键盘在某个HTML元素上按下的时候触发如果按下不放手会一直触发onkeypress键盘按下（只支持字母键）产生字符后才触发键盘事件之输入框练习在这个小栗子中，我调用了一个属性e.keycode 这是事件对象e自带的一个属性，它的作用是返回一个ASCII表的编

window.onload的用处就是预加载Script语句，有了它可以把script放在前面事件对象跟原型对象一样是自动生成的，在事件绑定完成的时候MouseEvent.下列方法clientX和clientY 相对于浏览器可视窗口左上角原点它们提供了事件发生时应用客户端区域的水平和垂直坐标（与页面坐标不同）for exsample，不论页面是否水平滚动，只要你点击应用客户端区域左上角它都是0screenX和screenY相对于电脑屏幕左上角它提供鼠标在全局（屏幕）中的水平坐标（偏移量）。

JS的一般事件事件是文档或浏览器窗口中发生的，特定的交互瞬间。经过子节点会触发和经过子节点不会触发的区别就是：经过子元素也算是进入/离开，而经过子节点不会触发的把子节点看成自己的组成部分，就不会触发，区别不能说很大，更不能说没有JS创建表格我们在获取元素的时候，如果定义是ID，可以直接使用不用获取 但是不推荐因为怕ID名你起重复忘了开关：定义一个变量，决定一种状态其实就是通过判断真假两种状态来执行不同的语句最常见最简单的就是这种开关灯的效果，真的干什么，假的时候又干.

扩展运算符：点点点它的作用是将可迭代的对象（包括且不限于数组，字符串，映射对象，DOM节点）展开到其独有的元素中1，复制newarr=[...arr]这两个值看上去是一模一样的，扩展运算符把原数组给拍碎了丢在了一个数组环境里2，合并newarra=[...arr1,...arr2],这样可以把两个数组合并。3，传参函数有几个形参加入扩展运算符就可以对传入的形参进行简单筛选举个栗子，定义变量x等于数学函数点max（...数组）就可以把数组最大值赋予x啦！4去重扩展运算符

主要包括创建添加插入替换删除克隆创建：document.createElement（'标签名'）创造一个指定标签元素，返回的是一个创建好的元素节点、如果浏览器无法识别标签名就会生成一个未知HTML元素一般流程----1创建空对象（只能用document调用）2为空元素添加关键属性和内容3将空元素加载到dom树中添加：父节点.appendChild（子节点）把这个子节点追加到父节点下所有子元素的末尾，如果加入的子节点已经存在DOM树中，那么就会改变该子节点的位置.

window.getComputedStyle这方法返回的是一个对象，这个对象呢，返回的东东差不多是CSS所有属性的值，啧。它括号里面可以装一个对象后面可以也可以不跟一个要匹配的伪元素字符串element.className 这个方法为指定元素提供了设置修改class属性的功能，因为class是保留字嗷早期核心DOM现用于自定义属性设置：元素.setAttribute('属性名'，'属性值')用来设置指定元素上的某个属性值。如果属性已经存在，就更新这个值；不然的话，使用指定的名称和值添加一个新

网页节点node分类1标签2属性3文本4注释HTML元素是元素节点尽量使用getelebysomeone查找效率高条件复杂使用queryselector查找每一个节点都不是独立的可以相互访问元素是开始标签加内容加结束标签DOM的节点在逻辑上呈现树状连接节点的父子关系节点.parentNode可以返回指定的节点在DOM树中的父节点.可以在后面无限接力，一直往上找节点.parentElement返回当前节点的父元素节点，如果该元素没有父节点，或者父节点不是一个 DOM元...

Browser Object Model 浏览器对象模型可视化窗口大小视口宽window.innerWidthdocument.body.clientWidthdocument.documentElement.clientWidth高就是把后面的width换成height可以封装一下方便使用写三条是因为BOM的兼容性很差，你写三条兼容的浏览器就...

遍历对象方法一个变量对象名.object.keys（原来没有发生变化的对象的名称）:利用这个方法获取所有属性，返回数组变量对象名.object.values（原对象名称）:利用这个方法获取所有值，返回数组变量.object.entries（原对象名称）:利用这个方法获取所有属性和值，返回二维数组当你给函数传了参数之后会产生有arguments属性当前函数内置对象arguments属性它是一个对象具有length一般的呢，arguments用下标做为它的属性永远指向当前函数调用者传入的参数

冒泡排序一堆，数字类型的数据进行排序让第一个数和第二个数进行比较，如果第一个数更大，让它继续和下一位数再次比较否则就不让它跟下一位继续比较，这样操作一圈之后可以比较出最大的数然后把这个最大的数丢到一边不管在剩下的数中再次这么玩，这样我们就获得了第二大的数，丢到一边不管再在剩下的数中继续循环这样最大的数垫底，越往前越小，这就是冒泡函数之所以这么命名时因为很久以前的解释是，这堆数假设在往水底沉，相互比较最大的先沉到最下面，然后挨个对比让其它的冒泡泡一样冒上来再继续对比原理：相邻的

ES5就是ECMAscript第5版本遍历for（变量等于0变量小于数组长度减一变量++）{i}for(let i in arr){arr[i]}循环中用定义变量i开始是因为index，后面的继续往下接j，k，l…es5新增遍历数组方法forEcah数组名点forEach（函数（形参））用于取代for循环，这个方法它没有返回值三个可选形参分别是数值，下标，数组字符串减号点repeat括号数量 可以输出一排线-------------------------------------

对于this函数，谁调用指向谁，我们使用this函数是为了方便后期好改。箭头函数中没有this指向，如果在箭头函数中有，则向上一层函数中查找this，直到找到window还没有找到就返回undefined或者报错这是因为对象没有作用域，大括号里找不到。但方法体有，函数有作用域所以如上图所示，显示的结果为解决方法是在外面设置一个，简单粗暴有效。改变this的三种方法callcall（）方法的第一个参数必须是指定的对象，方法的原参数，挨个放在后面函数名.call（）第一个参

如图所示啊，我们有以上的函数声明方式这就是箭头函数啦，上图中上面的函数和下面的函数的效果是一样哒！大括号去掉啦！小括号也省掉了就算没有参数，也可以用下划线给它空一个出来，也是可以的。那么箭头函数有啥用呢？变成箭头函数后好像短了一点吼。（￣︶￣）↗　----------------------------------------------------------------------------------------------------..

字符串比较大小的时候会只比较首字母，但是奥，字符串是可以比较大小的，虽然我没加parseInt，但是依然可以比较出大小，不管多少位，是不是首字母一样。前面的文章有写原因啦~.函数 函数内的变量必须要调用才能在外面打印有系统函数和自定义函数两种函数常用系统函数：parseInt （"字符串"）字符串转整型数字；parseFloat（"字符串"）将字符串转换为浮点型数字。NaN 返回的意思是not a number 。isNaN 用于检查其参数是否是非数字，不是数字返回...

表单校验的思路就是排错的过程，发现错误即使给出提示，终止下一步操作match对象方法：Math.ceil（变量） 对小数进行上舍入，复数的话-25.5就是25因为25更大呀喵！Math.floor(变量) 下舍入 负21.7会变成22，正21.7会变成21.round（）四舍五入为最近的数 当负数小数点是点5的时候，会舍去.random()返回0.0-1.0的随机数包括0不包括1。Math.floor(Math.random()*(max - min+1))+min;最大最小是数组变量的下标。

字符串空格也是有长度的str.trim();可以把字符串两头的空格去掉，字符中间的空格保留给出错误提示：获得错误，在if判断的时候，可以设置！取反为truesplit（）：分隔字符串使其称为以括号内第一个参数为分隔的数组，第二个参数限制数组出现几个值，写1就是出现一个。点toLowerCase，返回小写的字符串点toUpperCase，返回大写的字符串.substring()提取字符串下标x，y中两个之间的字符会包含x的值但不包括最后的字符y的值，如果只写了一个下标，就是从这个下标往后的拿过

使用构造函数String实例化一个对象字符串，这个方法定义的字符串的类型是object一般用第二种：声明字符串名并赋值，这种方式创建的是字符串类型数组也是object，函数也是object七大主要数据类型包含下列七个stringnumberbealoonsymboolundefinednullobject(引用数据类型，上面六个基本数据类型)引用数据类型：具有堆内存（实际值），栈内存（内存地址）。引用数据类型的改动是联动的哦！引用数据相等的话，两个共用一个堆内存而栈内存做了一个指向.

let 声明一个变量并赋值是为了让你在这个语句块里使用，不加就变成全局变量啦使用Date对象获得时间数据首字母大写的内置函数称为构造函数声明一个实例化对象名字随便，可获得当前时间let 随便 = new Date（）括号里的变量是字符串，格式 月月，天天，年年年年，时时：分分：秒秒 也可以写new Date括号引号年-月-日空格时：分：秒（-可以换成/）如果写（2022，3，22，10，20，30）纯数字类型，也能显示但...