2024年03(1)，移动端前端前端开发

HTTP

• HTTP 报文结构是怎样的？

• HTTP有哪些请求方法？

• GET 和 POST 有什么区别？

• 如何理解 URI？

• 如何理解 HTTP 状态码？

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

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

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

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

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

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

• 对 Cookie 了解多少？

• 如何理解 HTTP 代理？

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

• 为什么产生代理缓存？

• 源服务器的缓存控制

• 客户端的缓存控制

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

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

注：边框会影响盒子的大小

---

2.padding 内边距

padding ： 5px 指的是上下左右都是5px

padding : 5px 10px 指的是上下5，左右10

padding：5px 10px 10px 指的是上5，左右是10，下是5

padding：5px 10px 8px 6px 指的是上5、下10、右8,、左6

注：padding也会影响盒子的实际大小

如果盒子本身没有指定width/height ，padding是不会撑开的

---

3.margin 外边距

margin的复合写法和padding一致

注意：margin外边距可以设置块元素水平居中，必须满足两个条件：

1、盒子必须有宽度

2、左右外边距必须设置为auto,即：margin:0 auto；

---

4. 行内元素或行内块元素水平居中

行内元素或行内块元素水平居中，给父元素设置text-align:center；就可以了

---

三、盒子模型-清除内外边距

网页元素很多都自带默认内外边距、不同浏览器之间也不同，为了统一可以直接清除元素的内外边距

* {

margin: 0;

padding: 0;

}

注意：行内元素一般只设置左右的内外边距，设置上下边距不起效果！但是转换为块级或者行内块就可以

---

四、盒模型-外边距合并问题

定义：对于两个嵌套关系的块元素，父元素有上边距的同时子元素也设置上边距，此时父元素会塌陷较大的外边距值

解决方案：

1、为父元素设置上边框：border: 1px solid transparent;

2、为父元素设置上内边距:padding-top: 1px;

3、为父元素添加overflow:hidden

4、还有其他方法比如浮动、固定、绝对定位的盒子不会有塌陷问题

---

五、box-sizing 属性

box-sizing 属性定义如何计算一个元素的总宽度和总高度，元素的总高度和宽度包含内边距和边框(padding 与 border)

例如，需要并排放置两个带边框的div，可通过将 box-sizing 设置为 “border-box”。这样就可以让浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中

例如：设置两个边框并列排着

div {
        box-sizing: border-box;
        width: 50%;
        border: 5px solid red;
        float: left;
}

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

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

总结

技术学到手后，就要开始准备面试了，找工作的时候一定要好好准备简历，毕竟简历是找工作的敲门砖，还有就是要多做面试题，复习巩固。

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

[外链图片转存中…(img-k7zBWjCG-1714812659395)]