Web前端 问题总结

HTML5增加了什么新特性

视频  音频  canvas SVG  本地储存  离线储存  webworks websocket等

跨域问题解决

1. 用jsonp, 但是不够完善,只能get请求,
2. 用CROS,但是兼容性不够
3. 用代理服务期,发送到自己的服务器,在发送请求

Vue的数据响应原理

借助于es5里面的definePrerty给data属性添加劫持,当数据发生变化时重新生成虚拟DOM结构进行差异对比 最后进行DOM更新

前端性能如果优化?

  1.减少文件体积(压缩css,js等)
  2.减少http请求次数 (合并文件,雪碧图)
  3.减轻服务器端压力(使用懒加载,使用cdn)

ajax 请求步骤

  1.通过XMLHttpRequest实例对象创建ajax请求对象
  2.通过open指定请求方式,请求路径,同步异步
  3.通过send方法发送请求
  4.监听服务端响应事件(onreadystatechange) 判断是是否请求成功

bind,apply 和call的区别

    bind在函数定义的时候改变this指向
    apply和call在函数调用的时候改变this指向

简述IE怪异盒模型

    正常盒模型的总宽度=我们设置的width+padding+border
    怪异盒模型 width=content+padding+border 

我们可以通过css3中可以通过设置box-sizing的属性完成标准或者怪异盒模型之间的切换
1.box-sizing:content-box 采用标准模式 也是默认样式
2.box-sizing:border-box 采用怪异模式

3个使用this的典型应用场景

  1.对象方法内部
  2.事件处理函数内部
  3.构造函数内部