作者档案

会编程的银猪

Chrome 66禁止声音自动播放之后



声音无法自动播放这个在IOS/Android上面一直是个惯例，桌面版的Safari在2017年的11版本也宣布禁掉带有声音的多媒体自动播放功 […]

浏览量: 16,616

评论数: 9

继续阅读 →

用CSS Houdini画一片星空



要问2018最让人兴奋的CSS技术是什么，CSS Houdini当之无愧，甚至可以去掉2018这个限定。其实这个技术在2016年就出来了，但 […]

浏览量: 14,144

评论数: 4

继续阅读 →

Vue实现内部组件轮播切换效果



对于那些不需要路由的内部组件，在切换的时候希望增加一个轮播过渡的效果，效果如下： 我们可以引入一个轮播组件，但是有个问题，通常轮播组件都会把 […]

浏览量: 13,581

评论数: 9

继续阅读 →

SVG导航下划线光标跟随效果



之前看到一篇博文，介绍导航下划线光标跟随的效果，是用的CSS的hover结合CSS3的选择器做的，总感觉效果不太自然，所以我就在想能不能用S […]

浏览量: 11,285

评论数: 3

继续阅读 →

怎么画一条0.5px的边（更新）



（文章有更新，添加了SVG方案的讨论以及transform的方法是可以的） 什么是像素？ 像素是屏幕显示最小的单位，在一个1080p的屏幕上 […]

浏览量: 10,436

评论数: 0

继续阅读 →

从Chrome源码看HTTP/2



我在《怎样把网站升级到http/2》介绍了升级到http/2的方法，并说明了http/2的优点： http头部压缩 多路复用 Server […]

浏览量: 9,163

评论数: 1

继续阅读 →

从一道Promise执行顺序的题目看Promise实现



之前在网上看到一道Promise执行顺序的题目——打印以下程序的输出：

JavaScript

new Promise(resolve => { console.log(1); resolve(3); }).then(num => { console.log(num) }); console.log(2)

1 2 3 4 5 6 7

new Promise(resolve => {     console.log(1);     resolve(3); }).then(num => {     console.log(num) }); console.log(2)

这 […]

浏览量: 14,645

评论数: 0

继续阅读 →

巧用JS位运算



位运算的方法在其它语言也是一样的，不局限于JS，所以本文提到的位运算也适用于其它语言。 位运算是低级的运算操作，所以速度往往也是最快的（相对 […]

浏览量: 12,243

评论数: 3

继续阅读 →

用Canvas画一只会跟着鼠标走的小狗



以前经常看到这种效果：在网页右下角放一个人，然后他的眼珠会跟着鼠标转，效果如下： 这个例子来自于CodePen，它是根据鼠标的位置设置两个眼 […]

浏览量: 9,809

评论数: 0

继续阅读 →

从Chrome源码看HTTPS



我在《https连接的前几毫秒发生了什么》详细地介绍了https连接的过程，该篇通过抓包工具分析整个过程，本篇将从Chrome源码的角度着重 […]

浏览量: 9,473

评论数: 1

继续阅读 →