冴羽的JavaScript博客

40

你累死累活做业务，绩效还不怎么样，我只能帮你到这了……

• 冴羽   5月7日发布
• 17 收藏

作为一个业务前端，完成业务需求的同时，还要处理各种线上问题，加班辛苦忙碌了一年，还要被老板说“思考是不够的”、“没有业务 sence”，出去面试，被问项目，也说不出什么有亮点或者有挑战的东西，想做点牛逼的东...

9

淘系前端校招负责人直播答疑文字实录

• 冴羽   4月14日发布
• 1 收藏

3 月 25 日晚，面向 21 届学生，淘系前端团队举办直播活动，由淘系前端技术专家大果带来「淘系前端技术体系揭秘」和「校招问题答疑」，答疑环节更是邀请了淘系前端校招负责人、淘系高级技术专家元彦，直播回答问...

13

JavaScript 专题之花式表示 26 个字母

• 冴羽   4月10日发布
• 7 收藏

先看效果 先来个思考题： {代码...} 我们直接看效果： 如果觉得打印一个字母不过瘾的话，打印一句话呢？ {代码...} 再来看看效果： 基础测验 如果想了解以上是怎么实现的，先来检测下自己对 JavaScript 隐式类型...

6

JavaScript深入之头疼的类型转换(下)

• 冴羽   4月8日发布
• 4 收藏

这其实是因为 JavaScript 自动的将数据类型进行了转换，我们通常称为隐式类型转换。但是我们都知道，+运算符既可以用于数字加法，也能用于字符串拼接，那在这个例子中，是将数字 1 转成字符串 '1'，进行拼接运算...

49

阿里前端攻城狮们又写了一份面试题答案，请查收

• 冴羽   3月31日发布
• 37 收藏

于是我真的就建群收集了题目，和团队的同事一起写答案，我们也不图什么，就是想做一件有意义的事情，现在我整理了下我们的回答，有的不一定就是非常具体的回答，但也提供了思路和参考资料，大家看看是否还有什么...

4

致2021届前端同学的一封信|砥砺前行，未来可期！

• 冴羽   3月30日发布
• 1 收藏

   你好，我是准入职淘系前端开发工程师泽壹，去年春天到夏天的求职历程还记忆犹新，走过些弯路，大一是车辆工程专业，大二时候转入软件工程专业，大二下学期接触前端，大三秋招很荣幸拿到阿里淘系 offer，这一路...

12

JavaScript深入之头疼的类型转换(上)

• 冴羽   3月27日发布
• 5 收藏

ES6 前，JavaScript 共有六种数据类型：Undefined、Null、Boolean、Number、String、Object。

50

阿里前端攻城狮们写了一份前端面试题答案，请查收

• 冴羽   3月24日发布
• 40 收藏

于是我真的就建群收集了题目，和团队的同事一起写答案，我们也不图什么，就是想做一件有意义的事情，现在我整理了下我们的回答，有的不一定就是非常具体的回答，但也提供了思路和参考资料，大家看看是否还有什么...

25

预测最近面试会考 Cookie 的 SameSite 属性

• 冴羽   3月18日发布
• 17 收藏

2 月份发布的 Chrome 80 版本中默认屏蔽了第三方的 Cookie，在灰度期间，就导致了阿里系的很多应用都产生了问题，为此还专门成立了小组，推动各 BU 进行改造，目前阿里系基本已经改造完成。所有的前端团队估计都...

6

JavaScript 深入系列之浮点数精度

• 冴羽   3月16日发布
• 4 收藏

0.1 + 0.2 是否等于 0.3 作为一道经典的面试题，已经广外熟知，说起原因，大家能回答出这是浮点数精度问题导致，也能辩证的看待这并非是 ECMAScript 这门语言的问题，今天就是具体看一下背后的原因。

204

ES6 完全使用手册

• 冴羽   2018-11-28 发布
• 160 收藏

前言 这里的 "ES6" 泛指 ES5 之后的新语法 这里的 "完全" 是指本文会不断更新 这里的 "使用" 是指本文会展示很多 ES6 的使用场景 这里的 "手册" 是指你可以参照本文将项目更多的重构为 ES6 语法 此外还要注意这里...

19

ES6 系列之私有变量的实现

• 冴羽   2018-11-20 发布
• 13 收藏

前言 在阅读 《ECMAScript 6 入门》的时候，零散的看到有私有变量的实现，所以在此总结一篇。 1. 约定 实现 {代码...} 优点 写法简单 调试方便 兼容性好 缺点 外部可以访问和修改 语言没有配合的机制，如 for in ...

17

ES6 系列之我们来聊聊装饰器

• 冴羽   2018-11-14 发布
• 13 收藏

Decorator 装饰器主要用于: 装饰类 装饰方法或属性 装饰类 {代码...} 装饰方法或属性 {代码...} Babel 安装编译 我们可以在 Babel 官网的 Try it out，查看 Babel 编译后的代码。 不过我们也可以选择本地编译： {...

29

ES6 系列之模块加载方案

• 冴羽   2018-11-13 发布
• 18 收藏

前言 本篇我们重点介绍以下四种模块加载规范： AMD CMD CommonJS ES6 模块 最后再延伸讲下 Babel 的编译和 webpack 的打包原理。 require.js 在了解 AMD 规范之前，我们先来看看 require.js 的使用方式。 项目目...

58

ES6 系列之 defineProperty 与 proxy

• 冴羽   2018-11-09 发布
• 47 收藏

我们或多或少都听过“数据绑定”这个词，“数据绑定”的关键在于监听数据的变化，可是对于这样一个对象：var obj = {value: 1}，我们该怎么知道 obj 发生了改变呢？

10

ES6 系列之 Babel 是如何编译 Class 的(下)

• 冴羽   2018-11-07 发布
• 3 收藏

前言 在上一篇 《 ES6 系列 Babel 是如何编译 Class 的(上)》，我们知道了 Babel 是如何编译 Class 的，这篇我们学习 Babel 是如何用 ES5 实现 Class 的继承。 ES5 寄生组合式继承 {代码...} 原型链示意图为： 关...

45

ES6 系列之 Babel 是如何编译 Class 的(上)

• 冴羽   2018-11-05 发布
• 31 收藏

在了解 Babel 是如何编译 class 前，我们先看看 ES6 的 class 和 ES5 的构造函数是如何对应的。毕竟，ES6 的 class 可以看作一个语法糖，它的绝大部分功能，ES5 都可以做到，新的 class 写法只是让对象原型的写法...

18

ES6 系列之 Babel 将 Async 编译成了什么样子

• 冴羽   2018-10-31 发布
• 17 收藏

前言 本文就是简单介绍下 Async 语法编译后的代码。 Async {代码...} Babel 我们直接在 Babel 官网的 Try it out 粘贴上述代码，然后查看代码编译成什么样子： {代码...} _asyncToGenerator regeneratorRuntime ...

16

ES6 系列之 Babel 将 Generator 编译成了什么样子

• 冴羽   2018-10-30 发布
• 9 收藏

猛一看，好像编译后的代码还蛮少的，但是细细一看，编译后的代码肯定是不能用的呀，regeneratorRuntime 是个什么鬼？哪里有声明呀？mark 和 wrap 方法又都做了什么？

19

ES6 系列之异步处理实战

• 冴羽   2018-10-25 发布
• 16 收藏

前言 我们以查找指定目录下的最大文件为例，感受从 回调函数 -> Promise -> Generator -> Async 异步处理方式的改变。 API 介绍 为了实现这个功能，我们需要用到几个 Nodejs 的 API，所以我们来简单介绍...