随笔分类 - 3.前端
摘要：一、h5语义化元素 h5语义化语义元素仅仅是界面结构的体现，并不会对内容有本质的影响。 header元素，两种用法：第一表示网页的页眉，第二在一块内容里表示内容的标题。按照h5的规定，每一个header元素里应该显示或隐式的包含某个级别的标题，即包含标题元素<h>，如果想隐式的包含，应该使用disp
阅读全文
摘要：一、ES7 1.1数组的inclueds方法 includes（‘xxx’，3）；可以有两个参数，第二个参数表示从数组下标3开始找包不包含； 指数运算符 **运算符，表示指数； 二、ES8 2.1Object.keys object方法： OBject.keys()获取对象的keys，返回一个数组：
阅读全文
摘要：存储数据的方式就是数据结构，数组、对象、set、map都是存储数据的数据结构； 数组和set都是按顺序存储的； 对象和map都是处理映射关系的； 一、Set set对象的增删改查： 增：add 删：delete、clear 改： 查：has遍历：forof、foreach 二、Set和WeakSet
阅读全文
摘要：js高级其实就是js的重点或难点，es6-es12的一些重难点其实在js高级也已经讲过了，所以就不赘述。这里主要是讲一些es6-es12中前面不是重难点的东西； 整理这个，整理好了之后，把以前看其他老师课程记得笔记和这里的笔记都整合下，把以前的笔记删除了吧； 一、字面量增强 1.属性的简写 2.方法
阅读全文
摘要：一、防抖和节流 function debounce(time) { let timer return function () { if (timer) clearTimeout(timer) timer = setTimeout(() => { console.log('helloWorld') }
阅读全文
摘要：一、BOM 1.1概念 https://developer.mozilla.org/zh-CN/docs/Web/API/Window BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗
阅读全文
摘要：一、JSON 1.1概念 json是一种数据格式，json数据格式的字符串和json数据格式的对象； 1.2json语法 1.3json的序列化和反序列化 localstroge里setItem（）的value必须为一个字符串，如果传一个对象的话，默认会被转化成“【object object】”的字
阅读全文
摘要：一、代码共享方案 二、npm 使用npm来管理我们的模块，如果需要使用直接使用npm即可，类似java的maven，如果想看源码再去github找； npm网页：一个是回去搜索registry仓库里所有包的web网页； npm registry：一个是存储所有代码的仓库； 2.1npm 的配置文件
阅读全文
摘要：一、模块化概述 模块化主要是让每个木块有自己的作用域，即使定义为var也不会影响其他模块，因为只在自己作用域有效； 然后模块化也可以暴露接口，引入接口； <!DOCTYPE html> <html lang="en"> <head> <title>Document</title> </head> <
阅读全文
摘要：一、错误异常处理 二、throw关键字和系统内部写好的Error类 throw new Error（xxxx） 一般抛出的是error.stack; 调用栈里这一行信息表示全局环境； 三、捕获异常 抛出异常后有两种处理方式， 第一种：子函数没有进行异常处理，则把错误继续抛给调用它的父函数，如果它的父
阅读全文
摘要：一.事件循环： js线程、浏览器其他线程、浏览器维护的事件队列； 二.js单线程 三.浏览器的事件循环 浏览器其他线程在执行好之后，把任务放到事件队列里，等mainScript执行完后再把事件队列里的微任务、宏任务依次取出交给js线程处理； 浏览器的事件循环和node的事件循环不太一样，因为node
阅读全文
摘要：一、迭代器 二、可迭代对象 2.1什么是可迭代对象 2.2可迭代对象的作用， 通过可迭代对象可以很方便的生成一个新的迭代器； for of循环就是可迭代对象才有的；forof就是一个语法糖，本质上就是调用迭代器的next（）方法； 注意：new Set是，传入的参数也要是一个可迭代对象； 注意：{}
阅读全文
摘要：一、为什么需要promise 首先，前端的网络请求需要用这种方式 大家自己写或者调用别人的，需要重写或看源码等导致开发成本过大，ECMA做了统一，于是就有了promise； 出现了promise，只要给调用者返回promise即可，调用者根据promise的状态自己做处理即可； 跟调用者说：我先给你
阅读全文
摘要：一、Proxy类 1.1概念 proxy最主要的操作是，对对象、函数对象的所有操作做了一个监听或者说捕获拦截，然后可以在捕获器里定义自己的行为； 1.2Proxy的所有捕获器 proxy对象比以前的Object.defineProperty（）做了很多增强；除了可以监听对象的setter、gette
阅读全文
摘要：一、类 类只是构造函数的语法糖，本质上js引擎还是会将其解析为构造函数； 类的继承只是函数原型链的语法糖， 1.2类的构造函数 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Using_classes#%E5%AE%9E%
阅读全文
摘要：原型帮助我们少写实例方法； 原型链帮助我们实现继承； 目前常用的寄生组合式继承主要三步： 1.父类实例对象等于子类原型 2.借用构造函数 3.原型式继承（一个继承父类原型的新对象，替换父类实例对象） 一、原型（隐式原型、显式原型）（对象原型、函数原型） 原型分为两种，分别是 隐式原型，也就是对象的[
阅读全文
摘要：一、对象 对象的属性的增删改查： 增：object.defineProperty（），obj.xxx； 删：delte obj.xxx； 改：object.defineProperty（），obj.xxx = xxxxxx； 查：Object.getOwnPropertyDescritors（）；/
阅读全文
摘要：一、with 语句 在es6之后，我们现在有三个作用域 ，全局、函数、块级作用域； es6之后引入块级作用域，单独的大括号、for、if里的大括号么，都会形成一个块级作用域，如果变量使用let、cosnt定义将不能突破块级作用域，但是var仍然可以突破块级作用域；但是不管你突破不突破，都是有这个作用
阅读全文
摘要：一、纯函数 三种编程思想： 面向过程编程、面向对象编程、函数式编程； 1.相同的输入，要有相同的输出；所以不能依赖外部的变量，否则外部的变量改后，再输入相同的输入，将不会有相同的输出； 2.不能产生任何副作用；比如修改了全局变量、修改了传进来的参数； 优势： 1.安心写，只需要关注参数和返回值 2.
阅读全文
摘要：一、为什么需要this 二、this指向什么 2.1绑定时机： 普通函数的this不是在代码解析阶段被确定的，是在代码执行阶段，才能确定this应该指向那个对象； 箭头函数的不创造this，在代码解析阶段就确定了借用谁的this； 2.2绑定方式： 总的来说： 普通函数的this是在代码执行阶段被绑
阅读全文