前端常见问题（四）- 其他

####【框架/类库】

• vue（父子组件通讯、子组件间通讯、slot、常用vue指令、vue缓存、vue-router中有哪些钩子函数、mvvm模式）
• boostrap（栅格布局） | 响应式开发 | 移动端开发
• jq
• 小程序（组件和小程序的生命周期）
• less/sass
  • 嵌套
  • 控制指令，如@if
  • 混合指令如mixins、如@include
  • 变量、计算、函数
  • 继承
• node

####【打包工具】

• webpack
• gulp
• Parcel

####【其他】

• ES6 (promise, let const, let 与 var的区别，箭头函数)

• 常见浏览器内核

  • Trident （IE）
  • Gecko (FireFox)
  • Presto (Opera7+)
  • Webkit (Safari、chrome)

• 优化网站的方法：

  • 1 文件合并，减少http请求 ，合并js文件和css文件，css sprites, 图像映射（img map）
  • 2 文件压缩
  • 3 CDN托管
  • 4 使用缓存
  • 5 GZIP压缩你的JS和CSS文件等

• HTTP状态码200、304、404、500等

  • 200：表示请求成功
  • 201：请求成功并创建了新数据
  • 304: 未修改。所请求的资源未修改，服务器返回此状态码时，不会返回任何资源。客户端通常会缓存访问过的资源，通过提供一个头信息指出客户端希望只返回在指定日期之后修改的资源
  • 404: 请求的资源未找到或不存在。服务器无法根据客户端的请求找到资源（网页）。通过此代码，网站设计人员可设置"您所请求的资源无法找到"的个性页面。
  • 500：服务器内部错误，无法完成请求

• 从输入url到加载完页面发生了什么

• 怎么做SEO优化

• 如何进行项目架构

• 怎么抽象组件

• 怎么做模态框组件或模态框插件

• 模块化编程思想 | 代码优化

• 工厂函数

• vue响应式原理

• 谈谈MVVM

####【项目经验】

• 如何进行项目架构
• 怎么抽象组件
• 怎么做模态框

【代码】

•   var a = null;
    console.log(typeof a); //object
  

•   var a = Object();
    a.value = 1;
    b=a;
    b.value=2;
    console.log(a.value); //2
  

•     let c = {a(){ console.log(1) }}
      let d = c
      c.a = function (){console.log(2) }
      d.a() //1
      c.a() //2