awufan_个人页

字符串模板浅析

虽然现在有各种前端框架来提高开发效率，但是在某些情况下，原生 JavaScript 实现的组件也是不可或缺的。例如在我们的项目中，需要给业务方提供一个通用的支付组件，但是业务方使用的技术栈可能是 Vue、React 等，甚至是原生的 JavaScript。

组件注册,通信,slot,复用,$mount()

深入贯彻闭包思想，全面理解JS闭包形成过程

写这篇文章之前，我对闭包的概念及原理模糊不清，一直以来都是以通俗的外层函数包裹内层....来欺骗自己。并没有说这种说法的对与错，我只是不想拥有从众心理或者也可以说如果我们说出更好更低层的东西，逼格会提升好几个档次。。。

Next.js v4.1.4 文档中文翻译

最近想稍稍看下 React的 SSR框架 Next.js，因为不想看二手资料，所以自己跑到 Github上看，Next.js的文档是英文的，看倒是大概也能看得懂， 但有些地方不太确定，而且英文看着毕竟不太爽你懂得，所以在网上搜了几圈发现好像好像还没有中文翻译，想着长痛不如短痛， 索性一边看一边翻译，自己翻译的东西自己看得也爽，不过毕竟能力有限，有些地方我也不知道该怎么翻译才好，所以翻译得不太通畅， 或者有几句干脆不翻译了。

Vue2 技术栈归纳与精粹

Vue是一款高度封装的、开箱即用的、一栈式的前端框架，既可以结合webpack进行编译式前端开发，也适用基于gulp、grunt等自动化工具直接挂载至全局window使用。本文成文于Vue2.4.x版本发布之初，笔者生产环境当前使用的最新版本为2.5.2。

JS学习系列 06 - 变量对象

上一节我们讨论了执行上下文，那么在上下文中到底有什么内容，为什么它会和作用域链扯上关系，JS 解释器又是怎么找到我们声明的函数和变量，看完这一节，相信大家就不会再迷惑了。变量对象就是执行上下文和作用域链中间的桥梁。

JavaScript执行机制深层剖析

编译阶段 ，词法分析（Lexing），这个过程会将由字符组成的字符串分解成(对编程语言来说)有意义的代码块，这些代 码块被称为词法单元(token)。

单页应用的数据流方案探索

大家好，现在是2017年4月。过去的3年里，前端开发领域可谓风起云涌，革故鼎新。除了开发语言的语法增强和工具体系的提升之外，大部分人开始习惯几件事： 组件化 MDV（Model Driven View）。

Webpack飞行手册

如果你曾学过 Java , C# 之类的语言，一定会知道 Java 中的 import 或 C# 中的 using 吧？比如：我想在 C# 中进行数据库操作，我只需要在代码头部加上 下面这两段代码即可。

翻译 | webpack 2 的入门手册

一直对webpack的打包流程很感兴趣，但是无奈官网文档实在太多，搜出来的大部分文章要么偏理论要么纯粹讲过程不讲原理，最近终于找到一篇入门文章，文章对于初学者讲的很清晰，但是由于是英文的，而且我没有找到这篇文章对应的中文翻译版，所以本文主要是对那篇文章进行翻译，介绍一下webpack2的入门知识。

【译】JavaScript：核心 - 第二版 - 网络埋伏纪事

这是JavaScript：核心概述讲稿的第二版，致力于ECMAScript编程语言及其运行时系统的核心组件。目标人群：有经验的程序员、专家。本文的第一版涵盖了JS语言的通用方面，主要讲解了旧式ES3规范中的概念，并参考了在ES5和ES6（即ES2015）中的一些变化。

webpack-react 之 webpack 篇（上）

从webpack开始 本篇从零开始，详细记录webpack的各个方面。 文章中将会放入很多链接以便扩展，我也会归纳总结，不读扩展不会影响到对本文的理解，但是有时间还是看看吧。

翻译 | 上手 Webpack ? 这篇就够了！

JavaSript 模块化打包已混迹江湖许久。2009年，RequireJS 就提交了它的第一个版本，Browserify 接踵而至，随后其他打包工具也开始大行其道。最终，Webpack 从其中脱颖而出。如果你对它不甚了解，希望我的文章能让你上手这件强力打包工具。