凭借这份面试题,我拿下了蚂蚁金服、字节跳动、小米等大厂的offer

272 阅读6分钟

LZ认为,对于前端面试以及进阶的最佳学习方法莫过于刷题+博客+书籍+总结,前三者LZ将淋漓尽致地挥毫于这篇文章中,至于总结在于个人,实际上越到后面你会发现面试并不难,其次就是在刷题的过程中有没有去思考,刷题只是次之,这又是一个层次了,这里暂时不提后面再谈。

LZ总结了一系列大厂面试中常问的面试技术点,深入解析以及答案,将为最近准备面试的各开发者去大厂保驾护航。

何谓面试?LZ所理解的面试,它是一个过程,是不断沉淀、不断总结、善于传达自己的专业领域技术以及解决问题能力的过程。以下是LZ总结的一些面试题,文中如有错误,恳请批评指正!

HTML篇

1.你是怎么理解HTML语义化

2.你用过哪些HTML5标签

3.meta viewport 是做什么用的,怎么写

4.H5是什么

5.label标签的作用

6.行内元素有哪些?块级元素有哪些? 空(void)元素有那些

7.a标签中 如何禁用href 跳转页面 或 定位链接

8.canvas在标签上设置宽高 和在style中设置宽高有什么区别

9.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?

10.iframe有哪些缺点?

11.HTML5新特性

12.HTML5离线储存

13.浏览器是怎么对HTML5的离线储存资源进行管理和加载的呢?

14.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?

15.HTML与XHTML——二者有什么区别

CSS篇

1.介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?

2.box-sizing属性

3.CSS选择器有哪些?哪些属性可以继承?

4.CSS优先级算法如何计算?

5.如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?

6.display有哪些值?说明他们的作用?

7.position的值?

8.文字阴影:

9.font-face属性:

10.圆角(边框半径):

11.边框图片:

12.盒阴影:

13.媒体查询:

14.请解释一下CSS3的flexbox(弹性盒布局模型),以及适用场景?

15.用纯CSS创建一个三角形的原理是什么?

16.一个满屏品字布局如何设计?

17.为什么要初始化CSS样式

由于文章篇幅限制,不可能将所有面试题以文字形式展示出来,本篇为大家精选了一些面试题,有需要的程序猿(媛)可以点击下方传送门免费获取题目+解析

点击免费领取题目+解析PDF

JavaScript篇

1.js的new操作符做了哪些事情

2.改变函数内部this指针的指向函数(bind,apply,call的区别)

3.js的各种位置,比如clientHeight,scrollHeight,offsetHeight ,以及scrollTop, offsetTop,clientTop的区别?

4.js拖拽功能的实现

5.异步加载js的方法

6.Ajax解决浏览器缓存问题

7.js的防抖

8.js节流

9.JS中的垃圾回收机制

10.eval是做什么的

11.如何理解前端模块化

12.说一下Commonjs、AMD和CMD

13.对象深度克隆的简单实现

14.实现一个once函数,传入函数参数只执行一次

15.将原生的ajax封装成promise

16.js监听对象属性的改变

17.如何实现一个私有变量,用getName方法可以访问,不能直接访问

18.setTimeout、setInterval和requestAnimationFrame之间的区别

19.实现一个两列等高布局,讲讲思路

20.自己实现一个bind函数

21.用setTimeout()方法来模拟setInterval()与setInterval()之间的什么区别?

22.js怎么控制一次加载一张图片,加载完后再加载下一张

23.如何实现sleep的效果(es5或者es6

24.Function.proto(getPrototypeOf)是什么?

25.实现js中所有对象的深度克隆(包装对象,Date对象,正则对象)

26.简单实现Node的Events模块

由于文章篇幅限制,不可能将所有面试题以文字形式展示出来,本篇为大家精选了一些面试题,有需要的程序猿(媛)可以点击下方传送门免费获取题目+解析

点击免费领取题目+解析PDF

浏览器篇

1.跨标签页通讯

2.浏览器架构

3.浏览器下事件循环(Event Loop)

4.从输入 url 到展示的过程

5.重绘与回流

6.存储

7.Web Worker

8.V8垃圾回收机制

9.内存泄露

10.reflow(回流)和repaint(重绘)优化

11.如何减少重绘和回流?

12.一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?

13.localStorage 与 sessionStorage 与cookie的区别总结

14.浏览器如何阻止事件传播,阻止默认行为

15.虚拟DOM方案相对原生DOM操作有什么优点,实现上是什么原理?

16.浏览器事件机制中事件触发三个阶段

17.什么是跨域?为什么浏览器要使用同源策略?你有几种方式可以解决跨域问题?了解预检请求嘛?

服务端与网络

1.http/https 协议

2.常见状态码

3.get / post

4.Websocket

5.TCP三次握手

6.TCP四次挥手

7.Node 的 Event Loop: 6个阶段

8.URL概述

9.安全

10.HTTPS和HTTP的区别

11.HTTP版本

12.从输入URL到页面呈现发生了什么?

13.HTTP缓存

14.缓存位置

15.强缓存

16.协商缓存

17.缓存的资源在那里

18.用户行为对浏览器缓存的影响

19.缓存的优点

由于文章篇幅限制,不可能将所有面试题以文字形式展示出来,本篇为大家精选了一些面试题,有需要的程序猿(媛)可以点击下方传送门免费获取题目+解析

点击免费领取题目+解析PDF

Vue

1.keep-alive内置组件的作用

2.递归组件的用法

3.怎么定义vue-router的动态路由?怎么获取传过来的值

4.vue-router有哪几种路由守卫?

5.routeroute和 router的区别是什么?

6.vue-router响应路由参数的变化

7.vue-router 传参

8.不用Vuex会带来什么问题?

9.vuex有哪几种属性?

10.vuex的State特性是?

11.vuex的Getter特性是?

12.vuex的Mutation特性是?

13.Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中?

14.什么是MVVM?

15.mvvm和mvc区别?它和其它框架(jquery)的区别是什么?哪些场景适合?

16.vue的优点是什么?

17.组件之间的传值?

18.路由之间跳转

19.vue.cli中怎样使用自定义的组件?有遇到过哪些问题吗?

20.vue如何实现按需加载配合webpack设置

21.Vue中引入组件的步骤?

最后

面试是跳槽涨薪最直接有效的方式,可以开始为明年的金三银四做准备了,各位做好面试造飞机,工作拧螺丝的准备了吗?

掌握了这些知识点,面试时在候选人中又可以夺目不少,暴击9999点。机会都是留给有准备的人,只有充足的准备,才可能让自己可以在候选人中脱颖而出。

如果你需要这份完整版的面试笔记,【点击我】就可以了。