摘要： Github 地址 (可查看交互效果) 切图的三个境界： 长得好看 灵活 友好的交互 高效前端1：能用-html-css-解决的问题就不要用-js 导航高亮 给不同页面添加不同类，标识不同页面，然后设置当前页面样式，覆盖掉默认样式。 代码： 自己的想法：这种方式虽然好，但是，需要为每个导航都写一个默 阅读全文

摘要： 浏览器工作原理（学习笔记） "GitHub地址" 1. 介绍 1.1 示例浏览器 主流浏览器：Internet Explorer, Firefox, Safari, Chrome and Opera 示例浏览器：Firefox、Chrome（开源）和 Safari（部分开源） "浏览器使用统计" 1 阅读全文

摘要： 在《你不知道的JavaScript》之“this全面解析”一节中，讲到了this绑定例外的间接引用，代码如下： 注意看最后一行，一开始很难理解，为什么打印出来的是2。 书上的解释如下： 赋值表达式 p.foo = o.foo 的返回值是目标函数的引用， 因此调用位置是 foo() 而不是p.foo( 阅读全文

摘要： 正在学习这一章节，看到这么一段话： 就想说自己也写个闭包试试看： 然后在浏览器里打了断点，发现并没有出现所谓的闭包。 所以寻思着是不是作者错了，全局作用域中是没有闭包的？于是就去GitHub上的issue中找类似的问题，没想到还真有人提了。 链接：https://github.com/getify/ 阅读全文

摘要： 最近在用nuxt开发官网，同时支持多语言切换，所以又用到了 vue-i18n。 根据 nuxt 官网的demo，配置了 middleware 和 plugins 代码如下： emmmm，然后再加上一个语言切换的按钮，一切都那么地完美！ 然鹅！试试看刷新，显示的语言是用户切换后的语言，该怎么做呢？ 你 阅读全文

摘要： 继承 原型链 先不管上图，先来看以下代码： 结合代码和上图，可以清楚得看到，将某个构造函数的原型对象替换为另一个构造函数的实例对象后，最终的指向（图中红线部分，就像链条一样，层层链接）。这就是原型链的基本概念。 默认的原型 所有引用类型默认都继承了 Object，这也是通过原型链实现的。 确定原型和 阅读全文

摘要： 因为都是文字，有些不好理解，所以尽量将文字都以图文的形式画出来，便于理解。 作用域包含了一系列的气泡。每一个都是一个容器，包含了标识符的定义。 这些气泡相互嵌套，排列成蜂窝型，排列结构在写代码时定义。 下面考虑以下几个问题： 是什么生成了一个新气泡？ 只有函数会生成新气泡吗？ JavaScript 阅读全文

摘要： [TOC] 词法作用域 作用域工作模型： 词法作用域（大多数编程语言采用） 动态作用域 词法阶段 大部分标准语言编译器的第一个工作阶段就是词法化。 词法化的过程：会对源代码中的代码进行检查，如果是有状态的解析过程，还会赋予单词语义。 词法作用域：就是定义在词法阶段的作用域。在写代码时，将变量和块作用 阅读全文

摘要： 因为全部都是文字不太好理解，所以尽可能地把所有的文字都画成了图，便于理解。 作用域是什么 传统编译流程： JavaScript 引擎会在语法分析和代码生成阶段，通过特定的步骤，对运行性能进行优化。包括冗余元素优化等。 JavaScript 编译，大部分情况下，发生在代码执行前的几微妙（甚至更短）。 阅读全文

摘要： 创建单个对象的缺点：用同一个接口创建很多对象，会产生大量的重复代码。 工厂模式就是为了解决这个问题。 工厂模式 解决了创建多个相似对象的问题 缺点：无法解决对象识别的问题——怎样知道一个对象的类型 构造函数模式 ECMAScript中的构造函数可以用来创建特定类型的对象。 与工厂模式的区别： 没有显 阅读全文