web前端学习

js事件循环（event loop） 认识进程和线程 进程（工厂）：正在进行的程序，是操作系统独立运行的一个个体，系统需要给其分配资源（cpu、内存）。 线程（车间）：是操作系统独立运行任务的最小单位

异步解决方案-async/await async和await是ES6+中提出的异步操作的终极解决方案 async是函数Generator函数的语法糖。使用关键字async表示，在函数内部使用await

Promise Promise是ES6中的新特性，是一个异步编程的一种解决方案，可以获取异步操作成功或失败的结果 Promise译为承诺，即承诺一段时间后会提供一个状态(成功、失败) Promise的

ES6+基础篇，汇总常见的基础新特性，列出部分的基础操作，方便查看学习。列出常用的新特性与新增的各类静态方法，重点熟悉掌握扩展的数组函数。

原型链 对象和一系列的原型对象形成的一个链式结构，即称为原型链。 作用：决定了属性或方法的查找规则。 原型对象 构造函数会有一个prototype属性，此属性指向着的就是原型对象，称为显示原型。主要用

call和apply方法 作用：调用函数并改变函数内this的指向 语法： 两种方法都是属于函数对象的，所以必须是函数对象才能调用 区别： 都是改变函数内this的指向 call方法参数是一个一个传递

## 事件对象event 当一个事件被触发时，js会创建一个对象(Event Object)，这个对象里面包含了与该事件相关的属性和方法 事件对象会作为第一个参数传递给事件的处理函数 ```js

DOM JavaScript的组成部分 总共两部分：ECMAScript，web Api(DOM、BOM) ECMAScript，规定js语言的实现标准和规范 DOM(Document Object

数组 基本类型的变量只能存储一个值，数组可以存储多个值。 数组最大的用处就是可以进行批量操作。 基本概念 数组，可以存储多个值，每一项都可以保存任何类型的数据，尽量要确保数组中存储的数据类型是相同的，

## 函数 * **函数是JavaScript中的一等公民** * 函数也是一个对象，函数中可以封装一些功能(代码),在需要的时候可以执行这些功能(代码) * **函数本质也是一种数据，函数是对象类型

对象 js中的数据类型分为基本数据类型于对象数据类型 基本数据类型都有： String 字符串 Number 数值 Boolean 布尔值 Null 空集 Undefined 未定义 以上五种类型属于

javascript 是一种脚本语言，可以用来创建动态更新的内容，控制多媒体，制作图像动画 等等行为。 由三大组成部分组成： ECMAScript，是一种标准，定义了js语言是什么样子的编程语言 DO

栅栏布局 栅栏布局又称网格布局， 将网页划分成一个个网格, 可以任意组合不同的网格, 做出各种各样的布局。 开启布局方式display:grid;或display:inline-grid; ，在父元素

CSS3新增属性 新增长度属性 rem 根元素字体大小的倍数即html的字体大小 vh视口高度 10vh就是视口高度的10%，vw视口宽度 vmax，vmin 视口宽高中选一个（max选大的，min选

HTML5新语义化标签 新增布局标签 header 整个页面，或部分区域的头部 footer 整个页面，或部分区域的底部 nav 导航 article 文章、帖子、杂志、新闻、博客、评论等 secti

CSS的浮动与定位学习笔记 浮动简介 浮动最早被设计用来实现文字环绕图片，现在也是主流的布局方式之一。 浮动后的特点 脱离文档流（缺点） 浮动后，默认宽高都是尽可能的小，而且可以设置宽高 不会独占一行

CSS的盒子模型 元素的显示模式 块模式(block)，行内模式(inline)，行内块模式(inline-block) 块模式：独占一行,可以设置宽高 option也是块元素 行内模式：不独占一行，

CSS各种类型设置 颜色 RGB： R red G greeb B blue 每种颜色范围都在0-255（0%-100%）之间 语法，RGB(红色，绿色，蓝色) RGBA： 增加一个A不透明度 1完全

CSS css简介 网页分为三个部分 结构HTML 表现CSS 行为JavaScript css层叠样式表，网页实际上是一个多层的结构，通过css可以分别为每一个层设置样式，而最终我们能看到只是网页的