笔记整理2

1、页面样式导入时 link和@import的区别
  a、link属于XHTML标签，而@import完全是css提供的一种方式。link标签除了可以加载css外，还可以做很多其他的事情。比如定义RSS，定义rel属性等， 而@import就只能加载css了。
  b、加载顺序的区别。当一个页面被加载的时候，link引用的css会同时被加载，而@import引用的css会等到页面全部被下载完再被加载。
  c、兼容性的差别。由于@import是css2.1提出的，所以老的浏览器不支持，@import只有在ie5以上的浏览器才能是识别，而link标签无此问题。
  d、使用dom控制样式的差别。当使用javascript控制dom去改变样式的时候，只能使用link标签因为@import不是dom可以控制的。
2、HTML5新增的特性、移除了哪些元素 HTML5新标签的浏览器兼容性
  a、主要是关于图像，位置，存储，多任务等功能的增加。
  b、语义化更好的标签：header , nav , footer , aside , article , section
  c、音频，视频： audio video
  d、画布：canvas
  e、本地离线存储localstorage长期存储数据，浏览器关闭后数据不丢失，sessionStorage的数据在浏览器关闭后自动删除
  f、表单控件：calendar、date、time、email、url、search
  g、新的技术：webworker，websock，Geolacation
  h、移除的元素：basefont，big，center，font，s，frame...
3、浮动的特性及清楚浮动
  a、造成父级元素高度的塌陷，父级元素塌陷后，后面的元素会自动顶上去，但是文字不会，文字会自动环绕在四周
  b、对兄弟元素的位置影响
  c、清除浮动：overflow:hidden（写在父级上） clear:both（给浮动元素增加一个兄弟）
4、position的值 及含义
  a、relative（相对定位: 不脱离文档流 初始位置定位）
  b、absolute（绝对定位：对父级定位 脱离文档流）
  c、fixed（固定定位：对浏览器窗口定位 脱离文档流）
  d、z-index：值（正 往上面提 负 往下面压）只有绝对定位中有效
5、如何触发BFC
  a、根元素 html标签
  b、float属性不为none
  c、position为absolute或fixed
  d、display为inline-block
  e、ouerflow不为visible
6、作用域及this的含义
  a、作用域：变量的作用域范围，有全局和局部（通过函数可以创建）一个html会产生一个全局作用域，内部的取值范围在函数申明的是时候确定，没有在当前作用域申明的变量为自由变量
  b、this：1）如果一个函数中有this，但是它没有被上一级的对象所调用，那么this指向的就是window
                 2）如果一个函数中有this，这个函数有被上一级的对象所调用，那么this指向的就是上一级的对象
                 3）如果一个函数中有this，这个函数中包含多个对象，尽管这个函数是被最外层的对象所调用，this指向的也只是它上一级的对象
7、如何阻止事件流
  a、event.preventDefault() 阻止元素的默认事件
  b、event.stopPropagation() 阻止元素冒泡事件
  c、event.cancelBubble() ie阻止元素冒泡事件
8、闭包的含义
   闭包就是能够读取其他函数内部变量的函数.
9、vue与React相同点及不同点
不同点：
Vue： a、模版和渲染函数的弹性选择
           b、简单的语法及项目创建
           c、更快的渲染速度和更小的体积
React: a、更适用于大型应用和更好的可测试性
           b、同时适用web端和原生App
           c、更大的生态圈带来更多的支持和工具
相同点：
  a、利用虚拟DOM实现快速渲染
  b、轻量级
  c、响应式组件
  d、服务器端渲染
  e、易于集成路由工具，打包工具以及状态管理工具
  f、优秀的支持和社区