关于前端html、css、js部分的个⼈总结
前端总结
⽹页的形成：
Html+css+js 经过浏览器渲染 --------> 页⾯
由于不同⼚商的浏览器渲染引擎不⼀致----------> 同⼀个标签渲染的样式可能会不⼀样
Web标准：
因为浏览器的⼚商不⼀样，制造的内核需要共同遵守同⼀个web标准，⽽不是⾃⼰搞⾃⼰的⼀套标准。
因此W3C规定了Web标准：结构html，表现css，⾏为js，⽽js中的ECMAScript由ECMA组织来规定
内核：
不同浏览器⽤的内核可能不同
IE：Trident内核
FireFox：GeCko
Safari：Webkit
Chrome：Blink
Opera：Blink
兼容性：
兼容⼀般是指兼容Pc端的IE678低版本，⽽移动端的浏览器版本都很⾼，不需要考虑兼容性问题。
因为Pc中的IE678低版本浏览器中的内核版本太低，不⽀持H5和C3这些新的标签和新的css属性以及ECMAScript的新语法，所以只能使⽤H4和C2的标签和属性。
浏览器的渲染过程：
浏览器的内核从上往下渲染html⽂档，根据⽂档中的标签关系建⽴dom树，同时也根据样式标签中的样式建⽴css树，这两个过程是并⾏的，不会相互阻塞。内核在遇到script标签的时候会启动js引擎来执⾏js代码，但如果上⾯的css样式还没加载完，他会被阻塞，直到他上⾯所有css样式都加载完后，⽴刻执⾏。在js引擎执⾏js代码的过程会阻塞css和html标签的渲染。
Html总结
Html标签的语义化：
每个html标签都有⾃⼰的语义，要在合适的地⽅使⽤合适的标签来搭建⽹页结构，即使没有css来修饰，⽹页的结构也是清晰的。
总的来说，html标签语义化能使得⽹页结构合理清晰。
Html的标签关系：
Html双标签⼀般都是可以任意互相嵌套的，除了类似（列表ul、li）（表格table、tr、td）等等有⽗⼦关系的标签要配套使⽤，中间不能任意嵌套其他⽆关的标签
H4的常⽤标签：
排版标签：
H1-h6 标题标签
P 段落标签
Div 块标签，没有语义
Span ⾏内标签，没有语义
⽂本格式化标签：
Strong/b 强调加粗
Em/i 斜体倾斜
Del 删除线
Ins 下划线
三个表：
Table tr td 主要⽤于显⽰展⽰信息
Ul li ol dl dt dd
Form form表单元素 提⽰信息 ⽤于收集⽤户信息
标签属性：
在html⽹页⽂件中，标签属性⼀般只是⽤来存储数据信息，⽽不⽤来改变标签元素的样式布局，标签元素的布局样式交给css来做。
Css总结
Css的作⽤：
Css（层叠样式表）主要设置 ⽂本内容（字体、⼤⼩、对齐⽅式等）和版⾯的布局（盒⼦模型）。
Css的结构：
选择器{
属性：属性值;
}
盒⼦模型:
电脑点程序无反应转圈圈外边距margin + 边框border + 内边距padding + 内容区content
盒⼦摆放的三种机制：
标准流 浮动 定位
三种机制的层级：
标准流在底下，浮动在中间，定位的在上⾯（position属性不是static就⾏）
⽂档流:
定义：
标签的盒⼦从上往下渲染到页⾯中，⽽块级元素独占⼀⾏，  ⾏内元素并排⼀⾏。
当⼀个标签元素脱离⽂档流时，会失去他在⽂档流中盒⼦所占  的空间，后⾯的元素会占据他的位置。脱离⽂档流的属性有浮动和绝对定位和固定定位。
在⽂档流中的块级元素可以通过⼀些属性来开启BFC，使其 成为⼀个独⽴的块级渲染空间，具有普通块级元素所没有的⼀些特性。BFC规定了在它内部的元 素的布局规则，BFC外⾯的元素不会影响到它内部元素的布局，反之也⼀样。
⽂档流中的规范：
⾏内元素只能容纳⽂本或其他⾏内元素
块级元素可以容纳所有块级、⾏内元素
⾏内块可以容纳所有的块级和⾏内元素
⽂档流的显⽰模式：
⾏内元素inline
⾏内块元素inline-block
块级元素block
浮动：
主要是⽤来做横向的布局
定位：（盒⼦压住盒⼦⼀般是⽤定位做的）
*  在绝对定位中，如果没有⽗级的定位元素，则会相对于初始包含快定位，即浏览器视⼝，⽽不是html元素或者body元素。滚动页⾯时会改变位置。
*  固定定位中，位置永远相对于浏览器视⼝，不随滚动⽽变化位置。
*  固定定位和绝对定位的width height left top的百分⽐是相对于参照的定位元素的，⽽不是参照⽗级元素。
Css的三⼤特性：
层叠性：
有多个相同的属性时，会产⽣冲突，会根据优先级来决定选⽤哪⼀个。
继承性：
Css的继承属性：
关于⽂本内容的样式属性⼀般来说都是可以继承的，继承过来的属性会被标签的默认属性给覆盖。
优先级：spring原理
uiautomation库继承过来的属性权重为0，标签的权重为1，类的权重为10，id的权重为100，⾏内样式权重为1000，！important为10000。
Js总结
Js引擎的执⾏过程（事件循环机制）：
Js执⾏代码分同步代码和异步代码，在遇到同步代码的时候⽴刻执⾏，⽽遇到异步代码的时候，不会⽴刻执⾏，需要等到条件满⾜的时候把异步代码块放到回调队列中，⽽根据异步代码段类型的不同，分到宏队列或是微队列中，在主线程空闲的时候会先把微队列中所有的异步函数都执⾏完，再从宏队列中取。
变量：
基本数据类型：数值型 字符串型 布尔型 null undefined
复杂数据类型： object
*基本数据类型在通过 ‘.’调⽤⽅法的时候，会把基本数据类型包装成包装类型（复杂数据类型）再来调⽤⽅法和属性。
*堆和栈，数据类型的内存分配
变量的运算：
算术运算：
1.运算过程⾸先要按数字的标准，能够隐性转成数字的优先都转成数字：这样的话，计算结果要么是正确的数学计算，要么就是NaN；
  2.但这个过程有个例外，就是字符串，字符串与任何数据类型的加运算都是拼接， 字符串与任何数据类型的减乘除模余运算参照第⼀条。
*浮点数的运算会有精度问题，不能⽤来判断两个浮点数是否相等。
运算符优先级：
（），！，++，–，算术运算符，⽐较运算符，逻辑运算符
执⾏上下⽂、作⽤域、作⽤域链、this、闭包：
执⾏上下⽂{
（AO、VO）变量对象：{}，
作⽤域链（scope）：[]，
This：?
}
每个函数在声明定义的时候会有⼀个[[scope]]属性，它可以看成是⼀个数组，它包含了它上级所有的AO或VO对象，当调⽤这个函数、执⾏函数的第⼀⾏代码前的时候会创建⼀个执⾏上下⽂对象，如上所⽰，把函数中声明的函数、变量名和函数的形参放到变量对象中，并对作⽤域链赋值为[ 当前函数调⽤时的变量对象，[[scope]] ]。
在调⽤函数、创建执⾏上下⽂对象的时候，就已经确定了this的值，且在函数执⾏期间不会改变。电脑modify是什么意思中文
This值的确定：
学生个人网页html代码引⽤类型={
Base：包含这个属性的对象
属性名:‘’
}
当（）的左边是引⽤类型时，this的值为base，如果base是AO或VO时，base都当做null处理，javascript当然不允许base为null的情况发⽣，所有就将base设置为global对象。，当（）左边不是引⽤类型时，this的值为null，实际最终this的值被隐式转换为全局对象。
构造函数和原型、实例对象的关系：
每个构造函数都有proptype属性指向原型对象，原型对象中有⼀个constructor属性指向构造函数，通过构造函数创建出来的实例对象中的__prop__属性都会指向原型对象。
*每个对象⾝上都会有__prop__属性，在原型对象⾝上的__prop__属性理解为继承，在实例对象⾝上的__prop__属性理解为这个实例对象是哪个构造函数创建出来的。
原型链：
pom文件project报红
在JavaScript中万物都是对象，对象和对象之间也有关系，并不是孤⽴存在的。对象之间的继承关系，在JavaScript中是通过
__prop__对象指向⽗类对象，直到指向Object对象为⽌，这样就形成了⼀个原型指向的链条，专业术语称之为原型链。
当我们访问对象的⼀个属性或⽅法时，它会先在对象⾃⾝中寻，如果有则直接使⽤，如果没有则会去原型对象中寻，如果到则直接使⽤。如果没有则去原型的原型中寻，直到到Object对象的原型，Object对象的原型没有原型，如果在Object原型中依然没有到，则返回undefined。
在ES6之前没有class定义类，是通过构造函数+原型对象来实现类的。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。