查漏补缺第一天

 css行内和块状元素的区别？

　　常见的块级元素：div p h1 h2 hr form ul ol li 等；

　　常见的行内元素：span a b i br input 等；

他们的区别主要有一下几点：

　　块级元素：（1）能识别宽高

　　　　　　　（2）可以自动换行

　　　　　　　（3）margin和padding的上下左右均对其有效

　　　　　　　（4）多个块级元素标签写在一起，默认排列方式为从上到下

 

　　行内元素：（1）不能自动换行

　　　　　　　（2）设置宽高无效

　　　　　　　（3）对margin仅设置左右方向有小，上下无效。padding设置上下左右都有效，会撑大空间。行内元素margin-left,margin-right,padding-left,padding-right都产生边距效果，但是margin-top,margin-bottom,padding-top,padding-bottom都不会产生边距效果

　　　　　　　（4）多个行内元素标签写在一起，默认排序方式为从左到右

 

H5中的语义化标签

　　语义化标签提高了开发的易读性和可维护性，有利于seo优化。

　　常见的语义化标签有：<section></section>用于对网站或应用程序中页面上的内容进行分块。通常内容是其标题组成

　　　　　　　　　　　　<nav></nav>用于页面导航的链接组，可以包括<ul><li><p>元素等

　　　　　　　　　　　　<header></header>整个页面或者页面内容区块的标题，可以包含其他内容

　　　　　　　　　　　　<footer></footer>页脚，页面底部或者版块的内容

　　　　　　　　　　　　<mark></mark>页面中需要凸显出或者高亮显示的，对于当前用户具有参考作用的一段文字

　　　　　　　　　　　　<time></time>表示某个时间或者某个日期。其中pubdate属性代表了文档的发布日期，可以用到time标签里

　　　　　　　　　　　　<aside></aside>表示当前页面或者文章的附属信息部分

　　　　　　　　　　　　<progress></progress>代表一个任务完成的进度

 

JS基本类型

　　string number null boolean undefined symbol

　　symbol 是ES6引入的新的原始数据类型，表示独一无二的值。symbol函数前不能使用new命令，否则会报错。symbol值不能与其他类型的值进行运算。symbol值作为对象属性名时，不能用点运算。symbol作为属性名时，该属性还是公开属性，不是私有属性。

 

http缓存相关请求头

　  cache-control：在响应头中设置，用于通知浏览器该资源需要被缓存，一般建议使用max-age

　　expires：其作用设置缓存时间，但是在设置了cache-control的情况下会被覆盖

　　last-modified：表示该文件的最后修改日期，是文件属性和服务端没关系