其实前端开发的知识点就那么多,面试问来问去还是那么点东西。所以面试没有其他的诀窍,只看你对这些知识点准备的充分程度。so,出去面试时先看看自己复习到了哪个阶段就好。
这里再分享一个复习的路线:(以下体系的复习资料是我从各路大佬收集整理好的)
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
《前端开发四大模块核心知识笔记》
最后,说个题外话,我在一线互联网企业工作十余年里,指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家,也可以通过我们的能力和经验解答大家在IT学习中的很多困惑,所以在工作繁忙的情况下还是坚持各种整理和分享。
#mermaid-svg-iJ3Ou0qMGFVaqVQq {font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .error-icon{fill:#552222;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .edge-thickness-normal{stroke-width:2px;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .marker{fill:#333333;stroke:#333333;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .marker.cross{stroke:#333333;}#mermaid-svg-iJ3Ou0qMGFVaqVQq svg{font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .label{font-family:“trebuchet ms”,verdana,arial,sans-serif;color:#333;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .cluster-label text{fill:#333;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .cluster-label span{color:#333;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .label text,#mermaid-svg-iJ3Ou0qMGFVaqVQq span{fill:#333;color:#333;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .node rect,#mermaid-svg-iJ3Ou0qMGFVaqVQq .node circle,#mermaid-svg-iJ3Ou0qMGFVaqVQq .node ellipse,#mermaid-svg-iJ3Ou0qMGFVaqVQq .node polygon,#mermaid-svg-iJ3Ou0qMGFVaqVQq .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .node .label{text-align:center;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .node.clickable{cursor:pointer;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .arrowheadPath{fill:#333333;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .cluster text{fill:#333;}#mermaid-svg-iJ3Ou0qMGFVaqVQq .cluster span{color:#333;}#mermaid-svg-iJ3Ou0qMGFVaqVQq div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:“trebuchet ms”,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-iJ3Ou0qMGFVaqVQq :root{–mermaid-font-family:“trebuchet ms”,verdana,arial,sans-serif;}
back and forth 来回地,反复地
文章目录
个人简历展示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Aileen</h1>
<div>
<h2>基本信息</h2>
<img src="https://profile-avatar.csdnimg.cn/cf4e4b9738f54663a988881738dc5837\_aileenvov.jpg!1" alt="">
<span><p>求职意向:JAVA开发</p></span>
<span><p>联系电话:178******42</p></span>
<span><p>个人邮箱:aileen******08@qq.com</p></span>
<span><p><a href="https://github.com/Aileen0v0">my Gitee</a></p></span>
<span><p><a href="https://blog.csdn.net/Aileenvov?type=blog">my blog</a></p></span>
</div>
<div>
<h2>教育背景</h2>
<!-- 有序列表 -->
<ol>
<li>小学</li>
<li>初中</li>
<li>高中</li>
<li>大学</li>
</ol>
</div>
<div>
<h2>专业技能</h2>
<!-- 无序列表 -->
<ul>
<li>掌握java,python相关的编程</li>
<li>熟练运用MySQL进行数据库的基本操作</li>
<li>掌握数据结构</li>
<li>掌握前端相关技能,html,CSS,JavaScript</li>
<li>熟知计算机网络理论,并且可以独立排查常见问题</li>
</ul>
</div>
<div>
<h2>个人项目</h2>
<ol>
<h3><li>留言墙</li></h3>
<p>开发时间:2023年3月12日-2023年3月30日</p>
<p>功能介绍</p>
<UL>
<LI>措词检测</LI>
<LI>支持同学探讨</LI>
</UL>
</ol>
</div>
<div>
<h2>个人评价</h2>
<p>热爱生活,热爱编程,积极阳光</p>
</div>
<!-- 通过表格完成页面布局 -->
</body>
</html>
效果展示
简历填写
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table>
<head><h3>请填写简历信息</h3></head>
<tr>
<td>
<label for="name">姓名:</label>
</td>
<td><input type="text" name="" id="name" ></td>
</tr>
<tr>
<td>
性别
</td>
<td>
<!-- name的值一样就只能选其中一个 -->
<input type="radio" name="sex" id="male" checked="checked">
<label for="male">
<img src="./male.png" alt="" width="20" height="20">男
</label>
<input type="radio" name="sex" id="female">
<label for="female">
<img src="./female.png" alt="" width="20" height="20">女
</label>
</td>
</tr>
<tr>
<td>出生日期</td>
<td>
<select name="" id="">
<option value="">--请选择年份--</option>
<option value="">2000</option>
<option value="">2001</option>
<option value="">2002</option>
<option value="">2003</option>
</select>
<select name="" id="">
<option value="">--请选择月份--</option>
<option value="">1</option>
<option value="">2</option>
### 总结
大厂面试问深度,小厂面试问广度,如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官,还要平时遇到问题后思考一下问题的本质,找方法解决是一个方面,看到问题本质是另一个方面。还有大家一定要有目标,我在很久之前就想着以后一定要去大厂,然后默默努力,每天看一些大佬们的文章,总是觉得只有再学深入一点才有机会,所以才有恒心一直学下去。
**[开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**
![](https://img-blog.csdnimg.cn/img_convert/718310d106ab948d6f467d78e08b1aed.png)