杂记（前端知识点）

1. bootstrap
   栅格尺寸：

• lg：大于1200px （桌面大屏）
• md：大于等于992px（一般显示屏）
• sm：大于等于768px（平板）
• xs：小于768px（手机）

2. css优先级

• 外部样式 < 内部样式 < 内联样式
  例外情况：在HTML文件中引入的外部样式在内部样式之后，会覆盖内部样式
• 选择器优先级
  按权重大小排列：内联样式：1000, id：0100, class：0010,
  tag和伪类：0001，通配符：0000
  其中！important脱离权重，但是优先级最高

3. 引入css文件方式
   一般方式有两种：标签和@import

• link标签是xhtml标签，@import引入css的一种方式
• 加载顺序的差别：link会在界面被加载的时候link引用的css样式会同时被加载，@import会在界面完全被加载完成后再加载所有样式，当网速慢的时候就会出现网站开始没有任何样式或者闪烁不停的状况。
• 语法

//link 在html文件中


//@import 在html文件中


//@import在css文件中
@import url(CSS文件路径地址);

4. js严格模式和一般模式的区别
   use strict是一种ECMAscript 5 添加的（严格）运行模式,这种模式使得 Javascript 在更严格的条件下运行,使JS编码更加规范化的模式,消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为。

5. css伪类（before和after）
   beofre：指定的元素内容（而不是元素本身）之前插入一个包含content属性指定内容的行内元素
   after：指定的元素内容（而不是元素本身）之后插入一个包含content属性指定内容的行内元素

6. localstorage、sessionstorage、cookie

• localstorage和sessionstorage在本地存储数据，其中localstorage存储持久数据，即使浏览器关闭依旧存在，除非手动删除;sessionstorage在浏览器关闭时自动删除数据。localstorage和sessionstorage大小一般不超过5M
• cookie在浏览器端和服务器端来回传递数据，每次会存放在http头部，cookie一般会设置过期时间，时间一到就会清除数据。cookie存储大小不超过4k
• 使用场景：
  • localstorage一般用来统计页面访问次数
  • sessionstorage一般用来统计当前页面某个元素的点击次数
  • cookie一般用来存储登录系统的用户名密码等信息

7. cookie和session

• cookie是客户端保存用户信息的一种机制，用来记录用户的一些信息，通过设定的过期时间定期清除，如果未设定过期时间，在浏览器关闭时清除。同时cookie也是实现session的一种方式
• session是服务端保存的一种数据结构，用来追踪用户状态，这个数据可以保存在文件、数据库中。

8. html中严格模式和混杂模式

• 声明位于位于HTML文档中的第一行，处于 标签之前。告知浏览器的解析器用什么文档标准解析这个文档DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。
• 标准模式的排版 和JS运作模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。