add

Author: webVueBlog

README.md

@@ -26,6 +26,27 @@ https://github.com/webVueBlog/Leetcode
 
 - 51.[简述Chome盒模型与IE盒模型的区别](./阶段二/简述Chome盒模型与IE盒模型的区别.md)
 - 52.[行内元素和块级元素都有哪一些](./阶段二/行内元素和块级元素都有哪一些.md)
+- 53.[BFC](./阶段二/BFC.md)
+- 54.[什么是弹性布局](./阶段二/什么是弹性布局.md)
+- 55.[html5有哪些新特性](./阶段二/html5有哪些新特性.md)
+- 56.[position有哪些属性](./阶段二/position有哪些属性.md)
+- 57.[请说出1px，1rem，1vh，1em各自代表的含义](./阶段二/请说出1px，1rem，1vh，1em各自代表的含义.md)
+- 58.[什么是SPA](./阶段二/什么是SPA.md)
+- 59.[简述优雅降级与渐进增强](./阶段二/简述优雅降级与渐进增强.md)
+- 60.[重绘与重排](./阶段二/重绘与重排.md)
+- 61.[解释下浮动和它的工作原理和清除浮动的方法](./阶段二/解释下浮动和它的工作原理和清除浮动的方法.md)
+- 62.[如何让一个盒子在页面垂直水平居中](./阶段二/如何让一个盒子在页面垂直水平居中.md)
+- 63.[前端性能优化方案](./阶段二/前端性能优化方案.md)
+- 64.[css选择器优先级顺序](./阶段二/css选择器优先级顺序.md)
+- 65.[CSS3有哪些新特性](./阶段二/CSS3有哪些新特性.md)
+- 66.[什么是空元素](./阶段二/什么是空元素.md)
+- 67.[如何实现浏览器内多个标签页之间的通讯](./阶段二/如何实现浏览器内多个标签页之间的通讯.md)
+- 68.[为什么要初始化css样式](./阶段二/为什么要初始化css样式.md)
+- 69.[CSS3新增的伪类有哪些](./阶段二/CSS3新增的伪类有哪些.md)
+- 70.[说说对canvas，svg，webgl的理解](./阶段二/说说对canvas，svg，webgl的理解.md)
+- 71.[浏览器是如何渲染UI的](./阶段二/浏览器是如何渲染UI的.md)
+- 72.[em、rem的区别](./阶段二/em、rem的区别.md)
+
 
 </details>
 

阶段二/BFC.md

@@ -0,0 +1,6 @@
+
+BFC全称”Block Formatting Context”, 中文为“块级格式化上下文”。
+
+流体特性：块状水平元素，如div元素（下同），在默认情况下（非浮动、绝对定位等），水平方向会自动填满外部的容器；
+
+BFC元素特性表现原则就是，内部子元素不会影响外部的元素。

阶段二/CSS3新增的伪类有哪些.md

@@ -0,0 +1,14 @@
+CSS3新增的伪类有哪些
+
+p:first-of-type 选择属于其父元素的首个元素
+
+p:last-of-type 选择属于其父元素的最后元素
+
+p:only-of-type 选择属于其父元素唯一的元素
+
+p:only-child 选择属于其父元素的唯一子元素
+
+p:nth-child(2) 选择属于其父元素的第二个子元素
+
+
+

阶段二/CSS3有哪些新特性.md

@@ -0,0 +1,11 @@
+CSS3有哪些新特性
+
+     border-radius   圆角
+     box-shadow   阴影
+     text-shadow   文字阴影
+     gradient   线性渐变
+     transform  旋转、缩放、移动或倾斜
+     scale  缩放
+     translate   位移
+     媒体查询   多栏布局   多背景
+

阶段二/css选择器优先级顺序.md

@@ -0,0 +1,9 @@
+css选择器优先级顺序
+
+    ID 选择器， 如 #id{}
+    类选择器， 如 .class{}
+    属性选择器， 如 `a[href="segmentfault.com"]{}`
+    伪类选择器， 如 :hover{}
+    伪元素选择器， 如 ::before{}
+    标签选择器， 如 span{}
+    通配选择器， 如 *{}

阶段二/em、rem的区别.md

@@ -0,0 +1,6 @@
+em、rem的区别
+
+
+em是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对浏览器的默认字体尺寸。它会继承父级元素的字体大小，因此并不是一个固定的值。
+
+rem是CSS3新增的一个相对单位(root em,根em),使用rem为元素设定字体大小事，仍然是相对大小但相对的只是HTML根元素。

阶段二/html5有哪些新特性.md

@@ -0,0 +1,24 @@
+
+(1)Canvas绘图
+
+(2)SVG绘图
+
+(3)地理定位
+
+(4)Web Worker
+
+web worker 是运行在后台的 JS，独立于其他脚本，不会影响页面的性能。
+
+(5)Web Storage
+
+1.Cookie技术 （ 兼容性好,数据不能超4kb,操作复杂）
+
+2.（兼容性差,数据8MB,操作简单）sessionStorage
+
+3.localStorage
+
+(6)Web Socket
+
+WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。
+#
+

阶段二/position有哪些属性.md

@@ -0,0 +1,13 @@
+1. position: relative;相对定位
+
+2. position: absolute;绝对定位
+
+3. position: fixed;固定定位
+
+4. position:static：默认值
+
+5. position: sticky 粘性定位
+
+6. position: inherit 规定应该从父元素继承 position 属性的值
+
+7. position: initial 设置该属性为默认值

阶段二/为什么要初始化css样式.md

@@ -0,0 +1,8 @@
+
+1.浏览器差异
+
+不同浏览器对有些标签的默认值是不同的，如果没对css初始化会出现浏览器之间的页面显示差异
+
+2.提高编码质量
+
+如果不初始化，整个页面做完会很糟糕，重复的css样式很多

阶段二/什么是SPA.md

@@ -0,0 +1,13 @@
+单页面Web应用（single page web application,SPA）：SPA是一种特殊的web应用，是加载单个HTML页面并在用户与应用程序交互时动态更新该页面。它将所有活动局限于一个web页面中，仅在该web页面初始化时加载相应的HTML、JavaScript、css。一旦页面加载完成，SPA不会因为用户的操作而进行页面的重新加载或者跳转，而是利用JavaScript动态的变换HTML（采用的是div切换显示和隐藏），从而实现UI与用户的交互。在SPA应用中，应用加载之后就不会再有整页刷新。相反，展示逻辑预先加载，并有赖于内容Region(区域)中的视图切换来展示内容。
+
+**优点：** 
+
+用户体验好 、良好的前后端分离。
+
+缺点：
+
+1.不利于SEO。
+
+2.初次加载耗时相对增多。
+
+3.导航不可用，如果一定要导航需要自行实现前进、后退。