weixin_60364883的博客

虚拟 DOM 实现原理

Vue 中的 key 有什么作用？

Vue路由

什么是SSR

Vue2.x组件通信有哪些方式？

异步请求适合在哪个生命周期调用？

Vue 的单向数据流

v-show 与 v-if 的区别

生命周期

Vue和React的区别

简单说下vue

前言 这个项目是由Vue 2.0框架，使用element ui库写表格，找了好多办法一直无法将行高以及表格高度进行调整 直接上代码 用了这个就直接起飞，记录一下

1. BFC、IFC、GFC、FFC 是什么？ Block formatting context(BFC)--块级格式化上下文； Inline formatting context(IFC)--内联格式化上下文； Grid formatting context(GFC)--网格布局格式化上下文； Flex formatting context(FFC)--自适应格式化上下文 、 ...

1.border:none 与 border:0 的区别？ 首先是性能差异： {border：0;}: 把 border 设置为 0 像素，虽然在页面上看不到，但是按 border默认值理解，浏览器依然对 border-width/border-color 进行了渲染，即已经占用内存值； {border：none；}被理解为 border-style:none。boder:0;比 border:none多渲染了一个border-width:0,也就是为什么 border:none 的性能要比 bord

1. 回流（重排）和重绘区别？ 回流（重排），reflow:当 render tree 中的一部分（或全部）因为元素的规模尺寸，布局，隐藏等改变时而需要重新构建； 重绘（repaint）:当 render tree 中的一些元素需要更新属性，而这些属性只影响元素的外观，风格，而不会影响布局时，称其为重绘，例如颜色改变等。 注意：每个页面至少需要引发一次重排+重绘，而且重排（回流）一定会引发重绘。 触发重排（回流）的条件： 增加或者删除可见的 dom 元素； 元素的位置发生了改变； 元素的尺寸发

1.CSS 优化、提高性能的方法有哪些？ 多个 css 可合并，并尽量减少 http 请求 属性值为 0 时，不加单位（margin: 0） 将 css 文件放在页面最上面（CSS会阻塞渲染，在CSS文件请求、下载、解析完成之前，浏览器将不会渲染任何已处理的内容。如果放在下面，当html结构渲染完以后，解析css，又会重新渲染一次，导致页面闪动） 避免后代选择符，避免链式选择符过长 使用紧凑的语法（margin: 8px 6px 7px 5px; ） 使用语义化命名，便于维护（属于优化） 尽量

1. 为什么要初始化 CSS 样式？ 因为浏览器的兼容问题，不同浏览器对标签的默认值是不同的，如果没有对浏览器的 CSS 初始化，会造成相同页面在不同浏览器的显示存在差异。

1. CSS3 有哪些新特性？ 选择器（E:last-child 匹配父元素的最后一个子元素E。）; 圆角（border-raduis）; 多列布局（multi-column layout）; 阴影（shadow）和反射（reflect）; 文字特效（text-shadow）; 文字渲染（text-decoration）; 线性渐变（gradient）; 旋转（rotate）/缩放（scale）/倾斜（skew）/移动（translate）; 媒体查询（@media）; RGBA 和透明

1. CSS 有哪些属性可以继承？ 字体系列属性：如 font，font-family，font-size，font-weight，font-style 文本系列属性：如 color，text-indent(文本缩进)，text-align(文本水平对齐)，line-height，word-spacing(字间隔) 元素可见性：visibility 表格布局属性：caption-side、border-collapse、border-spacing、empty-cells、table-layout

1. 常见单位 px：绝对单位，页面按精确像素展示 em：相对单位，基准点为父节点字体的大小，如果自身定义了 font-size 按自身来计算（浏览器默认字体是 16px），整个页面内 1em 不是一个固定的值 rem：相对单位，可理解为”root em”, 相对根节点 html 的字体大小来计算，CSS3 新加属性，chrome/firefox/IE9+支持 vw：viewpoint width，视窗宽度，1vw 等于视窗宽度的 1% vh：viewpoint height，视窗高度，1vh 等