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的后面)
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值