前端笔试题解析-CSDN博客

Form标签的( action )属性用于设置表单提交时向何处发送表单数据。
HTML中的( ul )标签用于定于无序列表。
设置圆角的样式属性是：(border-radius)。
在CSS3中设置样式为：( box-sizing:border-box )可以改变默认盒子模型计算方式。
数组的( pop )方法可以删除并且返回数组的最后一个元素。
正则表达式的元字符( \D )用于匹配一个非数字字符。
Javascript中的(call 或 apply 或 bind)和(call 或 apply 或 bind)方法用于改变this指向。
执行代码const a = typeof null ; a的值是(object)
http协议的(301)状态码, 代表永久性转移(Permanently Moved)。
html中，大于号(>) 的转义编码是(&amp 或者 gt)
以下属于Audio/Video的方法有？ 1.load 2.start 3.pause
以下那些是css属性position可以设置的值：fixed relative absolute inherit
有以下代码,最终字体的颜色为？ blue(id优先级最高)

<div class='red black' id="yy">YY</div>
<style>
    #yy{color:blue;}
    .black{color:black;}
    .red{color:red;}
    div{color:white;}
</style>
复制代码

以下结果返回true的有？

[0,1,2,3,4].every(Number)   false  //因为有 0 在
复制代码

[0,1,2,3,4].some(Number)   true
复制代码

[0,1,2,3,4].forEach(Number)
复制代码

[0,1,2,3,4].map(Number)   
复制代码

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

1.replace

2.split
以下代码能把json格式的字符 { } 转成json对象的有？
1. JSON.parse(‘{}’)
2. (new Function("return {}"))()
3. evel('{}')
在Object.defineProperty(obj, prop, descriptor) ，descriptor参数可以设置的属性有？

1.configurable

2.enumerable

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

1. px代表物理屏幕上能显示出的最小的一个点,

2. em 是相对于父级的字体大小,

3. rem是相对于HTML跟元素的字体大小,

4. vh 和 vw 相对于视口的高度和宽度,1vh 等于1/100的视口高度，1vw 等于1/100的视口宽
DOM的onload和domContentLoaded事件有什么区别？

当 onload 事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。当 DOMContentLoaded 事件触发时，仅当DOM加载完成，不包括样式表，图片，flash
requestAnimationFrame方法是做什么用的，应用场景有哪些？

浏览器可以优化并行的动画动作，更合理的重新排列动作序列，并把能够合并的动作放在一个渲染周期内完成，从而呈现出更流畅的动画效果，节省CPU。应用场景：游戏、动画
网站的登录态是如何保持的，一个完整的登录流程是怎样实现的？

通过cookies来保持的，cookie面面存储token，每次请求到后端服务器都会带上token。从而验证用户是否登录。输入用户、密码—>点击登录发送到服务端—》服务端验证密码生成token—》写入到cookies返回成功。 *有如下HTML代码，实现点击删除链接后，删除当前点击所在的li项。

html代码：

<ul class=”list”>
<li>aa<a href="/">删除</a></li>
<li>bb<a href="/">删除</a></li>
<li>cc<a href="/">删除</a></li>
</ul>
复制代码

js代码：

    示例，（答题要点：查找元素,监听事件,阻止默认操作、删除节点）
    var list = document.querySelector('.list');
    list.addEventListener('click',function(event){
    event.preventDefault(); //阻止a标签url跳转
    if (event.target.tagName === 'A'){
    var li = event.target.parentNode; //获取父节点
    list.removeChild(li);
    }
    })
	})
复制代码

用HTML和css3编写代码，实现一个圆形左右无限循环来回移动。

@keyframes move {
from {
	left: 0;
}
to {
	left: 200px;
}
}
.circle {
width: 100px;
height: 100px;
border-radius: 100px;
background-color: red;
animation: move 5s linear infinite alternate;
position: relative;
}
复制代码

示例,（答题要点，定义圆形，定义动画、animation几个属性大概能写出来）
<div class="circle"></div>
复制代码

编写一个函数，用于从cookie里面获取数据。

例，（答题点，实现即可，正则或者字符分割都可以）
var getParam = function (name) {
var r = new RegExp("(\?|#|&)" + name + "=([^&#\?]*)(&|#|$|\?)");
var m = window.location.href.match(r);
return decodeURI(!m ? "" : m[2]);
};
复制代码

hjkhjk
hjkhjk
'ghjghj
jhkhjk'
ghjghjhj