前端面试题搜集

HTML+CSS

• 布局相关

不用百分比方式，实现均分

flex 或者table 布局

• html5的新特性
• 盒子模型（box-sizing）
• 浮动：清除浮动的方法
• 定位（position属性及区别）
• 垂直居中的方法
• css3动画
• 响应式布局原理
  媒体查询media
• ifame的优缺点
• h5新标签
• 对BFC规范的理解？
• IE浏览器和其他浏览器不一样的特性？
• 什么叫优化降级和渐进增强？
• transform和transition的区别？
• 隐藏一个div的方法？

JS

• 跨域

• js那些操作造成内存泄漏？

• new操作的过程；

• call、apply、bind的区别；

• 常用的数组方法：(举例)

• splice：如何实现替换、插入、删除一个元素

• 合并数组

• 数组遍历方法？es6

• 数据类型

• typeof 的考察

• 事件委托

• 事件循环

• 作用域

• 在javascript中，this

• 箭头函数和普通函数的区别？

• 原型链

• 理解闭包

• 如何实现原型继承

• 浏览器本地存储(cookie、sessionStorage、localStorage)及区别

• Cookie的弊端？

• es6新语法

• 箭头函数

• promise 对象？

• 常见的http状态码

• javascript的同源策略？

• ajax的步骤？

• 一次js请求有哪些地方会有缓存处理？

• 一个页面有大量的图片，加载很慢，你有那些方法优化这些图片的加载？

• 给DOM绑定事件有哪些方法？

• ajax请求数据重新处理和拦截器

• git常用操作

• const 定义的对象能否改变？

Vue相关

• 双向绑定的原理

• 数组更新检测/对象更新检测
  https://cn.vuejs.org/v2/guide/list.html

• 事件机制
  v-model双向数据绑定：实现原理
  https://cn.vuejs.org/v2/guide/forms.html

• 为什么Vue不能兼容IE8？

• data为什么不是一个对象而是一个function

• computed和watch及data的区别

• vue-router的原理

• diff

• nuxt

• Vue请求数据的方式

• mvvm思想

• 为什么使用axios?

• vuex的原理？

• vue怎么实现页面的权限控制？

• 真实的DOM和虚拟的DOM的区别？

• v-for:key的作用

• 请求数据在生命周期的哪一个阶段

• 生命周期

webpack

TODO

算法

TODO

node

• express

性能优化

• 如何优化页面，加快页面的加载速度
• 前端代码性能和效率
• 前端性能优化的理解；

HTTP

• http与https的区别
• WEB应用从服务器推送Data到客户端有那些方式？
• get、post的区别
• var a console.log(a) 求结果？原因？

项目总结

TODO

开放性问题

常使用的库？常用的前端开发工具？开发了什么应用或者组件？

• 前端角度出发：做好SEO需要考虑什么？
• 可以用js实现动画为什么要用css