BFC概念BFC是“块级格式化上下文”的缩写，用于控制文档中块级元素的布局和定位。在一个BFC中，元素按照一定的规则进行排列，不会影响到BFC外部的元素。BFC的常见特征包括： 内部的盒子会在垂直方向上一个接一个地放置，因此不会重叠...

一、从输入url到渲染出页面的整个过程 dns解析： 域名—>IP 浏览器根据IP地址向服务器发起http请求 服务器处理http请求，并返回给浏览器 根据HTML生成Domtree，根据Css生成cssom，再整合dom树和c...

margin-top:-20px;代替元素position：relative，top：-20且不占用文档流 渐变边框实现： background-clip 核心原理：图层叠加法我们要实现的效果其实是三层信息的叠加： 最底层：深色...

基本概念：设备独立像素（DIP）：逻辑像素，同樣嘅屏幕大小DIP都喺一樣嘅。物理像素（pt）：分辨率，屏幕一行同埋一列分别有幾多像素点leigaa。**设备像素比DPR(Device Pixel Ratio)**：DPR = 物理像素...

一、易记点整理父： 1234567891011121314{ grid-template-columns: repeat(auto-fill, 100px); grid-template-rows: 100px 100p...

display: -webkit-box; 意思：将对象作为“弹性伸缩盒子”模型显示。 为什么要写：这是一个老规范的盒子模型（早于现在的 Flex），但它是实现“多行文本溢出省略”的基础，必须声明。 -webkit-box-or...

一、容器属性1. justify-contentflex-start（默认值）：左对齐flex-end：右对齐center： 居中space-between：两端对齐，项目之间的间隔都相等。space-around：每个项目两侧的间隔...

一、proxyproxy就是一个拦截器，拦截了原来的对象之后，可以对这个对象进行自己的更改，也可以防止别人对对象进行某种更改，然后可以输出修改后的monitor，且不影响原对象。 123456{ let obj =...

一、export命令1. 基本使用123export var firstName = 'Michael';export var lastName = 'kaol';export var ...

## 思维导图 一、基本写法类的方法、属性、静态方法、静态属性、私有方法、私有属性继承、接口（没有）、抽象（没有）、final（这个有） 12345678910111213class Student { cons...