Xec

将 Canvas 转化成一个包含 PNG 图片展示的 `data URI`，再将其作为容器元素的背景图片，实现水印功能。

有各种方法可以在网络上包含非 JavaScript 资源，但它们有各自的优缺点，而且都不能同时在所有工具链中工作。一些未来的提议可能会让我们用专门的语法来导入这些资源，但我们还没有走到这一步

从第 3 年之后就感觉技术没什么提升了 ，后面都是在各个小作坊担任前端组长角色（其实感觉就是救火队长），哪里项目急去哪里，哪里有难题去哪里。实际比 UI、比测试、比实习产品的地位还低，基本没有话语权。

主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移100%就可以了，父级记得超出隐藏。 这个比较好理解了，设置display:flex，然后两个伪元素分别铺满剩…

CSS是一门很神奇的语言，很多和它不相干的功能却能起到很显著的效果，有些在js看起来实现都有一定的工作量，CSS一句属性就能轻而易举的解决，下面来看几个例子（主要和js事件相关）。 当然，元素也要设置相应的样式，让它看起来不可点击。 1. disabled 2. pointer…

在网页中，经常会用阴影来突出层级关系，特别是顶部导航，但有时候设计觉得没必要一开始就显示阴影，只有滚动后才出现。比如下面这个例子，注意观察头部阴影 可以看到，只有滚动以后才出现阴影。一般情况下，使用

半年时间撑过了三轮裁员，还是在第四轮的时候被裁了，差一周时间就入职满一年了。去年7月份换了一家新公司，刚进公司的时候感觉蒸蒸日上，特别有朝气，氛围也很轻松。这一年除了负责业务开发外，还做了很多前

在前段时间的一次面试中，被问到了一个如标题这样的问题。要想好好地去回答这个问题，这里牵扯到的知识点也是比较多的。 那么接下来这篇文章我们就一点一点开始引出这个问题。

前言 在做公司做了很多大屏的项目之后，针对于屏幕适配，说实话有很多解决方案，例如媒体查询、scale缩放、Rem、vw等等，但每种方案都有其特定的使用场景，面对不同的项目，我们首先考虑的不是哪种方案最