Vue实例是进入Vue的第一步，创建一个Vue的实例也是学习Vue的起点。实际上，Vue框架的入口就是Vue实例，其实就是框架中的View Model，它包含页面中的业务处理逻辑、数据模型等，它的生命周期中有多个事件钩子，让我们在控制整个Vue实例的过程时更容易形成好的逻辑。Vue实例虽然没有完全遵循MVVM模型，但Vue的设计无疑受到了它的启发。那么我们就从MVVM模型的概念开始，进入有关于Vue实例和生命周期的学习之旅行。

表单一直以来对于CSSer来说都是一件不易的事情，很难用CSS处理好表单要样式。但是有一些很少使用的选择器，却赋予我们不一样的能力，可以让我们很好的控制input元素和其周边元素的样式，而且是根据功能来调整不同的样式，这些往往都是通过JavaScript辅助完成的。而这些选择器中有一些是较新的，而另一些是老的选择器，只不过没有过多的被重视，甚至没什么人使用。以至于这么强大的功能就这样被忽视。

最近，我在Twitter分享了一篇关于用户界面的文章。我喜欢Illusions，但这对我来说是一个新的东西：一个修正的圆比几何图形看起来更圆！圆角矩形也是这样。令人惊讶的是，我还发现，自iOS7以来，苹果一直在使用这个技巧。在数学上，它被称为**Lamé Curve or Superellipse**。

本人是Java背景，许多年前刚接触JavaScript时有点怪怪的，因为它没有 getters 和 setters。随着时间的推移，我开始喜欢上这个缺失的特性，因为相比Java大量的 getter 和 setter，它让代码更简洁。

ES5和ES6致力于为开发者提供JS已有却不可调用的功能。例如在ES5出现以前，JS环境中的对象包含许多不可枚举和不可写的属性，但开发者不能定义自己的不可枚举或不可写属性，于是ES5引入了Object.defineProperty()方法来支持开发者去做JS引擎早就可以实现的事情。ES6添加了一些内建对象，赋予开发者更多访问JS引擎的能力。代理(Proxy)是一种可以拦截并改变底层JS引擎操作的包装器，在新语言中通过它暴露内部运作的对象，从而让开发者可以创建内建的对象。本文将详细介绍代理(Proxy)和反射(Reflection)。

前段时间在学习Vue的双向绑定原理及实现时，简单的知道Object.defineProperty()有很大的用处。这个方法会直接在一个对象上定义一个新属性，或者修改一个对象现有的属性，并返回这个对象。感觉他非常强大，但并不知道其中原委。回过头来重新补一下这方面的基础知识。

大家都知道熟悉掌握工具的使用能让我们事倍功倍，对完成任务的产生的影响非常大。对于JavaScript的调试，都一直说是难以调试，但事实上如果你掌握一些调试技巧，那么解决一些问题或调试Bug的时间会少很多。这篇文章整理了14个你可能不知道的调试技巧，但是下次你发现自己需要调试的JavaScript代码时，可能会用得上，也会因此记住这些调试技巧。这些调试技巧大部分都是针对Chrome和Firefox的浏览器，尽管也有许多和其他浏览器调试工具一样。接下来，我们开始了解这些调试技巧。

前端时间学习Vue的时候，碰到Proxy，当时就一脸蒙逼了。所以返过头来补一下相关的知识。在JavaScript中有Proxy和Reflect的两个概念。最近几天一直在学习这两个概念，今天整整这方面的相关知识点。

在英语中，Loop这个词指的是由弯曲的曲线所产生的形状。类似的概念，Loop这个词已经被用于编程中。如果你看到下图，你就会清楚的知道指令的流动是如何在一个循环的动作中不断重复的。在编程中，循环的概念并不是什么新概念，它们常常在编码时使用。虽然不是的语言其语法不同，但基本概念是相同的，根据需要重复相同的代码块。JavaScript增加了循环类型（包括各种类型的循环），并使其与它们的工作更加舒适和高效。在本文中，我们将学习JavaScript中所有可用的循环。

昨天晚上，我在一个特别大的代码库中四处游荡，偶然发现了我们平时使用的normalize.css文件用于重置HTML元素在不同浏览器中的样式。在这个过程中，我发现了一个名为<output>的特殊元素的样式，这是我以前从未见过的，甚至从未听说过的。根据MDN上的相关描述，它代表计算或用户操作的结果，通常用于表单。让我感到尴尬的是，自从Chris在2011年在一篇文章中使用它之后，这并不是一个新的，花哨的附加功能。