《JavaScript 权威指南》这本书从第四版开始，一直到第六版，每个版本我都逐字逐句读过几遍，然而每一遍下来的感受却完全不一样。上上周的周一，再次翻开了这本犀牛书，这一次我是带着批判精神和研究精神过来的，所以看的时候也写下了一些感受和笔记，都是些容易被忽略的点，部分内容犀牛书上不一定有提到。 之前都发在 微博 上，稍微整理了一番，放在这里，方便阅读。 一些小点 语句/表达式 换个角度理解语句（statemaents）和表达式（expressions）：表达式不会改变程序的运行状态，而语句会。还有一种叫做表达式语句，可以理解为表达式和语句的交集，如 ({a:1})、"use str...

寥寥几行代码，实现一个简单的元素选择器，兼容低版本 IE。 自 IE8 开始已经开始支持 querySelector 和 querySelectorAll 这两个十分有用的选择器函数，如果不考虑低版本浏览器，它们已经可以基本满足日常需求了。而在兼容低版本浏览器中，可以采用一些 hack 手段。 原理比较简单：通过 CSS Rule 给我们的目标元素添加特殊属性，然后遍历所有元素找到具备特殊属性的元素，当然，找到之后，移除这些特殊属性。 var firstStyleSheet = document.styleSheets[0] || document.createStyleSheet(); ...

平时写些小页面小程序，一般不会出现性能问题，但是在大的工程，或者在写一个框架、类库的时候，代码的性能就需要提高一个优先级了。测试代码的性能有多种方案： 在 http://jsperf.com 上测试 使用 console.time 来收集代码执行的时间 console.time('Name'); // code here... console.timeEnd('Name'); 自己写一个时间控制器 本文自然就是自己撸一个简单易用的测试工具，效果如下图： 设计分析 可以先把代码下载下来，跑起来： git clone //github.com/barretlee/performance....

ECMAScript 6 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器，已经支持 ES6 中绝大多数的特性。 本文译自 Github 上的一篇文章，目的是对还不太熟悉 ES6 语法的同学做一个简单的扫盲。 1. let、const 和 block 作用域 let 允许创建块级作用域，ES6 推荐在函数中使用 let 定义变量，而非 var： var a = 2; { let a = 3; console.log(a); // 3 } console.log(a); // 2同样...

前几天翻译了一篇 ECMAScript 6 的入门文章，看到几则评论说 JavaScript 越来越像 Java 了，我暗暗地笑了笑。也有同学很疑惑是否有必要学习 ES6，使用 TypeScript 的同学也有类似的疑惑。 记得之前 winter 在微博上说，不要对知识存在偏见性，人家吵架说什么什么东西不要学，千万千万别信，但是他们吵架时提到的知识点，记得赶紧收进口袋装好。那么，ES6 这个话题呢？你是否对这个话题存在偏见性？ ES6 历史简述 ECMAScript 6，很多地方称之为 ECMAScript 2015，从老外们的博客来看，貌似更倾向于后面的叫法，这个并不重要。 ECMAScr...

在 Node.js 中有一个模块叫做 VM，它提供了几个 API，允许代码在 V8 虚拟机上下文中运行，如： const vm = require('vm'); const sandbox = { a: 1, b: 2 }; const script = new vm.Script('a + b'); const context = new vm.createContext(sandbox); script.runInContext(context);vm.Script 中的代码是预编译好的，通过 vm.createContext 将代码加载到一个上下文环境中，置入沙箱（sandbox），然后...

“0.1 + 0.2 = ?”，这道题如果给小学生，他会立马告诉你答案是 0.3，但是交给一些程序去计算，结果就不是那么简单了。 事实上，不仅仅是 JS，在其他采用 IEEE754 浮点数标准的语言中，0.1 + 0.2 都不会等于 0.3，但是 0.2 + 0.3 却等于 0.5，这是为何？想必这类问题也困扰着不少程序员。 IEEE754 浮点数的演算 我们知道，科学计数法中 30000 可以写成 3x104，以 10 为底数 4 为指数的科学计数法。在 IEEE754 标准中是比较类似的，只不过它是二进制数，底数也为 2。 IEEE 754 中最常用的浮点数值表示法是：单精确度（32位）...

相信很多人对 Node 的 Stream 已经不陌生了，不论是请求流、响应流、文件流还是 socket 流，这些流的底层都是使用 stream 模块封装的，甚至我们平时用的最多的 console.log 打印日志也使用了它，不信你打开 Node runtime 的源码，看看 lib/console.js： function write(ignoreErrors, stream, string, errorhandler) { // ... stream.once('error', noop); stream.write(string, errorhandler); //... ...

原文地址：KV Storage, the Web’s First Built-in Module原文时间：2019年3月翻译计划：https://github.com/barretlee/translation-plan翻译人员：小胡子哥 在过去十年中，浏览器供应商和网络性能专家一直在说 localStorage 很慢，网络开发者应该停止使用它。 说实在的，确实如此，localStorage 是一个阻止主线程的同步 API，当你使用它的时候它可能会影响页面之间的交互。 问题在于 localStorage API 的设计十分简单，唯一能够替代 localStorage 的异步方案只有 Inde...

最近一段时间是阿里的晋升季，前端方向与往年不一样的是，高 P 涌现的趋势越来越明显，这说明前端这个领域已经进入了新的高度。 其实回首想一想也能感受到，曾经的前端还被定义为 JS 工程师/重构工程师，现如今市面上的 JD 几乎已经看不到这两个词的影子了。 仔细想一想，核心的原因是什么？是哪些因素把资源角色的前端推到了主导业务的角色。我觉得有这么几点： Node.js 的出现，让前端具备了 Server 端的能力，虽然拥有的能力并不多，但是全栈这个概念让很多资深工程师趋之若鹜，甚至引来了一些其他领域的工程师，前端队伍突然壮大，各种思想碰撞后，前端自然也就拓展了边界。 多端技术的融合，为了节约生...