最新初中级前端面试题总结

一、HTML 让一个div垂直居中的方式 h5新标签 谈谈iframe的优缺点 二、CSS 3.Bootstrap响应式布局原理 CSS 盒模型(Box Model)，box-sizing rem与em的区别 CSS选择器 css常用选择器 css选择器权重 position定位属性详解 link与@import区别与选择 用 css 或 js 实现多行文本溢出省略效果，考虑兼容性 三、JavaScript JS 执行机制 代码提升（为了编译） 编译代码 高级语言编译器步骤： 执行代码 JS的基本数据类型 JS有哪些内置对象 JS的几条基本规范 JS引用方法 合并数组 补充get和post请求在缓存方面的区别 请描述一下本地存储 `cookies`、 `sessionStorage`和`localstorage`区别 call,apply,bind的区别？ 闭包 JS作用域及作用域链 this 函数作用域 作用域链 原型&原型链 事件循环 执行顺序 图片的预加载和懒加载 mouseover和mouseenter的区别 解决异步回调地狱 typeof vs instanceof ['1', '2', '3'].map(parseInt) what & why？ 什么是防抖和节流？有什么区别？如何实现？ setTimeout、Promise、Async/Await 的区别？ Async/Await 如何通过同步的方式实现异步? JS事件循环，微任务和宏任务 Promise 构造函数是同步执行还是异步执行，那么 then 方法呢？ JS 异步解决方案的发展历程以及优缺点 情人节福利题，如何实现一个 new 四、Vue vue生命周期 什么是Vue生命周期？ Vue生命周期的作用是什么？ Vue生命周期总共有几个阶段？ 第一次页面加载会触发哪几个钩子？ DOM渲染在哪个周期中就已经完成？ 每个生命周期适合哪些场景？ v-show与v-if区别 Vue开发中常用的指令有哪些 绑定class的数组用法 路由跳转方式 Vue全家桶 Vue中的MVVM思想 Vuex的五个核心属性 vue双向绑定（v-model）的原理 Vue 请求数据方式 computed和watch有什么区别? 写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？（滴滴、饿了么） 组件中的data为什么是函数？ Class 与 Style 如何动态绑定？ vue的单项数据流 keep-alive nextTick() Vue插槽 你有对 Vue 项目进行哪些优化？ 代码层面的优化 Webpack 层面的优化 基础的 Web 技术的优化 五、ES6 var、let、const之间的区别 解构赋值 1. 数组解构赋值： 2 对象解构赋值 扩展运算符 rest运算符 使用箭头函数应注意什么？ Set、Map、weakSet、weakMap的区别？ promise对象的用法,手写一个promise ES5/ES6 的继承除了写法以外还有什么区别？ 六、Git git常用的命令 七、Webpack webpack打包原理 webpack的优点 webpack的缺点 八、网络协议 网络分层 HTTP/HTTPS比较 HTTP的状态码 get请求传参长度的误区 为什么用axios，不用ajax? 简单讲解http2 的多路复用 九、性能优化 如何优化页面，加快页面的加载速度 HTML优化 CSS优化 JavaScript优化 评测你写的前端代码性能和效率？ 十、算法 编写一个程序将数组扁平化去并除其中重复部分数据，最终得到一个升序且不重复的数组 十一、其他 Chrome 浏览器进程 浏览器主进程 GPU 进程 网络进程 插件进程 渲染进程 常问 人事面 LAST 什么样的前端代码是好的？ 对前端工程师这个职位是怎么样理解的？它的前景会怎么样？ 你觉得前端工程的价值体现在哪？ 平时如何管理你的项目？ 一、HTML 让一个div垂直居中的方式 h5新标签 谈谈iframe的优缺点 二、CSS 3.B