PHPer面试指南-Web 篇

本书的 GitHub 地址：https://github.com/todayqq/PHPerInterviewGuide

对于大公司，很少会有全栈工程师这个岗位，全栈是个花哨的词，对于现在比较热门的技术，不论是 Vue 还是 Laravel，只要智商不差，看着文档，都能写出一个 CURD 来，但是这就叫全栈了吗？

比如 Vue 中的 MVVM，其中 VM 视图的原理是什么？Laravel 为什么要这么设计？

会用这种技术栈，其实只是学到的只是皮毛，可以会用，但是必须要有自己精通擅长的一面，一定要做到人无我有，人有我优。

---

面试题

• 谈谈对 Web 语义化的理解

语义化的含义就是用正确的标签做正确的事情，语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析，利于 SEO，也有利于代码阅读、便于维护。

• 简述 HTTP 协议的工作流程「重要」

1. 地址解析;
   在浏览器中输入 URL，浏览器会从中分解出协议名、主机名、端口、对象路径等部分
2. 封装 HTTP 请求数据包
3. 浏览器获取主机 IP 地址，建立 TCP 链接（TCP 的三次握手）
4. TCP 链接建立后发送 HTTP 请求
   请求方式的格式为：统一资源标识符（URL）、协议版本号，后边是 MIME 信息包括请求修饰符、客户机信息和可内容。
5. 服务器接到请求后，给予相应的响应信息
   其格式为一个状态行，包括信息的协议版本号、一个成功或错误的代码，后边是 MIME 信息包括服务器信息、实体信息和可能的内容
6. 服务器断开 TCP 连接

• 为什么使用 HTTPS？实现原理是什么？

HTTPS（超文本传输安全协议）是一种通过计算机网络进行安全通信的传输协议，提供对网站服务器的身份认证，保护数据传输的完整性、安全性。

实现过程如下：

1. 客户端通过 TCP 和服务器建立连接之后，第一次握手的时候请求证书，服务器向客户端返回证书
2. 客户端在收到服务端证书后，确认证书是否有效，生成对称秘钥并使用服务器的公共秘钥进行加密，然后发送给服务器。
3. 服务器使用它的私钥对它进行解密，这样两台计算机可以开始进行对称加密进行通信。

• 写出一个使用 flex 布局，在 div 垂直居中的 css 代码

div {
    display: flex;
    justify-content: center;
    align-items: center;
}

• 为什么把 JavaScript 文件放在 Html 底部

1. 因为浏览器渲染 HTML 文件是从上往下渲染的，JavaScript 放在 Html 头部，会阻碍浏览器的渲染速度，增加用户的等待时间
2. 浏览器加载 JavaScript 脚本之后会自动执行，如果放在头部，此时的 Dom 树还没有加载完，很容易出 Bug

• 谈谈对 JavaScript 闭包的理解

闭包是 JavaScript 函数的一种，声明即运行，可以在函数内部调用外部变量。

• 如何处理 Ajax 跨域问题

1. 代理
2. JsonP
3. iframe 等等……

前端的知识比较多，一些比较基础的问题，就不再整理了，比如给 Http 常见状态码，Html5 多了那些标签，CSS 如何清除浮动等等。

如果大家有兴趣，可以阅读这些前端的常见面试题和资料。

扩展阅读

• 收集的前端面试题和答案
• 前端开发面试题
• 史上最全的web前端面试题汇总及答案1
• 前端工程师手册
• HTTP协议：工作原理
• SSL/TLS协议运行机制的概述