节流防抖
节流 某个函数在一定时间间隔内只执行第一次回调。
防抖 无视短时间内重复回调
节流是在某段时间内只执行首次回调，而防抖动通常是只执行末次回调。
https://www.jianshu.com/writer#/notebooks/52520049/notes/106474305/preview
cookies，sessionStorage ，localStorage的区别?
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，相当于本地数据，减少服务器请求。
相同：都是保存在浏览器端，且同源的。
区别：
1.cookie数据始终在同源的http请求中携带（即使不需要）。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。
2.cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。
3.存储大小限制也不同，cookie数据不能超过4k，sessionStorage和localStorage 可达到5M 及更多，根据浏览器而定。
4.数据有效期不同：
sessionStorage：仅在当前浏览器窗口关闭前有效，自然也就不可能持久保持；
localStorage：始终有效，窗口或浏览器关闭也一直保存，因此用作持久数据；
cookie：设置的cookie过期时间内一直有效，无视窗口或浏览器关闭。
5.作用域不同，
sessionStorage：不在不同的浏览器窗口中共享，即使是同一个页面；
localStorage 在所有同源窗口中都是共享的；
cookie也是在所有同源窗口中都是共享的。
Web Storage（sessionStorage，localStorage ）的优势？
存储空间更大：IE8下每个独立的存储空间为10M，其他浏览器实现略有不同，但都比Cookie要大很多。
存储内容不会发送到服务器
Web Storage提供了一套更为丰富的接口，使得数据操作更为简便。
独立的存储空间：每个域（包括子域）有独立的存储空间，各个存储空间是完全独立的，因此不会造成数据混乱。
Sass/Scss 和 Less的区别
Sass: 一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。Sass 3就变成了Scss(Sassy CSS)。SCSS(Sassy CSS)是CSS语法的扩展。
Less: 也是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量，继承，运算， 函数. Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可在服务端运行 (借助 Node.js)。
1.编译环境不一样
Sass是在服务端处理的，以前是Ruby，现在是Dart-Sass或Node-Sass，
Less是需要引入less.js来处理Less代码输出CSS到浏览器
2.变量符不一样，Less是@，而Scss是$。
3.输出设置，Less没有输出设置，Sass提供4中输出选项：nested, compact, compressed 和 expanded
4.Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持
https://www.cnblogs.com/wangpenghui522/p/5467560.html
如何阻止事件冒泡和事件的默认事件
Sass: 一种动态样式语言，Sass语法属于缩排语法，比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理，函数等)，更容易阅读。Sass 3就变成了Scss(Sassy CSS)。SCSS(Sassy CSS)是CSS语法的扩展。
Less: 也是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量，继承，运算， 函数. Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可在服务端运行 (借助 Node.js)。
1.编译环境不一样
Sass是在服务端处理的，以前是Ruby，现在是Dart-Sass或Node-Sass，
Less是需要引入less.js来处理Less代码输出CSS到浏览器
2.变量符不一样，Less是@，而Scss是$。
3.输出设置，Less没有输出设置，Sass提供4中输出选项：nested, compact, compressed 和 expanded
4.Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持
网友评论