前端笔试总结

最新推荐文章于 2022-01-25 15:41:09 发布

昵称已存在lxttttt

最新推荐文章于 2022-01-25 15:41:09 发布

阅读量82

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_43238931/article/details/114675453

版权

前端专栏收录该内容

21 篇文章 1 订阅

订阅专栏

这篇博客总结了前端笔试中的常见知识点，包括CSS可继承属性、JS数据类型、HTML5结构、HTTP请求方法的区别、数组操作方法、HTTP CORS机制、CSS动画与过渡的差异、box-sizing属性、Promise用法、LocalStorage与SessionStorage的对比、箭头函数、cookie与session的讲解，以及DOM加载与交互时间的关系，并探讨了canvas和svg、CSS隐藏元素方法、行内元素和块级元素、CSS单位以及ES5函数定义和setTimeout()的使用。

摘要由CSDN通过智能技术生成

列出CSS中可以继承的属性

1.字体系列属性
font-family		font-weight		font-size		font-style

2.文本系列属性
text-indent		text-align		line-height		word-spacing
letter-spacing	text-transform

3.元素可见性
visibility

4.列表布局属性
list-style

5.光标属性
cursor

JS的集中主要的数据类型

Number		String		Object		Array		Boolean

HTML5的基本结构

<!DOCTYPE>
<html>
	<head>
		<meta charset="utf-8" />
		<title> </title>
	</head?
	<body>
	</body>
</html>

get和post的区别

get的参数通过URL传递参数，post通过request body传递参数
get在浏览器回退时是无害的，post会再次提交请求
get请求会被浏览器主动cache，post不会，但可以手动设置
get请求只能进行URL解码，post支持多种解码方式
get只接受ASCII类型参数，post没有参数类型限制
get请求参数会被完整保留在浏览器历史记录里，post参数不会保留
get请求使用URL传递参数长度会有限制，post没有
post比get更加安全，get直接将参数暴露在URL中，因此不用用来传递敏感信息

在数组操作中，pop、push、shift、unshift的区别

pop():移除数组的最后一项，并返回移除的项
push():在数组末尾添加一项或多项，并返回数组新长度
shift():移除数组第一项，并返回移除项
unshift():在数组前面添加一项或多项，并返回数组新长度

HTTP访问控制(CORS)是什么

HTTP访问控制是：HTTP需要访问一个资源，而这个资源本身所在不同域、协议、端口请求资源时，资源会发起一个HTTP请求。使用额外的HTTP头使得运行在一个域上的Web应用被允许访问来自不同服务器上的指定资源。

animation和transition的区别

animation是关键帧，可以和@keyframe结合设置中间帧；transition是过渡，是css的变化过程
animation配合@keyframe可以不触发时间就触发过程；transition需要通过hover或者js事件来配合触发
animation可以设置多个属性触发多次；transition只能触发一次
animation设置多个属性时，也导致页面重绘或重排，影响程序性能；transition一般结合transform进行旋转和缩放不会产生新的位图，不会引起页面重排

box-sizing有哪些值，每个值是什么意思

值	描述
content-box	在宽度和高度之外绘制内边距和边框
border-box	元素指定的任何内边距和边框都在已设定的宽度和高度内进行绘制
inherit	从父元素集成box-sizing属性的值