前端中级、初级面试内容梳理内部版本

1、初级面试内容（内容不分先后）

1. css、html基础知识

   主要是了解面试人对html+css基础知识掌握情况，可以从以下几点作为切入点进行面试：
   
   1、布局：垂直居中弹窗，圣杯布局、双飞翼布局的区别、rem的原理，rem与em的区别等，高度塌陷描述以及怎么解决高度塌陷，
   
   2、line-height的值设置为：1.5、150%、30px分别表达什么意思
   
   3、盒模型：简单描述css盒模型(w3c盒模型、IE模型），怎么切换盒模型
   
   4、css3：怎么实现把一个dom元素变成一个平形四边形，怎么使用css3属性设置一个元素鼠标移入效果，             css3怎么定义动画，动画循环播放、逆向播放的属性是什么？
   
   5、 img标签中有alt与title的作用是什么
   
   6、常见的行内元素和块级元素有哪些
   
   7、一个通html标签通常可以设置哪些属性
   

2. js基础知识

    1、js有几种数据类型以及类型判断方法
   
    2、字符串方法有哪些，数组方法有哪些         
   
    3、 熟悉htpp请求状态码所代表的含义
   
    4、 == 与 === 的区别
   
    5、把字符串数字转换成数字类型的方法有哪些，有什么区别
   
    6、改变this指向的几种方法
    
    7、 Promise是什么，他有几种状态， 它是解决什么问题产生的 
    
    8、 let 、 var、 const 的区别是什么
    
    9、 Null 和 undefined 的区别
    
    10、什么是防抖和节流，区别是什么
    
   11、 require和import导入模块的区别
    
   12、怎么解决前端跨域
   
   13、箭头函数与普通函数的区别     
   

3. vue脚手架基础知识

    1、vue怎么定义响应式数据
   
    2、组件间传递数据有哪几种方式
   
    3、谈谈对keep-alive的理解
   
    4、v-if与v-show的区别
   
    5、为什么在v-for遍历的时候要加key
   
    6、能兼听vue响应式的数组自带的方法有哪些
   
    7、 什么时候使用$.nextTick()
    
    8、computed 和 watch的使用场景
   
    9 、vue-router组件内的导航守卫有哪些，当一个路由组件被复用时一般是在哪个守卫中兼听？
   
    10、 触发路由跳转的方法有哪些，当使用标签跳转时怎么设置当前页导航样式
   
    11、vue-router中的mode模式有哪两种，有什么区别
   
    12、Vuex有哪几种属性、以及用处
    
    13、vue中常用常用的事件修饰符有哪些         
   

4. uni-app

    1、uniapp怎么设置下拉刷新。上拉加载
   
    2、uniapp应用生命周期有哪些以及代表的含义是什么          
   
    4、页面传参是在哪个生命周期接收
   
    4、怎么配置tabbar
   
    5、 简述 rpx、px、em、rem、%、vh、vw的区别
   
    6、uniapp中怎么请求接口
   
    7、跳转方式有哪几种？
   
    8、Uniapp中的本地缓存有哪些        
   
    10、uniapp条件编译写法的两种方式
   

5. echarts

    1、了解过echarts能支持的图表组件类型有哪些，熟悉echars的常用API。
   
    2、echarts的实例方法如reasize的作用是什么？
   
    3、echarts中的rich的的用法是什么？
   
    4、echarts中怎么修改tooltip的样式？
    
   

6. 网络

     1、HTTP状态码都有哪些，代表的含义是什么
     
     2、HTTP中Content-type  有哪几类型，用处是什么          
     
   

2、中级面试内容（内容不分先后）

1.js

 4、 script 标签 defer 和 async 的区别？

 5、浏览器从输入一个 URL 到页面渲染经过了哪些过程

 6、简述 什么是原型？什么是原型链？

 7、简述js闭包的理解
 
 8、js是怎么回收变量的？
 
 9、阐述Event Loop      
 
 11、 require和import导入模块的区别
 
 12、有使用过哪些js插件，实现了什么效果。
 
 13、call、apply、bind的用法及区别
 
 14、 在js中0.1+0.2等于多少？如何让它得到正确答案？
 
 15 、什么是防抖跟节流？
 

2.vue+部署+优化

   1、双向绑定的原理

   2、怎么统一处理在请求接口的时候设置请求“加载中”的样式

   3、怎么查看前端各资源的大小、以及阐述优化方案

   4、服务器的前端出现资源找不到有可能是因为什么问题

   5、讲述单页应用的优点

   6、怎么解决vue项目首屏白屏的问题
   
   7、什么是 tree shaking，应该怎么做。

3.svg+canvas动画

 1、哪种动画我们可以考虑使用svg实现
 
 2、svg与canvas的区别   
 
 3、svg使用哪个标签实现路径的绘制。其中M、Q表示的是什么意思
 
 4、实现svg动画的方式有哪两种（标签和css)
 

4、echarts+高德+百度

  1、高德和百度对应的坐标系是什么？

  2、打开页面的时候echarts图表没有撑满盒子有可能是什么原因

  3、echarts中x轴的第一个label要显示图片加label解决思路是什么？

5.three.js

  1、three.js三大要素是什么？

  2、材质（Material）和纹理（Texture）的区别

  3、thee.js有哪四种光源
  
  4、threejs中的相机有哪两咱机，符合人眼观看的是哪种机
 
  4、使用three.js时遇到的最大挑战是什么，以及是如何克服它的

6.cesium

  1、cesium插件是用来实现什么效果、以及有开发过哪些效果
  

7.uniapp

1、html5 与  html5+ 的关系是什么

2、简述uniapp怎么实现分包    

3、uniapp中的 renderjs 的作用    

8. 网络

  1、HTTP状态码都有哪些，代表的含义是什么

  2、HTTP中Content-type  有哪几种值，每种值的用处是什么？

  3、HTTP中 get 与 post 请求方式的区别是什么   
      

3、综合素质

1、了解学习新知识的途径和方式

2、了解面试人员之前工作中有没有使用开发规范（了解开发习惯），若使用过可以挑选一个来进行阐述

4、其他

1、了解面试人员曾就职的工作年限、离职原因（主要是想了解面试人员是否频繁跳槽（忠诚度））   

2、了解面试人员业余爱好（主要是想了解性格）