前端面试八股文都是什么 那位大佬能帮助总结一下 (前端面试八股文在哪刷)

本文目录导航：

• 前端面试八股文都是什么，那位大佬能帮助总结一下？
• 移动端高度怎样自顺应?
• 移动前端开发和 Web 前端开发的区别是什么

前端面试八股文都是什么，那位大佬能帮助总结一下？

前端面试中，面试官常会提问一些关于基础常识的八股文，以测试面试者的了解和运行才干。

以下是一些关键常识点的精炼总结：**1. 安保传输与协定**- HTTP：明文传输，不安保。

- HTTPS：加密通讯，保障数据安保，但或许影响性能。

- **环节**：SSL衔接、安保等级协商、会话密钥替换。

**2. 网络通讯基础**- TCP三次握手：衔接建设。

- TCP四次挥手：断开衔接。

- 包传输：有序、牢靠，经过编号与重传机制。

**3. 协定与区别**- TCP（衔接、牢靠）与UDP（无衔接、无法靠）。

- 跨域原理：同源战略与处置打算（JSONP、iframe等）。

**4. 贮存技术**- Cookie、localStorage、sessionStorage：存储位置、大小、生命周期。

**5. 网络疑问与处置**- 粘包疑问：编程控制、接纳进程提升、线程预处置分包。

**6. 阅读器加载流程**- 缓存优先，DNS解析、衔接建设、HTTP恳求。

- 渲染流程：DOM、CSS、渲染树构建。

**7. 用户体验提升**- DOM操作与重排重绘：提升性能。

- CSS提升：样式集中、动画和GPU减速。

**8. 缓存与性能**- 304缓存机制：Expires、Cache-Control等。

- 阅读器缓存战略：强迫缓存、协商缓存。

**9. 规划与定位**- position属性：fixed、relative、absolute、sticky、static。

- box-sizing：content-box、border-box。

**10. 规划形式与运行场景**- BFC（独立渲染区域）：防止堆叠、规划疑问。

- 居中元素：水平与垂直居中方法。

**11. 移动端适配**- rem规划与viewport：极速适配与顺应性。

- 肃清浮动：额外标签、父元素设置。

**12. 数据类型与内存治理**- 数据类型检测与实例化。

- 变量申明与作用域：var、let、const。

- 内存走漏与渣滓回收机制。

**13. JavaScript外围概念**- this的指向、原型链、new运算符。

- Event Loop：异步处置、宏义务与微义务。

- MVVM框架（如Vue）：数据绑定、生命周期治理。

**14. 经常出现面试疑问与处置打算**- 消费环境失误修复与版本分支治理。

- 前端提升战略：缓存、性能提升、设计提升。

- 参考文档：名目提升和最佳通常。

经过把握这些关键点，面试者可以更好地展现自己的前端技术实力。

移动端高度怎样自顺应?

移动web宽度自顺应，高度怎样算 css3用box-flex; 在w3school里找找，重要是依据父元素按比例调配高度 父元素{width:100%;display:box;} 比如三栏规划A、B、C要想设成一样的宽度就用A{box-flex:1;}B{box-flex:1;}C{box-flex:1;} 要是两栏规划B是A的2倍那就是 A{box-flex:1;}B{box-flex:2;}高度也是还有一个css3的新配置就是calc()计算，可以计算高度，可以试着用一下 PS，我只是说说，移动端照应式局的话，规划要随着窗口变的， 就像你这个，要是在普通的手机端就得变成一栏规划，不能坚持三栏 用Media Query设置不同的窗口宽度给不同的css样式 都是css代码不用js控制html5移动端div的高度怎样设置自顺应 在文档流中，DIV的高度自动就是依据内容的高度自顺应的。

假设是想适配不同设施的窗口大小，可以设置百分比。

或许经过position定位，而后设置top和bottom值。

再或许应用css3的flexbox规划，设置父级的display为flex，方向为纵的，而后设置其flex：1；HTML5外面怎样智能顺应手机屏幕的高度试试在网页的头部两边加上这段代码 可以让网页的宽度智能顺应手机屏幕的宽度 width=device-width ：示意宽度是设施屏幕的宽度 initial-scale=1.0：示意初始的缩放比例 minimum-scale=0.5：示意最小的缩放比例 maximum-scale=2.0：示意最大的缩放比例 user-scalable=yes：示意用户能否可以调整缩放比例 其实我也是上网搜了看到这个比拟有效才提供应你！！前端怎样设置手机端页面高度自顺应 那高度你就不要去赋值了，不用写高度不就是高度自顺应内容吗， 假设你想的是高度和屏幕高度一样，那就设置成100%；HTML5外面怎样智能顺应手机屏幕的高度 1.经过设置viewport参数 2.经常使用css3中的缩放 两种方法都须要失掉以后屏幕大小而后依据网页宽度来计算缩放比例，而后启动缩放。

然而由于目前手机种类单一，阅读器种类也很多，所以每种方法各自都有不少的疑问。

在网页的中参与以上这句话，可以让网页的宽度智能顺应手机屏幕的宽度。

html5移动端div的高度怎样设置自顺应 你好，自顺应的话，这样写： min-height:50px; overflow:hidden;移动端网页开发自顺应高度rem必定要自己计算么 web页面的自顺应开发，要求就是跨平台，跨阅读器，普通mobile+pc，前几天写了几个pc端全屏页面，用的是百分比，在手机上看了下成果 相去甚远。

这么看来mobile+pc 的自顺应 有些时刻就是个伪命题。

那关于移动端的自顺应就 普通的宣传页面全屏滑动那种，用百分比，若复杂了就必需不行，细心看了下某淘的处置用的rem为单位，就学习在这个方法吧首先关于设计图，width 普通是640的。

rem：CSS3新增了一个相对单位rem（root em，根em），这样rem 就应该设定在html{font-size:1rem;}， 某淘对此的设定是依据手机宽度设定的, 必无法少的这句： 由js 控制的 ， 首先是在苹果上不一样，苹果6就是 这样设置可以用 设施像素比 */10 ，这样就得出了font-size大小， 而andorid上有大局部就是、font-size就是 /10； 淘*里经常使用的代码： !function(J, I) { function H() { var d = (); d / B > 540 && (d = 540 * B); var e = d / 10; = e + px, = = e; } var G, F = , E = , D = (metaname=viewport]), C = (metaname=flexible]), B = 0, A = 0, z = ( = {}); if (D) { (将依据已有的meta标签来设置缩放比例); var y = (content)(......>>css3 手机端怎样高度自顺应 普通是宽度为照应式的，在手机端，要经常使用rem作为单位，这样可以使手机分辨率在出现变动时，高度和宽度同时出现扭转。

如今开局盛行经常使用rem作为手机端的单位，淘宝，京东都是用rem。

前端怎样设置手机端页面高度自顺应 那高度你就不要去赋值了，不用写高度不就是高度自顺应内容吗， 假设你想的是高度和屏幕高度一样，那就设置成100%；如何开发一个app，使他自顺应各种辩白率? 流媒体技术基础-流媒体传输协定 作者/起源：未知 实时传输协定RTP与RTCP RTP（Real-timeTransportProtocol）是用于Internet上针对多媒体数据流的一种传输协定。

RTP被定义为在一对一或一对多的传输状况下上班，其目的是提供时期消息和成功流同步。

RTP通经常常使用UDP来传送数据，但RTP也可以在TCP或ATM等其余协定之上上班。

当运行程序开局一个RTP会话时将经常使用两个端口：一个给RTP，一个给RTCP。

RTP自身并不能为按顺序传送数据包提供牢靠的传送机制，也不提供流量控制或拥塞控制，它依托RTCP提供这些服务。

通常RTP算法并不作为一个独立的网络层来成功，而是作为运行程序代码的一局部。

实时传输控制协定RTCP。

RTCP(Real-timeTransportControlProtocol)和RTP一同提供流量控制和拥塞控制服务。

在RTP会话时期，各介入者周期性地传送RTCP包。

RTCP包中含有已发送的数据包的数量、失落的数据包的数量等统计资料，因此，主机可以应用这些消息灵活地扭转传输速率，甚至扭转有效载荷类型。

RTP和RTCP配合经常使用，它们能以有效的反应和最小的开支使传输效率最佳化，因此特意适宜传送网上的实时数据。

6.2.1 RTP数据传输协定 RTP提供端对端网络传输配置，适宜经过组播和点播传送实时数据，如视频、音频和仿真数据。

RTP没有触及资源预订和品质保障等实时服务，RTCP扩大数据传输以准许监控数据传送，提供最小的控制和识别配置。

RTP与RTCP设计成独立传输和网络层。

2.1.1 RTP固定头 RTP 头格局如下： ----------------------------------------------------------------------------------------------- V=2PX CC M PT 系列号 ----------------------------------------------------------------------------------------------- 时标 ----------------------------------------------------------------------------------------------- 同步源标识(SSRC) ----------------------------------------------------------------------------------------------- 作用标识 (CSRC) .... ----------------------------------------------------------------------------------------------- 开局12个八进制出如今每个RTP包中，而CSRC标识列表仅出如今混合器拔出时。

2.1.2 复用 RTP 衔接 为使协定有效运转，复用点数目应减至最小。

RTP中，复用由定义RTP衔接的目的传输地址（网络地址与端口号）提供。

例如，对音频和视频独自编码的远程会议，每个媒介被携带在独自RTP衔接中，具备各自的目的传输地址。

指标不在将音频和视频放在单一RTP衔接中，而依据SSRC段载荷类型启动多路合成。

经常使用同一SSRC ，......>>

移动前端开发和 Web 前端开发的区别是什么

移动前端开发和web前端开发都属于前端开发，详细有以下区别。

1、业务的运行场景

web前端开发重要指传统的PC端网页开发，页面重要是运转在PC端阅读器中，移动前端开收回来的页面重要是运转在手机上。

直观上会觉得，PC端页面大一些，移动端页面小一些，然而依据开发阅历，页面大可并不代表书写的代码复杂，页面小也并不象征着开发便捷，难与易重要还是取决于详细的业务需求。

2、新技术的经常使用

由于在移动端重要以webkit内核为主，关于HTML5等新技术支持的更好，所以可以更大范畴的经常使用新技术，而PC端开发由于很多场景下要求兼容IE等老版本阅读器，出于阅读器兼容性的思考，有些状况下限度了新技术的经常使用。

3、页面的适配性

传统PC端的页面开发普通都会选用给页面设定一个固定宽度，两侧有留白，然而移动端的页面由于其载体手机屏幕比PC要小很多，普通都会选用尽或许多的在手机屏幕上显示内容，这就要求移动端页面要能够充沛顺应各种屏幕尺寸的手机并启动最大水平的应用。

从这一点过去说移动端页面的适配难度更高一些。

4、页面的性能

PC端的网络状况普通比拟稳固，都是经过网线或许Wi-Fi衔接网络，然而移动端就比拟复杂，除了Wi-Fi，还有2G、3G、4G甚至是在几种不同的网络衔接中交替切换也经常出现。

不稳固的网络衔接对页面性能带来的应战是移动端的页面资源不能太大，否则在顽劣网络状况下时，页面将会无法访问 ，重大影响用户体验。

5、框架选型

由于移动端网络状况的不稳固，造成咱们在移动端页面框架选型时，普通只思考小而美的框架，例如像这样的紧缩之后只要9.6K，就能满足普通业务的须要，假设是想要构建更复杂的单页面运行，可以选用像这样的框架，配置弱小，但体积紧缩后却只要20多K。

而web端相对选用的范畴就比拟大，一些比拟重型的框架也可以依据名目需求加以思考，例如新鲜但宏大的，依然仰仗着泛滥UI组件生动在一些企业的后盾治理系统名目中。