前端面试题总结四

忙忙叨叨一上午，终于抽出一点时间，赶紧把我的一些面试经验总结下，感觉这些面试题是比较常见，也比较基础的一些问题，面试之前一定要复习自己所有的基础知识。算法比较难准备，要提前几个月来看。基础知识相对容易准备，可以相对延后。算法可以陆续把leetcode上简单的题目都做一做。

常考的基础点

• 1.分析比较display:none;opacity:0;visibility:hidden优缺点（继承等角度也要分析）
• 2.介绍js的基本数据类型？
• 3.js有哪些内置对象及方法
• 4.如何判断一个数据是否是数组
• 5.判断数据类型几种方法
• 6.箭头函数和普通函数的区别是什么
• 7.函数内部arguments变量有哪些特性，有哪些属性
• 8.前端有哪些性能优化方法
• 9.js多线程如何简单实现
• 10.call apply区别，this都指什么
• 11.js绑定事件有几种方式区别
• 12.link src href区别
• 13.script  defer 或 async区别
• 14..数据处理的几个方法及排序等
• 15.html5 ，css3新特性有哪些
• 16.mvc mvp mvvm区别
• 17.深拷贝与浅拷贝区别
• 18.引用类型和非引用类型区别
• 19.cookie storage sesstion等区别和能否跨域存储
• 20.跨域本质什么是跨域，及跨域解决办法
• 21.单点跨域的解决方案
• 22.ajax原理
• 2.3代理解决什么问题，代理的原理是什么
• 24.js如何执行的，及加载原理
• 25.原型链，原型，作用域链 ，作用域的理解
• 26.剪头函数没有arguments如何获取arguments
• 27.几种排序优缺点，冒泡排序，快速排序，插入排序等
• 28.微信支付及支付宝支付对接，小程序对接(前端段支付对接流程)
• 29.响应式布局的方法，淘宝移动端适配原理
• 30.怎么使用Canvas绘制一个三角形并填充颜色为绿色
• 31.简述盒子模型
• 32.HTML 标签是否支持自定义？该自定义标签所包含的属性是否也支持自定义？
• 33.有些inline-block标签中间有空隙 如何解决
• 34.垂直水平居中问题
• 35.css写一个宽度100%正方形
• 36.flex：1布局中的1代表什么（考察flex理解）flex 是flex-grow, flex-shrink 和 flex-basis的简写
• 37.移动端1px，border问题处理
• 38.angular1 和 2区别
• 39.angular vue react区别
• 40.前端工作流程部署流程
• 41http状态码都代表什么意思
• 42.简述Http缓存策略（非cookie等浏览器缓存）
• 43.http和 https区别
• 44.三次握手指什么
• 45.输入url发生了什么

 

较难理解定义

• 1.构造函数，es6类，继承的几种方法
• 2.await async区别,promise原理和出现的意义
• 3.面向对象
• 4.递归理解，及解决办法
• 5.闭包理解，及解决办法，优缺点
• 6.js内存泄漏和回收机制
• 7.怎么处理数据请求安全问题，怎么加密请求数据
• 8. 工厂模式和单例模式区别，js有哪些设计模式
• 9.js数据结构
• 10.pwa原理
• 11.补获js的报错机制，容错机制

 

vue的相关问题(还是需要好好研究vue官方文档)

• 1.vue中key的作用
• 2.vue中data为什么是函数
• 34.vue1.0,vue2.0与vue3.0有什么不同
• 3.vue中solt插槽作用
• 4.vuex及如何引入vuex
• 5.vue中computed和watch的区别？
• 25.vue原理分析，双向绑定原理
• 6. vue祖父组件，兄弟组件传值
• 7.路由钩子及vue声明周期有哪些，如何动态配置路由
• 8.vue中$next作用
• 9.vue中$set 使用
• 10.vue白屏的处理
• 11.vue complaier原理

 

小程序问题

• 1.小程序分包
• 2.小程序 new setData太大，超过限制如何处理