某天设计师来找我说，“这个心愿牌傻傻地挂在那不好看，加个动效呗，就左右摆动一下就行，很简单的！”，我一想，行呀，提升用户视觉体验，开搞。 十分钟后，🥶不对呀，这个左右摆动好假，不像现实中风吹的效果。 冷静思考🤔，为啥这个摆动会没有灵魂。于是拿起工卡开始摆动，看看现实中的摆动…

注：本文由雷俊(Javaer/Emacser)和我一起编辑，所以文章版权归雷俊与我共同所有，转载者必需注明出处和我们两位作者。原文最早发于酷壳微信公众号，后来我又做了一些修改，再发到博客这边。 程序员是一个很懒的群体，总想着能够让代码为自己干活，他们不断地把工作生活中的一些事情用代码自动化了，从而让整个社会的效率运作地越来越高。所以，程序员在准备去优化这个世界的时候，都会先要优化自己的工作环境，...

it can contain links to stylesheets and script tags, but does not allow inline JavaScript. matches：必填 数组，用来匹配注入Content Script的页面地址。可以使用通配符来…

关于 WebSocket，我之前也写过了两篇文章进行介绍：《WebSocket 从入门到写出开源库》和《Python如何爬取实时变化的WebSocket数据》。今天这篇文章，大体上与之前的文章内容结构相似。但质量更进一步，适合想要完全掌握 WebSocket 协议的朋友，因此特…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本系列收集了个人目前发过的所有CSS知识点动图，以便阅读。 两个月前，曾发过一篇《你未必知道的49个CSS知识点》，已有3000多赞，这里，老姚真心谢谢大家的支持。 …

代码已经在github更新了 https://github.com/abc-club/ctx-scroll-top 请移步github。 另外喜欢的话请star。 很多网站都没有实现返回顶部的功能，但现实中往往网页比较长，如果你想返回顶部就非常之麻烦，这时候如果有个按钮该有多好…

今天偷个懒，不长篇大论，分享几个你可能不知道的 CSS 小知识。 答案你们应该是知道的。 样式选择器中间的空格是什么？它的名字是 —— 后代选择器。 耗能与否取决于项目的体积，但不建议使用没有意义的后代选择器。例如： 因为浏览器首先会找到所有 p 标签，然后再向上查找包含 cl…

自从HTML5提供了video标签，在网页中播放视频已经变成一个非常简单的事，只要一个video标签，src属性设置为视频的地址就完事了。由于src指向真实的视频网络地址，在早期一般网站资源文件不怎么通过referer设置防盗链，当我们拿到视频的地址后可以随意的下载或使用（每次…