2024年最全“生活资讯网”项目血泪教训莫让后人再踩坑，2024年最新前端大厂高频面试题解析

最后

javascript是前端必要掌握的真正算得上是编程语言的语言，学会灵活运用javascript，将对以后学习工作有非常大的帮助。掌握它最重要的首先是学习好基础知识，而后通过不断的实战来提升我们的编程技巧和逻辑思维。这一块学习是持续的，直到我们真正掌握它并且能够灵活运用它。如果最开始学习一两遍之后，发现暂时没有提升的空间，我们可以暂时放一放。继续下面的学习，javascript贯穿我们前端工作中，在之后的学习实现里也会遇到和锻炼到。真正学习起来并不难理解，关键是灵活运用。

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

最近一直被“生活资讯网”这个项目困扰着，几个页面做了快一个礼拜了！😭几度怀疑自己之前学移动端的制作时是不是没带脑子学…

我先来给你倒倒苦水哈！

一开始在制作这个导航栏就先给了我一个下马威，此话怎讲呢？就是说我做那个样式花了我两天😢具体这个样式是个什么样呢？我下面会放一个gif动态图展示出来。

**还有！！!**对于应用Bootstrap（栅格系统）这个响应式布局从一开始接触到现在使用我都还在叫错它的名字…什么栅格化系统、删除系统…不仅学的没到位，名字也喊不对😅

**还有还有！！！**学的解决方法多了选择恐惧症的我就开始害怕了…这个用起来布局很方便，那个代码打起来能简单些…反正诸如此类的问题就让我纠结了好久害生活不易潘潘叹气…😢

**哦！对了！还有！**在布局完后基本展现出效果后，里面许多参数也是要不停的调整，一会儿这个图标掉下来了，一会儿这个图标不见了，一会儿那个图标被影响了…反正就是不停在和它玩躲猫猫…

**哦哦！还有一个！**就是这脑子呀总是把以前学的搞忘，就还需要花时间往前复习一哈…

这书读的我真的一个头两个大！啊啊啊啊啊啊~~~

---

问题描述：

====================================================================

导航栏在不同窗口下有不同的样式呈现：

我算是明白了，越是花里胡哨越是好看的东西背后绝对没有看到的这么简单

一开始我第一反应就是利用Bootstrap来制作！额，首先就是给一个container大容器盒子。

但是我发现一个问题，里面的子盒子会在屏幕挤压下会改变样式动来动去的不按我的要求来💢

原因分析：

====================================================================

首先要弄明白Bootstrap时栅格化系统原理：它将版心分成12份，然后当屏幕压缩了就会一行放不下变成两行。

解决方法：

====================================================================

解决方法：需要用媒体查询或者在Html下面写你想要的样式，不想要的样式在（大屏、中屏、小屏…）中隐藏hidden-lg、hidden-md、hidden-sm

导航栏框架代码如下：

/

不需要container 这样才能占满整个窗口/

//左边的logo

1

//中间的一列导航栏

2

//右边的图标

2

//

方法延伸：

====================================================================

对于这种适应不同窗口的方法（统称为响应式布局）flex、流式布局（百分比）、max-width来表示、Bootstrap栅格化系统。

像这种（三张图）平分版心的就可以用flex来完成：

HTTP

• HTTP 报文结构是怎样的？

• HTTP有哪些请求方法？

• GET 和 POST 有什么区别？

• 如何理解 URI？

• 如何理解 HTTP 状态码？

• 简要概括一下 HTTP 的特点？HTTP 有哪些缺点？

• 对 Accept 系列字段了解多少？

• 对于定长和不定长的数据，HTTP 是怎么传输的？

• HTTP 如何处理大文件的传输？

• HTTP 中如何处理表单数据的提交？

• HTTP1.1 如何解决 HTTP 的队头阻塞问题？

• 对 Cookie 了解多少？

• 如何理解 HTTP 代理？

• 如何理解 HTTP 缓存及缓存代理？

• 为什么产生代理缓存？

• 源服务器的缓存控制

• 客户端的缓存控制

• 什么是跨域？浏览器如何拦截响应？如何解决？

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

前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0)**