本文是作者 Tomek Sułkowski 发布在 medium 上的一个系列。 版权归原作者所有。 译者在翻译前已经和作者沟通得到了翻译整个系列的授权。 1. $0 在 Chrome 的 Elements 面板中，$0 是当前我们选中的 html 节点的引用。 理所当然，$1…

腾讯Web前端 来教你如何做 移动端的适配

阅读完本文可以了解到 0.1 + 0.2 为什么等于 0.30000000000000004 以及 JavaScript 中最大安全数是如何来的。 拿 173.8125 举例如何将之转化为二进制小数。 ①. 针对整数部分 173，采取除 2 取余，逆序排列; 得整数部分的二进制…

但是Expires表示的是本地时间，所以如果用户更改本地时间的话，那你设置的缓存很可能就无用了，不靠谱了。

今天看到一篇关于js使用中内存泄露的文章，以及chrom浏览器查看内存泄漏的方法，决定留着。 什么是内存泄露？内存泄露是指new了一块内存，但无法被释放或者被垃圾回收。new了一个对象之后，它申请占用了一块堆内存，当把这个对象指针置为null时或者离开作用域导致被销毁，那么这块…

这一篇首先是打算证明一下《三个闭包实例理解闭包对内存的影响》。 一共有10个例子，例7、8、9需要注意。 结果，占用内存。 结果同上图。如果把例子改成： 结果就是这样了，局部作用域中的函数fn被销毁了。 结果同图二，返回函数没有被全局变量接住。 这是一个延时销毁的例子。 测试内…

衡量网站的性能的指标有很多，其中有项重要的指标就是网站的首屏时间，为此前端工程师们都是绞尽脑汁想尽办法进行优化自己的应用，诸如像服务端渲染，懒加载，CDN 加速，ServiceWorker 等等方法，今天介绍的 preload/prefetch 是一种简单，但却事半功倍优化手段。

在上文介绍过控制反转之后，本来打算写篇文章介绍下控制反转的常见模式-依赖注入。在翻看资料的时候，发现了一篇好文Dependency injection in JavaScript，就不自己折腾了，结合自己理解翻译一下，好文共赏。 我喜欢引用这样一句话‘编程是对复杂性的管理’。可…

Emmet 是书写 HTML 元素时的简易标记，它有各种规则，帮助你快速生成 HTML 标签。 比如仅输入一个!, 再按下键盘上的Tab按键，一个HTML基本模板就生成了（前提是安装了 Emmet 插件）。 伟大的 VS Code 内置了这个插件。 如果当时老师有这么个酷酷的东…