Get All Images in DOM (including background) • March 09, 2017
Quite useful if you are writing an browser extension or something. To get all the images in DOM there are actually three places we are going to look at: <img> element, background-image CSS property…
获取 DOM 里所有图片（包括背景和iframe） • March 09, 2017
在写浏览器扩展什么的时候可能会用上。 获取 DOM 里的图片主要是在这几个地方里面找: <img> 元素, background-image CSS 属性和 <iframe>。 img 如果只想获取 <img> 的图片，有两种方式: 直接获取所有 img 标签: 还可以用 document.images: background-image 获得背景图片需要查看所有 DOM…
Progressive background-image With Ease • December 26, 2016
Everyone likes smooth loading. Lately I tried to make the background-image of the menu to load progressively(also to the cover if you view the blog on mobile). If you take a look at how Medium does…
在 Hexo 博客上使用 Emoji • December 23, 2016
（🚨 本博客已换用其它技术栈，Github Emoji 在 Hexo 上的效果见 2018 版） Emoji 都要出电影了，博客怎么能不用。奇怪的是 hexo 上只有一个插件，要在文中添加 tag，还不支持 hexo3 。我不太喜欢在 markdown 里加各种 tag，所以就打算自己再写个插件。 Github 对 emoji…
SVG Symbol 和 Sprite 的好处和坑 • November 28, 2016
SVG Symbol 用 Symbol 来把 SVG 合并到一个文件几乎是现在最流行的用法。 Symbol 好处 方便 利用 ID 来取图案，所以不用各种计算，可以随便放。 反复利用 这应该是一个不太容易发现的好处，你可以在文件内部继续用<use>来做图案的各种版本。这样 SVG 的优势更加明显，节省了好多空间。 比如这个博客里用到的社交图案，原本的是只有图案本身。例如这是 Codepen…