最后
四轮技术面+一轮hr面结束,学习到了不少,面试也是一个学习检测自己的过程,面试前大概复习了 一周的时间,把以前的代码看了一下,字节跳动比较注重算法,面试前刷了下leetcode和剑指offer, 也刷了些在牛客网上的面经。大概就说这些了,写代码去了~
祝大家都能收获大厂offer~
篇幅有限,仅展示部分内容
效果演示:
代码目录:
主要代码实现:
CSS样式:
- {
margin: 0;
padding: 0;
list-style-type: none;
touch-action: none;
user-select: none;
}
.bg {
position: absolute;
z-index: 0;
width: 100vw;
height: 100vh;
background: url(…/img/banner-3.jpg);
background-size: cover;
transform: scale(1.1);
}
canvas {
position: relative;
z-index: 1;
}
.header {
position: fixed;
z-index: 3;
top: 0;
left: 0;
display: flex;
justify-content: space-between;
margin: 20px;
padding: 13px 20px;
font-size: 15px;
font-family: Lato, Arial;
color: #333;
box-sizing: border-box;
box-shadow: 0 2px 3px rgba(0, 0, 0, .1);
background: rgba(255, 255, 255, .8);
border-radius: 30px;
width: calc(100% - 40px);
text-transform: uppercase;
&.game-over {
color: transparent;
background: black;
&:before {
content: “GAME OVER!”;
color: #fff;
text-align: center;
这里分享一份由字节前端面试官整理的「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)