web前端网页设计作业—个人网页（游戏主题）（html+css+js，含泪狂刷前端基础面试118题

用户33914928060
40 阅读4分钟

后话

对于面试，说几句个人观点。

面试，说到底是一种考试。正如我们一直批判应试教育脱离教育的本质，为了面试学习技术也脱离了技术的初心。但考试对于人才选拔的有效性是毋庸置疑的，几千年来一直如此。除非你有实力向公司证明你足够优秀，否则，还是得乖乖准备面试。这也并不妨碍你在通过面试之后按自己的方式学习。 其实在面试准备阶段，个人的收获是很大的，我也认为这是一种不错的学习方式。首先，面试问题大部分基础而且深入，这些是平时工作的基础。就好像我们之前一直不明白学习语文的意义，但它的意义就在每天的谈话间。

所谓面试造火箭，工作拧螺丝。面试往往有更高的要求，也迫使我们更专心更深入地去学习一些知识，也何尝不是一种好事。 开源分享：docs.qq.com/doc/DSmRnRG…

Lilly Yu

且听风吟🍂分享快乐

 

                <div class="content hidden">
                    <img src="img/04.png" alt="" / class="touxiang">
                    <p>总览各大品台最新的游戏消息</p>
                    <p>没有那个人，我就做那个人——中岛美嘉</p>
                </div>

                <div class="content hidden">
                    <img src="img/01.jpg" alt="" / class="touxiang">
                    <p>生命是有关光的，在我熄灭以前</p>
                    <p>能够照亮你一点，就是我所有能做的的了</p>
                    <p></p>
                </div>

                <div class="content hidden">
                    <img src="img/R-C.png" alt="" / class="touxiang">
                    <p>旅途开始</p>
                    <p></p>
                    <p></p>
                </div>

                <div class="content hidden">
                    <img src="img/05.png" alt="" / class="touxiang">
                    <p></p>
                    <p></p>
                    <p>战斗不止</p>
                </div>

                <div class="content hidden">
                    <img src="img/csgo05.webp" alt="" / class="touxiang">
                    <p></p>
                    <p></p>
                    <p>望远处是风景，看近处才是人生！</p>
                </div>

                <div class="content hidden">
                    <img src="img/03.jpg" alt="" / class="touxiang">
                    <p>你要咽的下这世间的不美好</p>
                    <p>才配得上这世上一切的美好</p>
                </div>
            </div>
        </main>
    </div>
    <!-- <h3>第二屏</h3> -->
    <div class="section sec2" id="section2">
        <!-- 背景小圆点 -->
        <div class="sec1\_circle1"></div>
        <div class="sec1\_circle2"></div>
        <div class="sec2\_circle1"></div>
        <div class="sec2\_circle2"></div>
        <div class="sec2\_circle3"></div>
            <!-- 主题内容 -->
            <div class="sec2\_main">
                <div class="sec2\_main\_head">
                    <ul>
                        <li class="current1">
                            <a href="#">FPS主题</a>
                        </li>
                        <li><a href="#">MOBA主题</a></li>
                        <li><a href="#">冒险主题</a></li>
                        <li><a href="#">像素主题</a></li>
                        <li><a href="#">休闲主题</a></li>
                        <li><a href="#">生存主题</a></li>
                    </ul>
                </div>
                <div class="sec2\_main\_body">
                    <div class="sec2\_main\_body\_content hidden" style="display: block">
                        <div class="sec2\_main\_body\_content\_left">
                            <p>彩虹六号：围攻联机版</p>
                            <p>求生之路2/生存之旅2</p>
                            <p>孤岛危机：重制版</p>
                            <p>狙击手：幽灵战士契约</p>
                            <p>孤岛惊魂5</p>
                            <p>英雄萨姆4</p>
                            <p>泰坦陨落</p>
                            <p>合金弹头XX 官方正式版</p>
                            <p>光环：士官长合集</p>
                        </div>
                        <div class="sec2\_main\_body\_content\_right">
                            <img src="img/2-1.jpg" alt="" />
                        </div>
                    </div>
                    <div class="sec2\_main\_body\_content hidden">
                        <div class="sec2\_main\_body\_content\_left">
                            <p>英雄联盟</p>
                            <p>DOTA2</p>
                            <p>梦三国</p>
                            <p>风暴英雄</p>
                            <p>英魂之刃</p>
                            <p>300英雄</p>
                            <p>王者荣耀</p>
                        </div>
                        <div class="sec2\_main\_body\_content\_right">
                            <img src="img/1000.webp" alt="" />
                        </div>
                    </div>
                    <div class="sec2\_main\_body\_content hidden">
                        <div class="sec2\_main\_body\_content\_left">
                            <p>古墓丽影：崛起</p>
                            <p>异星探险家</p>
                            <p>艾迪芬奇的记忆</p>
                            <p>传送门骑士</p>
                            <p>饥荒</p>
                            <p>美丽水世界</p>
                            <p>Firewatch</p>
                            <p>奥日与黑暗森林</p>
                            <p>银河历险记3</p>
                        </div>
                        <div class="sec2\_main\_body\_content\_right">
                            <img src="img/2-3.jpg" alt="" />
                        </div>
                    </div>
                    <div class="sec2\_main\_body\_content hidden">
                        <div class="sec2\_main\_body\_content\_left">
                            <p>泰拉瑞亚 Terraria</p>
                            <p>星界边境 Starbound</p>
                            <p>星露山谷 Stardew valley</p>
                            <p>以撒的结合:重生</p>
                            <p>雨中冒险 Risk of rain</p>
                            <p>Crypt of necrodancer</p>
                            <P>尼德霍格 Nidhogg </P>
                    
                        </div>
                        <div class="sec2\_main\_body\_content\_right">
                            <img src="img/2-4.jpg" alt="" />
                        </div>
                    </div>
                    <div class="sec2\_main\_body\_content hidden">
                        <div class="sec2\_main\_body\_content\_left">
                            <p>太空狼人杀 Among Us</p>
                            <p>大富翁10</p>
                            <p>胡闹厨房2 Overcooked! </p>
                            <p>桥梁建筑师 Poly Bridge</p>
                            <p>植物大战僵尸 Plants Vs. Zombies </p>
                        </div>
                        <div class="sec2\_main\_body\_content\_right">
                            <img src="img/2-7.jpg" alt="" />
                        </div>
                    </div>
                    <div class="sec2\_main\_body\_content hidden">
                        <div class="sec2\_main\_body\_content\_left">
                            <p>方舟：生存进化</p>
                            <p>我的世界：地下城</p>
                            <p>森林</p>
                            <p>荒岛求生</p>
                            <P>DayZ </P>
                            <P>RimWorld 环世界</P>
                            <P>Outlast </P>
                            <a href="#"><p>这是我的战争</p></a>
                        </div>
                        <div class="sec2\_main\_body\_content\_right">
                            <img src="img/2-6.jpg" alt="" />
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- <h3>第三屏</h3> -->
        <div class="section sec3" id="section3">
            <div class="slide">
                <img src="img/3-1.jpg" alt="" />
            </div>
            <div class="slide">
                <img src="img/3-2.jpg" alt="" />
            </div>
            <div class="slide">
                <img src="img/-3-3.jpg" alt="" />
            </div>
            <div class="slide">
                <img src="img/3-4.jpg" alt="" />
            </div>
            <div class="slide">
                <img src="img/3-5.jpg" alt="" />
            </div>
            <div>
                <img src="img/3-6.jpg" alt=""/>
            </div>
        
        </div>
        <!-- <h3>第四屏</h3> -->
        <div class="section sec4" id="section4">
            <!-- 背景小圆点 -->
            <div class="sec4\_circle1"></div>
            <div class="sec4\_circle2"></div>
            <div class="sec4\_circle3"></div>
            <!-- 主题内容 -->
            <div class="sec4\_main\_box">
                <!-- 天气板块 -->
                <div id="sec4-app">
                    <div class="sec4\_title"><h3 style="color:blueviolet">游戏资讯</h3></div>
                    <a href="https://www.ali213.net/news/html/2022-4/671803.html"><h2 style="text-align:center; color: cornflowerblue;">      暴雪魔兽手游即将来临！爆料称其中一个像宝可梦GO        2022-04-28 </h2></a>
                    <a href="https://www.ea.com/games/apex-legends/news?isLocalized=true"><h2 style="text-align:center; color: cornflowerblue;">      Apex 英雄最新消息         2022-04-27</h2></a>
                    <a href="https://www.ali213.net/news/html/2022-4/671781.html"><h2 style="text-align:center;color: cornflowerblue;">      《消逝的光芒2》修复合作模式bug 新游戏+模式上线！      2022-04-28</h2></a>
                    <a href="https://store.steampowered.com/"><h2 style="text-align:center;color: cornflowerblue;">      多人FPS游戏《守望先锋2》战网分流下载发布！        2022-04-28</h2></a>
                    <a href="https://cf.qq.com/cp/a20220401newrole/pc/index.html?e\_code=507909"><h2 style="text-align:center;color: cornflowerblue;">        CF 5.1神枪节 全新限定来即领         2022-04-28</h2></a>
                    <a href="https://lol.qq.com/act/a20220429preedgskins/index.html?e\_code=507042"><h2 style="text-align:center;color: cornflowerblue;">     EDG冠军皮肤：银龙铸铠之日，骑士归来之时       2022-04-28</h2></a>
                    <a href="https://www.ali213.net/news/html/2022-4/671675.html"><h2 style="text-align:center;color: cornflowerblue;">      《王者荣耀》关羽马没了！荣耀典藏皮肤开摩托撞人        2022-04-28</h2></a>
                    <a href="https://www.ali213.net/news/html/2022-4/671507.html"><h2 style="text-align:center;color: cornflowerblue;">      万代Steam黄金周特卖活动：多款游戏新平史低促销！       2022-04-27</h2></a>
                    <a href="https://hy.163.com/2019/hifive/"><h2 style="text-align:center;color: cornflowerblue;">      荒野行动狂欢月，免费金品，万元现金        2022-04-29</h2></a>
                    <a href="https://baijiahao.baidu.com/s?id=1736426198846265653&wfr=spider&for=pc"><h2 style="text-align:center;color: cornflowerblue;">      《我的世界》限时特惠礼包惊喜上线，多重福利等你解锁！        2022-06-29</h2></a>
                    <div class="sec4\_search">
                        <input

type="text" name="" id="" placeholder="搜索" @keyup.enter="searchEnter" v-model="city" class="sec4_input" /> <button @click="clickButton" class="sec4_button">搜索

<a href="javascript:;" @click="changeCity('南昌')"> <a href="javascript:;" @click="changeCity('杭州')"> <a href="javascript:;" @click="changeCity('上海')"> <a href="javascript:;" @click="changeCity('北京')"> <a href="javascript:;" @click="changeCity('广州')">
  • {{item.type}}
    {{item.low}}
    {{item.date}}
<!-- ------------------------------------------------- --> 


**前端资料汇总**

**[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://docs.qq.com/doc/DSmRnRGxvUkxTREhO)**

![](https://p9-xtjj-sign.byteimg.com/tos-cn-i-73owjymdk6/8dd12b1e39f2471994503521a8fccf2f~tplv-73owjymdk6-jj-mark-v1:0:0:0:0:5o6Y6YeR5oqA5pyv56S-5Yy6IEAg55So5oi3MzM5MTQ5MjgwNjA=:q75.awebp?rk3s=f64ab15b&x-expires=1771326110&x-signature=%2FhYhqnBoi9md8XFPamtRblz4kbc%3D)



我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。



更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点：和什么人、做什么事、给多少钱，要给这三者在自己的心里划分一个比例。
最后，祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。
avatar
文章
阅读
粉丝