19年12月份面试总结

js

• 何为数据持久化？

  简单理解，就是cookie，localstorage，sessionstorage这些，区别

• 用户输入url到渲染的过程？自行百度

• 浏览器是如何渲染的？

  • 结合上一题会一起问。需要了解浏览器的渲染机制。
  • 自行百度浏览器的渲染机制

​ 可参考 https://www.jianshu.com/p/05eb1b17b298

• 为什么浏览器会有同源策略，如果没有同源策略，会怎样？
• 跨域问题和jsonp原理！
• ios机型，一个页面，有两个输入框，一个用户名，一个密码框，输入完用户名后，键盘收起，再输入密码框时，获取不到焦点？
• 防抖和节流
• 设计模式
• es6的模块化和commonjs模块化区别
• event-loop
• this指向问题
• 声明提升问题
• ES6
• 数组的api，some，every，map，forEach等，区别，使用，返回值
• 数组去重
• 深浅拷贝
• js的数据类型及其区别
• 闭包
• 作用域链
• 原型链
• js完成粘贴复制功能
• 冒泡排序
• 改变this指向的方法，区别(call,apply,bind，箭头函数)
• 箭头函数没有arguments
• 切割字符串的方法
• 遍历对象的方法，区别
  • for-in-----包含原型链上的属性
  • Object.keys----不包含原型链上的属性

如果想要进阶，，，，，，

• 函数柯里化
• 手写bind,call,apply,new
• 手写promise

vue(。。。原理)

• Vue.component

• Vue.extend

• Vue.$set

• 组件之间的通信！！！！

• mvvm模式

• 生命周期

• vue的响应式原理，vuex使用，vuex原理

• vue-router的使用，原理，动态路由

• vue-router的钩子，三种:全局钩子，路由钩子，组件内钩子()

  • 全局守卫，经常会问，能干嘛！！！

• computed和watch的区别

• 插槽作用域

• vue项目中为何使用懒加载就可以首屏优化。(跟webpack打包有关)

  • vue-router借用异步组件和webpack的代码分割功能来实现，参考webpack官网： https://www.webpackjs.com/guides/code-splitting/

• vue-router中传参方式，以及两者区别。(params传的参没有缓存。)

css

• link和import的区别
• 布局----flex(flex:1)
  • 常见的问题，就是左边固定宽度，右边宽度自适应
• 一个block块级元素，设置宽高比为2:1，宽度随便写，高度通过padding-top设置，50%，因为，padding是基于块级宽度设置的
• 写一个三角形-----通过border
• sass如何在vue-cli中使用
• 元素居中的问题
• 精灵图
• 动画