Web前端期末大作业---HTML+CSS+JS实现实现捉虫小游戏,今年前端面试必问的这些技术面

66 阅读2分钟

最后

整理面试题,不是让大家去只刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。

《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》

前端面试题宝典

前端校招面试题详解

开源分享:docs.qq.com/doc/DSmRnRG…


主要源码展示:


index.html:引入图片和css文件以及js

insect-catch-game
en
zh

Catch The Insect

Play Game

What is your "favorite" insect?

  • Fly

    fly
  • mosquito

    mosquito
  • spider

    spider
  • roach

    roach

Time:00:00

Score:0

Tell you a bad news, will you be angry?
Actually you are playing a game that never ends!!

Continue Play

Restart Play

部分style.css样式布局

@import url('fonts.googleapis.com/css?family=…');

  • {

margin: 0;

padding: 0;

box-sizing: border-box;

}

body {

color: #fff;

text-align: center;

font-family: 'Press Start 2P', sans-serif;

overflow: hidden;

background: linear-gradient(135deg, #9cc8e9 10%, #0b6be0 90%);

min-height: 100vh;

}

.screen {

display: flex;

justify-content: center;

align-items: center;

flex-direction: column;

width: 100vw;

height: 100vh;

transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);

position: relative;

overflow: hidden;

}

.screen.hidden {

margin-top: -100vh;

}

.screen h1,

.screen h2 {

letter-spacing: 2px;

margin-bottom: 1rem;

line-height: 1.5;

}

总结一下

面试前要精心做好准备,简历上写的知识点和原理都需要准备好,项目上多想想难点和亮点,这是面试时能和别人不一样的地方。

还有就是表现出自己的谦虚好学,以及对于未来持续进阶的规划,企业招人更偏爱稳定的人。

万事开头难,但是程序员这一条路坚持几年后发展空间还是非常大的,一切重在坚持。

开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

为了帮助大家更好更高效的准备面试,特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总