不久之前Firefox和Safari浏览器已经开始支持类似Photoshop的混合模式，但是在Chrome和Opera浏览器中需要添加前缀。举个栗子： 现在，你甚至可以在边框中使用渐变。 具体的例子可以看这里，或者看这里使用的是background-clip和backgroun…

再有两个月，2018就快过完了，因而有必要在年末对2018年的前端学习做一个总结，本文主要从前端面试中的一些基础知识来对前端进行相关的总结。本文根据网络面试题进行总结。 根据内容的结构化（内容语义化），选择合适的标签（代码语义化）便于开发者阅读和写出更优雅的代码的同时让浏览器的…

一直以来都有用let和const，看似深入学习过，但其实没有真正完全理解，在模棱两可的用。而变量提升，块级作用域，暂时性死区等等都是必须要掌握的基础知识

1em与当前元素的字体大小相同（更具体地说，一个大写字母M的宽度）。CSS样式被应用之前，浏览器给网页设置的默认基础字体大小是16像素，这意味着对一个元素来说1em的计算值默认为16像素。但是要小心—em单位是会继承父元素的字体大小，所以如果在父元素上设置了不同的字体大小，em…

在我们日常开发的时候，可能会遇到各种各样的需求，但是自己一时半会儿可能找不到合适的办法去解决。书到用时方恨少，下面的这些JavaScript的工具函数可能就会派上大用场了，我们可以进行复用，提高我们的工作效率。 我把下面的方法都大致分了个类放在了我的GitHub上。大家可以cl…

前半部分属于基础，后半部分属于进阶。从初级到中级再到我都 hold 不住的高级。全文共 12000 余字，超干超干的那种。 然而，写完一半的时候，我突然虎躯一震，我是不是在造轮子？随后我悄悄的搜了一下 git 。 嗯？这么多 git 文章，我滴天呢，我陷入了沉思，我皱着眉头点了…

从《JS 总结之函数、作用域链》一文中知道作用域链的作用，保证了对所有变量对象的有序访问。 函数外的是无法访问函数内部的变量，有时候要用到怎么办？我们的主角，闭包就是可以解决这个问题。 这两个解释都在说着同一件事，闭包能访问声明时函数所在的环境中的变量和函数。 那具体是因为什么…

一个display：block的元素设定宽高之后表现为矩形。通过设定border-radius可以得到圆角矩形，圆形和椭圆形。 border-radius，可以分别对4个角进行设定。 例如上图：border-top-left-radius: apx bpx; border-xx…

class 是 ES6 的新特性，可以用来定义一个类，实际上，class 只是一种语法糖，它是构造函数的另一种写法。（什么是语法糖？是一种为避免编码出错和提高效率编码而生的语法层面的优雅解决方案，简单说就是，一种便携写法。） 定义于 constructor 内的属性和方法，即定…