笔试

笔试

常用浏览器内核

IE: trident 内核
Firefox：gecko 内核
Safari:webkit 内核
Opera:以前是presto 内核，Opera 现已改用Google Chrome 的Blink 内核
Chrome:Blink

Form标签的()属性用于设置表单提交时向何处发送表单数据。

 action

HTML中的()标签用于定于无序列表

ul

设置圆角的样式属性是：()。

 border-radius

在CSS3中设置样式为：()可以改变默认盒子模型计算方式。

box-sizing:border-box;

数组的()方法可以删除并且返回数组的最后一个元素。

pop

正则表达式的元字符()用于匹配一个非数字字符。

D

Javascript中的()和()方法用于改变this指向。

 call 或 apply 或 bind

http协议的()状态码, 代表永久性转移(Permanently Moved)。

301

以下属于Audio/Video的方法有？

load()

play()

pause()

以下那些是css属性position可以设置的值：

fixed，

relative

absolute 

inherit

以下是支持正则表达式的String对象的方法有？

replace

split

以下是http协议的请求方法的有

post

get

head

在Object.defineProperty(obj, prop, descriptor) ，descriptor参数可以设置的属性有？

configurable

enumerable

value

px、em、rem、vh、vw的区别是什么？

px：绝对单位，页面按精确像素展示

em：相对单位，基准点为父节点字体的大小，如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。

rem：相对单位，可理解为”root em”, 相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。

vw：viewpoint width，视窗宽度，1vw等于视窗宽度的1%。
vh：viewpoint height，视窗高度，1vh等于视窗高度的1%。

DOM的onload和domContentLoaded事件有什么区别？

当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。 
当 DOMContentLoaded 事件触发时，仅当DOM加载完成，不包括样式表，图片，flash

requestAnimationFrame方法是做什么用的，应用场景有哪些？

浏览器可以优化并行的动画动作，更合理的重新排列动作序列，并把能够合并的动作放在一个渲染周期内完成，从而呈现出更流畅的动画效果，节省CPU。 
应用场景：游戏、动画

网站的登录态是如何保持的，一个完整的登录流程是怎样实现的？

通过cookies来保持的，cookie面面存储token，每次请求到后端服务器都会带上token。从而验证用户是否登录。 
输入用户、密码—>点击登录发送到服务端—》服务端验证密码生成token—》写入到cookies返回成功

1.客户端请求后台登录接口。

2.后台验证通过后，将用户的登录状态保存至cookie并写入客户端。

3.客户端再次登录网站，请求login接口时，后台直接从客户端获取到该用户写入cookie的登录状态。

4.通过对该状态的验证，确认用户是否需要再次登录。

5.如cookie过期，则跳转至登录页；如未过期，则直接显示为已登录状态。