前端基础进阶

本文的目标就是，掌握JavaScript各种样式的操作， 做到因为知道，做到所向披靡， 无所畏惧。

网页能展示什么能做什么，很大程度上是由浏览器宿这个主环境提供的基础能力决定的，这些能力就是 Web API，而这些基础能力也会时间发生变化。今天就一起欣赏一些有意思有前端的Web API。

属性遍历，必会技能，你会了，但是没有完全会。6种属性遍历方式，你学会了多少呢？ 还犹豫什么，速速来交流。

前言 chrome开发者工具，会列出所有的网络请求，网络请求太多的时候，如何准确过滤出我们需要的网路请求呢？ 我们以 https://www.aliyun.com/ 网址为例，一起来看看五种过滤方式。

DOM树 ~ 这个很关键 树的根节点是document， 不是window。 上图其实还少了一个节点，虽然作用不大，了解了解。 其树结构如下。

为什么会有window.window这种设计 先看一下，下面的的等式都等于true。 为啥要搞这个这个看起来貌似很奇葩的设计。 要解答这个问题，还得请出this。

Object.prototype.toString.call(Boolean.prototype) === '[object Boolean]' 这是什么情况？delete为什么不抛出异常？

'\a','\141'', \x61,'\u0061','\u{0061}' 这都表示字符'a'，一个字符既然有6种之多的表示法，让我们遇到字符，吃透字符。

前言 提到这个 %20，想必大家都见过，熟悉一点编码的人，还会知道这玩意就是空格转换而来！ 那么我们一起破解， 如何编码而来？

localStorage 存储的键值采用什么字符编码？ 5M 的单位是什么？键占不占存储空间？键的数量，对写和读性能的影响？统计已使用空间？

动前端动画，我们熟知的有两种 CSS 动画 (requestAnimation/setTimeout/setInterval +属性)动画，今天我们学习第三种，WAAPI。

NaN懂多少？，NaN的四种判断方式？Number.isNaN与isNaN的区别？以及这背后数字的玄学。

Base64在前端应用其实很广泛，截图，jwt，头像剪裁，混淆加密，soureMap等等，探求起源，理解原理以及相关的编码知识。

用极其精简的代码，编写的高级工具函数，覆盖localStorage已使用空间，桌面通知，视频截图，base64编码和解码，UUID生成，序列生成器等等，总有一个留的住你。

Function.prototype.call，手写系列，万文面试系列，必会系列必包含的内容，足见其在前端的分量。 本文基于MDN 和 ECMA 标准，和大家一起从新认识call。

知之为知之，不知为不知。偏偏有些函数，我们经常接触，写过千百遍，却重来没有真正完全揭开过她的面纱。就让我们一起来说道说道哪些熟悉而又陌生的函数。

原生内置了很多API, 作用类似，却也有差千差万别，了解其区别，掌握基础，是修炼上层，成为前端高级工程师的必备知识，让我们一起来分类归纳，一起成长吧。