9.8日金证股份前端，得分48分

行测

3，10，11，？，127

1^3+2=3
2^3+2=10
3^3+2=29
4^3+2=66
5^3+2=127

鳞次栉比

意思是像鱼鳞和梳子齿那样有次序地排列着，多用来形容房屋或船只等排列得很密很整齐。

网络常识

邮件使用了哪种协议？FTP or UDP or TCP or SMTP

所以邮件发送的时候使用了SMTP,收的时候使用了POP3，传输一直使用TCP（可靠连接）

HTTP协议是：有序链接 or 无状态 or 媒体耦合？

HTTP是无状态、无连接的协议。
超文本传输协议（HTTP）是一个用于传输超媒体文档（例如 HTML）的应用层协议。它是为 Web 浏览器与 Web 服务器之间的通信而设计的，但也可以用于其他目的。HTTP 遵循经典的客户端 - 服务端模型，客户端打开一个连接以发出请求，然后等待直到收到服务器端响应。HTTP 是无状态协议，这意味着服务器不会在两个请求之间保留任何数据（状态）。尽管通常基于 TCP/IP 层，但它可以在任何可靠的传输层上使用，也就是说，该协议不会像 UDP 那样静默的丢失消息。RUDP——作为 UDP 的可靠化升级版本——是一种合适的替代选择。

前端

暂时性死区

let namem = "A";
function geta() {console.log(namem);let namem = "V";
}
geta();  //报错，引用错误

let namem = "A";
function geta() {console.log(namem);
}
geta(); //显示“A”，不报错

语义化是HTML5的新概念吗？在此之前的HTML有没有语义化？

答：不是，之前也有
为什么要语义化？

为了在没有CSS的情况下，页面也能呈现出很好地内容结构、代码结构:为了裸奔时好看；
用户体验：例如title、alt用于解释名词或解释图片信息、label标签的活用；有利于SEO
和搜索引擎建立良好沟通，有助于爬虫抓取更多的有效信息：爬虫依赖于标签来确定上下文和各个关键字的权重；
方便其他设备解析（如屏幕阅读器、盲人阅读器、移动设备）以意义的方式来渲染网页；
便于团队开发和维护，语义化更具可读性，是下一步吧网页的重要动向，遵循W3C标准的团队都遵循这个标准，可以减少差异化。

浏览器对象中,history的父对象是谁？Window

History 对象包含用户（在浏览器窗口中）访问过的 URL。
History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。

vue通过什么属性获取dom元素

答：Ref

vue-router: hash & history

relative元素相对于原位置偏移，移动后原位置占不占原空间？

答：原空间仍然占据。
偏移是相对于原位置的偏移，但是元素所占用的空间还保留在原位，其他元素不会挤占该元素的空间

以下哪些动画效果无法通过贝塞尔曲线实现？

A. linear B.ease C. fade-in D.ease-out
选C，ease相关都可以，fade相关都不可以。

编写一个身份证号的正则表达式

来源：牛客网

正确选项

^：起始符号，^x表示以x开头
$：结束符号，x$表示以x结尾
[n-m]：表示从n到m的数字
\d：表示数字，等同于[0-9]
X{m}：表示由m个X字符构成，\d{4}表示4位数字

15位身份证的构成：六位出生地区码+六位出身日期码+三位顺序码
18位身份证的构成：六位出生地区码+八位出生日期码+三位顺序码+一位校验码

C选项的构成：
[1-9]\d{5}：六位出生地区码，出生地区码没有以0开头，因此第一位为[1-9]。
[1-9]\d{3}：八位出生日期码的四位年份，同样年份没有以0开头。
((0\d)|(1[0-2]))：八位出生日期码的两位月份，| 表示或者，月份的形式为0\d或者是10、11、12。
(([0|1|2]\d)|3[0-1])：八位出生日期码的两位日期，日期由01至31。
\d{4}：三位顺序码+一位校验码，共四位。
A选项的构成：
[1-9]\d{7}：六位出生地区码+两位出生日期码的年份，这里的年份指后两位，因此没有第一位不能为0的限制，所以合并了。
第一次知道身份证还有15位的。

ajax的优缺点

传统的Web应用交互由用户触发一个HTTP请求到服务器，服务器对其进行处理后再返回一个新的HTML页到客户端，每当服务器处理客户端提交的请求时，客户都只能空闲等待并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个完整的HTML页,而用户每次都要浪费时间和带宽去重新读取整个页面。这个做法浪费了许多带宽，由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间。这导致了用户界面的响应比本地应用慢得多。

与此不同，AJAX应用可以仅向服务器发送并取回必需的数据，它使用SOAP或其它一些基于XML的Web Service接口，并在客户端采用JavaScript处理来自服务器的响应。因为在服务器和浏览器之间交换的数据大量减少，结果我们就能看到响应更快的应用。同时很多的处理工作可以在发出请求的客户端机器上完成，所以Web服务器的处理时间也减少了。
Ajax引擎，实际上是一个比较复杂的JavaScript应用程序，用来处理用户请求，读写服务器和更改DOM内容并且互动地重写DOM，这使网页能无缝化重构，也就是在页面已经下载完毕后改变页面内容，这是我们一直在通过JavaScript和DOM在广泛使用的方法，但要使网页真正动态起来，不仅要内部的互动，还需要从外部获取数据，在以前，我们是让用户来输入数据并通过DOM来改变网页内容的，但现在，XMLHTTPRequest，可以让我们在不重载页面的情况下读写服务器上的数据，使用户的输入达到最少。

Ajax使WEB中的界面与应用分离（也可以说是数据与呈现分离），而在以前两者是没有清晰的界限的，数据与呈现分离的分离，有利于分工合作、减少非技术人员对页面的修改造成的WEB应用程序错误、提高效率、也更加适用于现在的发布系统。也可以把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理。

.AJAX的优点

1》无刷新更新数据

2》异步服务器通信

3》前端和后端负载平衡

4》基于标准备广泛支持

5》界面与应用分离

AJAX的缺点

1》AJAX干掉了Back和History功能，即对浏览器机制的破坏

2》AJAX安全问题

3》对搜索引擎支持较弱

4》破坏程序的异常处理机制

5》违背了URL和资源定位的初衷

6》AJAX不是很好支持移动设备

CSS选择器

伪元素与伪类的根本区别在于：操作的对象元素是否存在于原来的dom结构里。

:nth-child(n),n从1开始计数
:nth-child(odd)和:nth-child(even),从1开始计数
:nth-child(an+b),n从0开始计数
D选项：B是A的下一个（相邻）兄弟节点（AB有相同的父结点，并且B紧跟在A的后面）