weixin_45752063的博客

js 数组对象去重 var obj = {}; arr = arr.reduce(function(item, next) { obj[next.key] ? '' : obj[next.key] = true && item.push(next); return item; 37 }, []); 38 console.log(arr);

ES6删除数组中指定元素，例： let array = [1, 2, 3, 4]; 删除2，array.splice(array.findIndex(item => item === 2), 1); findIndex()方法满足条件时返回数元素下标，否则返回-1 splice(index, len, [item]) 删除：[item]不设置，inde:删除起始下标，len:删除的长度（例：array.splice(1,1) 结果：[1, 3, 4]） 替换：[item]为替换的值，inde:替换

数组对象排序 var arr = [{name: "zlw", age: 24}, {name: "wlz", age: 25}]; var compare = function (obj1, obj2) { var val1 = obj1.name; var val2 = obj2.name; if (val1 < val2) { return -1; } else if (val1 > val2) { return 1;

事件 DOM0级事件 DOM 0级事件 将一个函数 赋值给一个事件处理程序的属性 DOM 0级事件也叫做事件绑定 绑定第二个事件时，第一个就被覆盖了 DOM 0级事件 移除事件 将事件处理属性赋值为null DOM2级事件 addEventListener(eventType,callback,boolean) 参数：事件类型 ，回调函数(事件处理函数) ， boolean 默认 f...

正则 正则写在斜杠里面 /写正则/ 直接量 var reg = /abc/; 构造函数 var reg2 = new RegExp('abc'); 正则中有一些特殊字符串 需要转义()后才能使用 . / \ * ? + [ ] ( ) { } ^ | $ test 函数 语法：reg.test(string) 描述: 该函数用于检测参数的内的字符串是否符合正则表达...

DOM元素的操作 HTMLDOM 和 标准DOM区别 标准DOM适合用于操作文档，结构，元素，属性，针对任何结构化文档 增删改查 HTMLDOM适合用于操作HTML元素的属性，将元素对象化 DOM操作元素 document.getElementById() 通过id选取元素 document.getElementsByTagName(tagName) 通过标签名获得元素的集合 d...

本地储存 HTML5 新增功能 本地存储 用于本地浏览器存储数据 Storage的数据仅在当前浏览器可用,无法跨浏览器 Storage中的所有值都是字符串类型 如果传入的值不是字符串会被自动调用toString()函数 Storage的有效期 是长期有效 只能手动清除/清除浏览器缓存 sessionStorage 会话存储 关闭浏览器自动销毁 ...

this指向 this关键字的指向问题 在函数中 指向调用该函数的对象 在构造函数中 指向新创建的对象 在箭头函数中 指向父级对象 this在原型中 指向调用的对象 this在全局环境中 指向window this在严格模式下 不指向window this在自执行函数中 指向window 在计时器中 指向window 在事件处理函数中 指向事件所绑定的对象 this th...

ES6 promise promise 是由ES6加入语言标准 异步解决方案 promise是一个容器 它里面存储的一般情况是异步操作 异步操作(有I/O操作的都是异步) 不支持IE 计时器 事件 ajax jsonp Promise有三种状态 pending（进行中） fulfilled（已成功） rejected（已失败） 状态改变只有两种情况： 进行中 变成 已成功...

MVC MVC不属于23种设计模式之一 来自后台的一种常见(主流)的软件设计模式 MVC的含义: Model View Controller 模型(M) - 视图(V) - 控制器© M 模型 数据模型(数据) V 视图 展示用户的界面(HTML) C 控制器 遥控器 发送指令 早期 前端是没有MVC概念 来自Java angularjs 1.x 第一次将MVC带入前端 ...

JSONP JSON 一种轻量级的数据交换格式 JSONP和JSON 没有半毛钱关系 JSONP 是一种民间 跨域(跨源)解决方案 (非官方标准) JSONP只有一种请求方式 GET JSONP 原理 动态的创建script元素 将请求地址(接口)写入src属性 src属性不受同源策略的限制 将参数拼接到url后面(php jsp asp) 拼接回调函数名称 将script元素添加到页...

JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。 JSON对象 var obj = { name: 'zhangsan', age: 20 } JSON 字符串(外层单引号,内层双引号) 所有的属性名必须带双引号 var str = '{"name":"zhangsan","age":20}'; cons...

(ES6)严格模式、bind、let、const、解构赋值、展开运算符、模板字符串、Symbol、箭头函数、Set、for-of、Map、 Generator 严格模式 严格模式必须写在作用域首行， 注释除外 严格模式下 变量必须先申明后使用,严格模式下 给未申明的变量赋值会报错 严格模式下 函数内的this 不再指向window 严格模式下 eval有独立的作用域 callee 被禁用 ...

cookie cookie 只能在服务器环境下使用 cookie 存的是键值对，键相同 值覆盖 存 document.cookie = “username=” + username.value; username.value = document.cookie 取 console.log(document.cookie); 当有多条cookie数据时， 取出的数据是一个字符串 该字...

ajax Ajax 指的是只刷新局部页面的技术，诞生于2007年。 ajax：含义： A 异步的 J JavaScript A 和 X XML 可以同时执行的事情 setTimeout 事件 什么是XML 可扩展标记语言 XML是用来存储数据的 XHTML 可扩展的超文本标记语言 DOM用于操作标准化文档解构 (HTML，XML) 现代Ajax 使用的...

节点 节点值 所有的元素节点 节点值都是null 文本节点的节点值 是文本内容 注释节点的节点值 是注释文本身 属性节点的节点值 是属性值 文档节点的节点值是 null 节点值 元素节点 元素名(大写) 属性节点 属性名 文本节点 #text 注释节点 #comment 文档节点 #document 节点属性 innerHTML 可以获取或设置元素内部的html内容 例： ...