可以方便地将任何 CSS 效果应用于它们。 因为它们是矢量图形，所以它们是可伸缩的。这意味着我们可以在不降低质量的情况下伸缩它们。 我们只需要发送一个或少量 HTTP 请求来加载它们，而不是像图片，可能需要多个 HTTP 请求。 由于尺寸小，它们加载速度快。 它们在所有浏览器中…

如果「一图胜千言」，那多图混合创造的效果要超过千言万语。同理，CSS 的混合模式为设计带来的可能性远远超出了你的想象。 你所听到的 CSS 混合模式，就是三个被现代浏览器所广泛支持的 CSS 属性。这三个属性包含了： 不过，本文主要聚焦在 background-blend-mo…

写是一种效果非常好的学习方式，所以学习flex布局我给自己写个flex布局教程，顺便还可以帮助需要的小伙伴，可谓一举两得。教程最大特点是所有属性效果都有实时可交互的demo，相比静态示意图片更直观，同时很多flex相关属性的解释比现有教程要详细很多。希望分享的这个链接有所价值。

防抖就是将一段时间内连续的多次触发转化为一次触发。 原理很简单，主要是判断是否到达等待时间，如果没到达的话就继续加入任务队列等待执行。使用方法： 返回一个执行器的原因是这样可以方便获取最后一次函数执行时返回的值。 节流顾名思义则是将减少一段时间内触发的频率。 可以将一些事件降低…

虽然上面这种简单的使用百分比可以实现但是，百分比无法实现字体的自适应，百分比转换成相应的尺寸还是很难的。接下来就说说这次我们的主角 rem （我们一般只适配宽度） 首先rem是一个相对于根元素fontSize大小的相对单位，也就是说 1rem 等于 html 的 fontSiz…

JavaScript作为一种弱类型编程语言被广泛使用于前端的各种技术中，由于JS中并没有“类”的概念，所以js的OOP特性一直没有得到足够的重视，而且有相当一部分使用js的项目中采用的都是面向过程的编程方式。但是随着项目规模的不断扩大，代码量的不断增加，这种方式会让我们编写很多…

在命名中就赋予他们更多的意义，并且体现了他们的关系。 ----->这恰恰就让你的代码更为友好，更加容易维护。 也就是提高了组件的独立性。 而且在写CSS样式时能够直接找到类名。 B(blcok):也就是块的概念，也可以叫做组件，模块。 很显然这个tabbar是一个块，很明显的区…

hello~亲爱的看官老爷们大家好~最近因为工（lan）作（ai）繁（fa）忙（zuo），出产的文章多以译文为主，之前翻译了《如何在 JavaScript 中更好地使用数组》一文，发现不少同学对 Array.prototype.reduce 不太熟悉，而我正好在这方面有一点积累…

ORIG_HEAD：上次HEAD指针的位置。注：当执行git reset/git pull/git merge命令时，git会把老的HEAD拷贝到文件.git/ORIG_HEAD中，在后续命令中可以使用ORIG_HEAD引用这个提交 commit（提交）：每个commit都是全…