最近原创文章回顾： 《了不起的 tsconfig.json 指南》 《了不起的 Webpack HMR 学习指南（含源码分析）》 《《你不知道的 Blob》番外篇》 《《你不知道的 WeakMap》番外篇》 Webpack 是前端很火的打包工具，它本质上是一个现代 JavaScript 应用程序的静态模块打包器(...

网上参差不弃的面试题，本文由浅入深，让你在做面试官的时候，能够辨别出面试者是不是真的有点东西，也能让你去面试中级前端工程师更有底气。但是切记把背诵面试题当成了你的唯一求职方向

在实现自己的call,apply,bind前，需要复习一下this. 所谓的this其实可以理解成一根指针： 其实 this 的指向，始终坚持一个原理：this 永远指向最后调用它的那个对象,这就是精髓。最关键所在 this的四种指向： 当this所在的函数被普通调用时，指向window，如果当前是...

Ionic 4 包含现代 Web API，如Custom Elements，CSS Variables和Shadow DOM。它完全与开发框架无关，作为 Web 开发人员的UI库，无论他们决定使用什么前端工具或代码框架。

Ionic 4 包含现代 Web API，如Custom Elements，CSS Variables和Shadow DOM。它完全与开发框架无关，作为 Web 开发人员的UI库，无论他们决定使用什么前端工具或代码框架。

本文主要讲的是如何实现 Promise 的链式调用。也就是 promise().then().then().catch() 的形式，然后讨论如何在某一个 then() 里面中止 Promise。

本文主要整理了Immutable.js常用API的使用。 Immutable 是什么？ 关于Immutable的定义，官方文档是这样说的： Immutable data encourages pure functions (data-in, data-out) and lends itself to much simpler application development and enabling techniques fr...

后来，果断放弃收费的 PHPStorm ，改用 vscode (Visual Stdio Code).当然 vscode 对 vue 也不是原生支持的，今天来扒一扒如何配置 vscode 以便优雅地编辑 vue 文件

npm install -g vue-language-servernpm install -g stylelintnpm install -g eslintnpm install -g prettier prettier-eslint

因为机缘巧合，让当了无数次面试者的我，当上了面试官，也和几个面试者交流过。既然要应对面试者，我就当然要准备面试题了，好让我大概知道面试者是什么水平。这个时候，也该详解下，自己的写的那些题目。因为题目是我自己写的，并不是网上摘的，所以知识点比较基础...

关于这道题目的吐槽暂且不提（这是一道被提到无数次的题，得到不少人的赞同，也被很多人反感），本文的目的是如何借助这道题梳理自己的前端知识体系！

Change Detection (变化检测) 是 Angular 2 中最重要的一个特性。当组件中的数据发生变化的时候，Angular 2 能检测到数据变化并自动刷新视图反映出相应的变化。

本文介绍的内容是组件通信的常用方式：@Input、@Output、@ViewChild、模板变量、MessageService、Broadcaster (Angular 1.x $rootScope 中 $on、$broadcast ) 和 Pub - Sub 模式、RxJS Subject 存在的问题。

Angular 的口号是 - "一套框架，多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)"，即 Angular 是支持开发跨平台的应用，比如：Web 应用、移动 Web 应用、原生移动应用和原生桌面应用等。

Angular 的口号是 - "一套框架，多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)"，即 Angular 是支持开发跨平台的应用，比如：Web 应用、移动 Web 应用、原生移动应用和原生桌面应用等。

前面的文章我们已经介绍过了 Angular 2 的 ViewChild & ViewChildren 属性装饰器，现在我们就来介绍一下它们的兄弟 ContentChild 和 ContentChildren 属性装饰器。我想通过一个简单的需求，来引入我们今天的主题。具体需求如下：

Input 是属性装饰器，用来定义组件内的输入属性。在实际应用场合，我们主要用来实现父组件向子组件传递数据。Angular 应用是由各式各样的组件组成，当应用启动时，Angular 会从根组件开始启动，并解析整棵组件树，数据由上而下流下下一级子组件。

近年来，web 开发者们通过插件或者模块的形式在网上分享自己的代码，便于其他开发者们复用这些优秀的代码。同样的故事不断发生，人们不断的复用 JavaScript 文件，然后是 CSS 文件，当然还有 HTML 片段。但是你又必须祈祷这些引入的代码不会影响到你的网站或者web app。

在介绍 Angular 2 Directive Lifecycle (生命周期) 之前，我们先来介绍一下 Angular 2 中 Directive (指令) 与 Component (组件) 的关系。

这是我的拦截器： {代码...}