摘要：
先来了解splice的用法 array.splice(start,deleteCount,item...) splice方法从array中移除一个多个元素（会对原数据进行修改，而slice不会），并用新的item替换它们。参数start是从数组array移除元素的开始位置。参数deleteCount 阅读全文
摘要：
如果容器已知高度且容器内需要元素垂直居中，我们可以给容器内添加一个伪元素，设置这个伪元素高度为100%。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> img{ 阅读全文
摘要：
当我们给一个元素（display为inline-block）的vertical-align设置为middle，我们会发现这个元素并没有垂直对齐。并且发现这个元素的高度的中心点，会在所有兄弟元素中高度最高的元素的底部靠上一点。 如下所示 解决方法： 给当前和它的兄弟元素都添加vertical-alig 阅读全文
摘要：
给元素设置position为absolute或者z-index不为auto，或者opacity小于1，会创建一个堆叠上下文，它的后代元素，都会根据它父堆叠上下文，进行排序，不会针对其他的堆叠上下文排序。 页面结构 <div class="a"></div> <div class="b"> <div 阅读全文
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> body{ margin: 0; background-color: #fff; background-image: linear-gradien 阅读全文
摘要：
background-clip有三个属性默认值为border-box padding-box:将图片裁剪到内边距盒子以内 content-box:将图片位于内边距及其之外的部分裁剪掉 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <titl 阅读全文
摘要：
部分正则： （?:...) 表示非捕获型分组，就是不会缓存下来，留着后面再用 ? 它表示重复0或1次 （...) 表示一个捕获型分组(capturing group)。一个捕获型分组将复制它所匹配的文本，并将其放人result数组中。每个捕获型分组都将被指定一个编号。第一个捕获型分组的编号是1，所以 阅读全文
摘要：
盒子的模型宽度不是你设置的width的值，根据box-sizing设置的属性决定， 如果为content-box那么元素的宽度为：width+margin+padding+border, 如果设置为border-box那么元素的宽度为：width+border+padding， content-bo 阅读全文
摘要：
清除前 清除后 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .contianer{ width: 600px; height: 200px; } .a{ width: 50px; he 阅读全文
摘要：
const Compare ={ LESS_THAN:-1, BIGGER_THAN:1, EQUALS:0 } const BalancedFactor = { UNBALANCED_LEFT:1, SLIGHTLY_UNBALANCED_LEFT:2, BALANCED:3, UNBALANCE 阅读全文