本人从事前端行业三年多,打算从今天开始整理一些关于前端的一些比较经典的知识点,持续更新中...希望能对一些相关知识点有疑问的朋友有一些帮助!
HTML篇:
1.常见的行内元素/块级元素/空元素有哪些?
行内元素:span/img/input/i/b/select/botton/a...
块级元素:div/p/h1~h6/ul/li/ol/dl/dt/table/form/section/header/footer...
空元素:hr/br/img/input/meta/link...(没有内容的元素叫空元素,空元素是在开始标签中关闭的)
2.行内元素和块级元素的区别?
行内元素:
a.多个行内元素排成一行
b.不能直接设置高宽(img标签可以直接设置高宽)
c.宽和高都是由内容决定的
d.只能包含行内元素和文本
块级元素
a.宽度占父级元素的100%
b.不管有没有设置高宽,都独自占一行
c.可以直接设置高宽
d.可以包含行内元素和块级元素,p标签不能包含p标签
如何区分一个标签是块级元素还是行内元素:
新建几个相同的标签,在网页中查看排列方式(是否排成一行还是独占一行)
3. get与post的区别
get和post是http协议中两种发送请求的方法,http是基于TCP/IP的关于数据在万维网如何通信的协议!
a.get安全性比post低,get直接暴露在url地址栏上,所以不能传递一些隐私数据;
b.get传递数据限制大小2kb,而post没有限制大小;
c.get在传递过程中产生一个数据包:浏览器会把http header和data一起发出去,服务器想用200成功,而post产生两个数据包:浏览器先发送http header,服务器响应100 continue,再发送data,服务器响应200 ok,两次包在验证数据的完整性上有非常大的优势。
d.以下是W3C school给的标准答案:
-
GET在浏览器回退时是无害的,而POST会再次提交请求。
-
GET产生的URL地址可以被Bookmark,而POST不可以。
-
GET请求会被浏览器主动cache,而POST不会,除非手动设置。
-
GET请求只能进行url编码,而POST支持多种编码方式。
-
GET请求参数会被完整保留在浏览器历史记录里,而POST中的参数不会被保留。
-
GET请求在URL中传送的参数是有长度限制的,而POST没有。
-
对参数的数据类型,GET只接受ASCII字符,而POST没有限制。
-
GET比POST更不安全,因为参数直接暴露在URL上,所以不能用来传递敏感信息。
-
GET参数通过URL传递,POST放在Request body中。