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

####【框架/类库】

• 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、30四、40四、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
  复制代码