a13686343384的博客

认识JS、注释调试、常用方法、变量、数据类型 1.优化网页第一步 缩小网页图片的储存大小，先将一个质量较差，图像储存小的显示出来，当网页加载完毕后在替换成质量较好的图像 2.网景公司，为了解决表单中数据的是否按照规则填写的，表单验证。借助了正则表达式，添加了部分简单程序完成了基本的语言live script-->javascript, 弱类型解释型语言 弱类型 所有的变量都需要设置类型 解释性语言 先把代码转换为计算机可以识别的语言（二进制） 3.JavaScript在w3c组织的要求要做了一个标

作用域 在函数中使用var定义的变量或者函数的形参，都是局部变量，也就是说这个变量只能作用域函数内部，函数运行完成后这个变量会被销毁，在函数外是不存在该变量的 使用var定义在函数外的变量，可以在函数内被调用，定义在函数外的变量叫做全局变量，函数运行完成后不会销毁全局变量 函数内也可以定义函数，所以函数内定义的函数也是局部函数，只能在函数内调用 全局变量 var a=1; function fn(){ a++; } fn(); console.

对象 var o={a:1,b:2}; o.a o对象下的a属性 o.a=值 可以设置属性的值 对象的结构形式是键值对结构 键（key） 值（value） 成对 a 键 1 值 键值对中不能出现重复的键 var o={a:1,a:10} 错误 在对象中键 只能是string或者symbol var b=false; o.b=10;这里的o.b 这个b不是变量b而是字符串b o对象下的键是变量b的值 o[b]=10; var a="c"; v

数组 数据结构 数据的结构形态 数据表现时的形态方式 var a=1; var b=2; var c=3; var d=4; var obj={a:1,b:2,c:3,d:4}; 不关心key，只关心值，并且希望值可以排序，希望可以统计到数据的数量 数组 数据组合 一组数据 var arr=[1,2,3,4]; 数组如何创建 字面量创建 var arr=[1,2,3,4]; 实例化创建 按照实际案例的格式化创建出来 var arr=new Array(); 构造函数创建 var ar

some 数组是否有满足条件的 返回布尔值,如果遇到一个满足条件的，就会直接跳出，返回对应的布尔值 var arr=[1,2,3,4,5,6,7]; var bool=arr.some(function(item,index,arr){ return item>4;//判断每个元素是不是有大于4的 }); console.log(bool); every 数组中是否所有元素都满足条件，返回布尔值，如果遇到一个不满足条件的，就会直接跳出，返回对应的布尔.

Array.isArray(); 判断给入的内容是不是数组 1.Array.from() 将迭代器对象转换为数组 可以将迭代器对象转换为数组 ES5就可以使用 var arr=Array.prototype.slice.call(divs); var arr=Array.prototype.concat.apply([],divs); console.log(arr) 例：HTMLCollection argumehts NodeList Set Ma.

排序 fill 填充数组 arr.fill(值,从什么位置开始填充,到什么下标之前结束) reverse 反转数组 改变原数组，并且返回这个原数组 arr.reverse(); sort 数组的排序 arr.sort() 顺序 乱序 3.冒泡排序 for (var j = 0; j < arr.length-1; j++) { for (var i = 0; i < arr.length-j-1; i++) {

二维数组 二维数组 var arr=[[1,2],[3,4]]; var arr=[]; for(var i=0;i<10;i++){ arr[i]=[]; for(var j=0;j<10;j++){ arr[i][j]=i*10+j; } } console.log(arr[4][5])

Math对象 数学方法 Math Math.PI π 弧度=Math.PI/180*角度; 角度=弧度/Math.PI/180; 开平方 Math.SQRT1_2 根号2分之一 Math.SQRT2 根号2 Math.sin() Math.cos() Math.tan() Math.floor();//向下取整 Math.ceil();//向上取整 Math.round();//四舍五入 Math.abs();//取绝对值 Math.max();//最大值 Math.min();//

DOM 与 BOM Document Object Model 文档对象模型 Browser Object Model 浏览器对象模型 浏览器中JS可以控制所有对象 document 文档 location 本地 history 历史 screen 屏幕 navigator 导航

事件 CSS样式： pointer-events:none 不接收点击事件 事件原理（捕获，目标，冒泡） 1.捕获阶段 特点：由外向内， 2.目标阶段 3.冒泡阶段 特点：由内向外 addEventListener DOM对象.addEventListener(“时间类型”,事件出发后的回调函数，是否捕获阶段触发/配置对象) once:true addEventListener 第三个参数{once:true} 仅接收一次事件 事件触发时，会遇到两种情况： 1.事件侦听的对象2.事件最终触发的目

字面量正则表达式 格式 var reg=/a/gi; /正则表达式内容/修饰符 两种创建方式： var reg=new RegExp("a","g"); var reg=new RegExp("正则表达式内容","修饰符") 修饰符 g 全局匹配 查找到一个时没有完成，继续向后查找 i 不区分大小写 查找过程中不区分大小 m 多行查找 使用方法 reg.exec(字符串) 在字符串中查找是否包含该正则表达式内容，如果没有找到返回null

严格模式 1.必须定义变量 “use strict” x=3; console.log(x); 2.不能使用同名参数 3.不能使用with语句 严格模式下不能使用with 4.不能对只读属性赋值，否则报错 var str = “abcde”; str.length = 3; 5.不能使用前缀0表示八进制 6.不能删除不可删除属性 var arr = [1,2,3]; delete arr.length 7.尽量不要使用eval，不要给eval和arguments赋值 8.

js的加载顺序 async 异步加载 如果没有异步加载，js加载的地址访问速度过慢，会一直同步等待，造成页面白屏 如果同步加载时，这个js中是不能获取body中任何dom元素，当使用异步时，因为异步时DOM树构建完成后执行的，所以可以调用body中的元素 defer 所有DOM加载完毕后调用 ，比async晚 <script src="./js/a.js" async defer></script> <script src="./js/b.js" async></

给cookie设置属性 document.cookie=“a=2”; cookie的取值 var obj=document.cookie.split(";").reduce((v,t)=>{ t=t.trim(); var arr=t.split("="); v[arr[0]]=arr[1]; return v; },{}); console.log(obj.b); 1、当浏览器关闭以后，自动清除cookie中