前端漫游指南

这标题起得有点标题党，实际情况是我最近在做一个公司内部工具时，遇到了这么一个需求，给定一个静态资源站点上某张图片的url（比如https://a.xxxcdn.com/demo.jpg），如何获取其存储大小并计算出加载该资源的平均网速呢？注意，是存储大小，而不是图片的宽高尺寸大…

一、切换显隐时会导致reflow(回流)，从而引起repaint(重绘)，当页面中reflow增多至一定程度时，会导致cpu使用率飙高。 原因是：浏览器会解析HTML标签生成DOM Tree，解析CSS生成CSSOM，然后将DOM Tree和CSSOM合并生成Render Tr…

昨天解读了fresh这个库，我们了解了服务器是如何对比文件是否更新了，其中用到了etag，那么今天我们就趁热打铁，了解下etag是怎么生成的，同样是来自jshttp的ETag库。 也就是说，资源发生改变的时候，etag的值一定发生了改变，那么etag又是如何生成的呢？内容变化，…

本文仅仅作为使用now-cli过程中遇到问题的归档，会不断update一定要指定生成打包目录为public，很多项目打包出来的目录默认为dist，但是now-cli要求目录一定要为public，如果遇

看过了很多vuex源码讲解，但是真的真正理解了吗没关系，手把手教你撸一个出来，一行行代码地敲第一次视频讲解代码，讲的不好的话，请多多包涵b站地址：https://www.bilibili.com/vi

用于检验我们的资源是否是新鲜的，说白了，就是用来处理http缓存的库。

最近发现国外有一个系列，专门探究从输入URL到页面可交互的详细过程，是一份干货十足的好资料。笔者决定分为四篇文章对其进行有删减地翻译，只希望能对大家有所帮助，毕竟这是前端必备的知识点，也是容易忽略掉某些细节的知识点。事先声明，这个系列完全由笔者手翻，如有翻译不当的地方，恳请读者…

vue中dom的更像并不是实时的，当数据改变后，vue会把渲染watcher添加到异步队列，异步执行，同步代码执行完成后再统一修改dom，我们看下面的代码。 可以看到，修改数据后并不会立即更新dom ，dom的更新是异步的，无法通过同步代码获取，需要使用nextTick，在下一…

写本文的起因是，一天在群里有同学说误打误撞下，使用负的 outline-offset 实现了加号。嗯？好奇的我马上也动手尝试了下，到底是如何使用负的 outline-offset 实现加号呢？ 修改 outline-offset 到一个合适的负值 ，那么在恰当的时候，outli…