小叮当的口袋

把网页中的元素都可以看作是一个盒子，这个盒子由content、padding、border、margin构成。 盒子总体区域都是content + padding(左右) + border(左右)，两种盒子模型的区别在于他们的宽度即内容展示区不相同。 margin在页面占据空间…

1. DNS 解析:将域名解析成 IP 地址 2. TCP 连接：TCP 三次握手之后确定可以进行数据的传输 2.1 第一次握手: 客户端发送一个带有SYN(synchronize, 同步处理标志)的数据包到服务器端. 2.2 第二次握手: 服务器端收到数据包后, 回传一个带有…

通过定义Object.defineProperty的set函数，当数据发生改变就触发此函数，将处理数据更新的一些方法存在set函数中来实现实时更新。 编译器首先根据元数据初始化视图，并且将更新函数绑定到订阅者上，一个属性对应一个订阅者，消息订阅器负责把一个个订阅者收集起来，一旦…

1. asset(资源) -- css + img css用于存放共有的css文件; img用于存放一些共有的图片。 2. common common用于存放一些公共的js文件,如抽取的功能函数。 3. components -- common + content common…

一、定位子元素设置为绝对定位，top和left设置成50%transform属性中的translate设置为-50%,-50%二、flex布局父项必须要有高度三、绝对定位+负外边距子元素设置为绝对定位

设置为flex布局的元素float、clear、vertical-align失效。

v-for循环要获取item和index时，顺序不能改变，第一个获取到的是item，第二个获取到的是index。

一、语义化标签header：头部标签nav：导航栏标签article：内容标签section：定义文档某个区域aside：侧边栏标签footer：尾部标签abbr：缩写，属性title="原文"，鼠标

vue实例从创建到销毁的过程，主要经历以下几步：开始创建→初始化数据→编译模板→挂载DOM→数据更新→销毁。 beforeCreate：开始创建实例，但为创建完成时执行的生命周期函数。 ⭐created：在实例创建完成后被立即调用。在这一步，实例已完成以下的配置：数据观测 (d…