这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」,内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中,共计111道
HTML
-
HTML5有哪些新特性?
-
Doctype作⽤? 严格模式与混杂模式如何区分?它们有何意义?
-
如何实现浏览器内多个标签页之间的通信?
-
⾏内元素有哪些?块级元素有哪些? 空(void)元素有那些?⾏内元 素和块级元素有什么区别?
-
简述⼀下src与href的区别?
-
cookies,sessionStorage,localStorage 的区别?
-
HTML5 的离线储存的使用和原理?
-
怎样处理 移动端 1px 被 渲染成 2px 问题?
-
iframe 的优缺点?
-
Canvas 和 SVG 图形的区别是什么?
JavaScript
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
问:0.1 + 0.2 === 0.3 嘛?为什么?
-
JS 数据类型
-
写代码:实现函数能够深度克隆基本类型
-
事件流
-
事件是如何实现的?
-
new 一个函数发生了什么
-
什么是作用域?
-
JS 隐式转换,显示转换
-
了解 this 嘛,bind,call,apply 具体指什么
-
手写 bind、apply、call
-
setTimeout(fn, 0)多久才执行,Event Loop
-
手写题:Promise 原理
-
说一下原型链和原型链的继承吧
-
数组能够调用的函数有那些?
-
PWA使用过吗?serviceWorker的使用原理是啥?
-
ES6 之前使用 prototype 实现继承
-
箭头函数和普通函数有啥区别?箭头函数能当构造函数吗?
-
事件循环机制 (Event Loop)
- 搜索需要的图标库 ——>加入购物车——>点击购物车——>添加到项目(如果有项目直接加入需要的项目,没有则新建项目)
- 在”图标管理” 中可以查看我的项目
- 1、Unicode方式 在项目中进行使用
- 2、Font class方式 在项目中进行使用
引入样式表
使用
这样就可以看到效果了!
注意:Unicode方式,当每次在图标库内加入新的标签时,需要重新copy 项目生成的在线链接@font-face,否则新的图标将会无效; Font class 在使用的时候要添加icon iconfont两个属性
icomoon字体图标使用
-
首先去icomoon图标库官网:https://icomoon.io/app/#/select
-
选择你需要的图标,同时页面会有其他的一些功能,自己可以摸索
选择完成后,会有selection(个数),同时点击 右边的Generate Font按钮进行下载
点击Download下载
- 把压缩包里面的fonts拷贝到你的项目
文末
篇幅有限没有列举更多的前端面试题,小编把整理的前端大厂面试题PDF分享出来,一共有269页