本期内容：

• 如何获取浏览器帧率
• 不要将svg转成base64使用

Read More

High-performance input handling on the web

推酷地址

原文链接

1
2
3
4
5
6
7
8
9
10
11
12
13

function throttleRAF () {
    let queuedCallback
    return callback => {
        if (!queuedCallback) {
            requestAnimationFrame(() => {
                const cb = queuedCallback
                queuedCallback = null
                cb()
            })
        }
        queuedCallback = callback
    }
}

A simple method to invoke a function after the browser has rendered & painted a frame

fastdom

网上那些炫酷的热力图是如何绘制的? 相信你也很好奇，本文将以 canvas 作为绘图示例来讲解热力图的原理。

Read More

js-Promise

Read More

在面对一些用户的频繁操作时，如滚动、输入、频繁点击等，需要不断响应，这样难免会造成一些性能浪费和消耗，防抖与节流就是来解决这一问题的。

Read More

前端开发中，我们经常在请求路径中带各种参数，但细心的你会发现，在浏览器的路径栏看到的地址跟自己输入的参数不一样，浏览器将自己的输入转换成了一串字符。
这其中涉及到 encodeURI、encodeURIComponent、decodeURI、decodeURIComponent(escape和unescape已被弃用)。

Read More

面试时面试官问了我一个问题，就是做一个菜单的时候，菜单项中间空出的空白是怎么引起的，如何去除？自己一下就蒙了，没遇到过这种情况，后来上网搜了搜，发现确实有这个问题，于是总结了一番。

Read More

每一个 HTML 元素都默认有一个透明（background:transparent）的背景层。background 属性指定元素的背景色和背景图片，以及它们的大小、位置、重复性等。

background 属性是 非继承 属性。但是元素的背景默认穿透，因为 background-color 的默认值为 transparent。

Read More

在做一些组件和交互时，常常需要动态获取鼠标点击位置、元素宽高和元素位置信息，网上有很多种方法，但自己没有总结过，不知道各种方法的优缺点和兼容性，在此专门的总结一下。

Read More

在刚刚接触 CSS 的同学中，经常使用到 vertical-align 来实现垂直对齐，但经常会困惑的是它并没有起到什么效果，下面就一起来探讨一下它到底是个什么鬼。

Read More