人人网FED博客

专注于前端技术

作者档案

会编程的银猪

    用CSS Houdini画一片星空

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

    评论数: 1

    继续阅读 →

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

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

    评论数: 3

    继续阅读 →

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

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

    评论数: 1

    继续阅读 →

    怎么画一条0.5px的边(更新)

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

    评论数: 0

    继续阅读 →

    从Chrome源码看HTTP/2

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

    评论数: 0

    继续阅读 →

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

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

    这 […]

    评论数: 0

    继续阅读 →

    巧用JS位运算

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

    评论数: 1

    继续阅读 →

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

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

    评论数: 0

    继续阅读 →

    从Chrome源码看HTTPS

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

    评论数: 1

    继续阅读 →

    从Chrome源码看HTTP

    本篇解读基于Chromium 66。HTTP协议起很大作用的是http头,它主要是由一个个键值对组成的,例如Content-Type: te […]

    评论数: 1

    继续阅读 →