当然因为现在的系统越来越复杂庞大，所以开发与维护成本就变得必须要考虑的问题，因此滋生出了目前的三大前端框架 Vue、Angular、React。

自从更新了《我的Web 前端自学之路》之后，收到了很多读者的认可，也碰到了很多像我一样从零开始自学的朋友，并加微信进行了一些交流，很多读者都询问我，该如何自学，有什么好的建议。也有些人说感觉很枯燥，看书看到怀疑人生，该怎么做。

我们都知道 Vue 采用的是一种组件化开发模式，组件在 Vue 中一个非常重要的核心概念。每个组件都是一个完整的实例，组件的创建，组件间的通讯，组件如何更好的复用，以及整个的生命周期的钩子。所以你会发现它都是围绕组件展开的。

从 16 年下半年开始，我真正接触前端，到现在 2 年多的时间。开始之初，我没有任何的语言基础，完全从零的小白开始，就连「对象」我都弄不明白，更别说那些高深莫测的什么封装，继承，多态等。

数据的重要性我们大家都知道，就算再小的项目中都可能使用几个图表展示，我最近在做项目的过程中也是需要用到图表，最后选择了echarts 图表库，为什么选择 echarts，第一：简单上手容易，第二：它几乎可以满足我们所有的开发需要，第三：echarts 应该是国内做的最好的可视化库之一了。

项目开发中动画有着很重要的作用，而且也是用到的地方非常多，例如：鼠标的进入离开，弹窗效果，组件的显示隐藏，列表的切换等等，可以说我们网页上的动画无处不在，也有人说了，这些东西也可以不使用动画。

前后端分离的开发模式已经是目前前端的主流模式，至于为什么会前后端分离的开发我们就不做过多的阐述，既然是前后端分离的模式开发肯定是离不开前端的数据模拟阶段。

今天我们继续使用 Vue 的撸我们的实战项目，只有在实战中我们才会领悟更多，光纸上谈兵然并卵，继上篇我们的《Vue一个案例引发的动态组件与全局事件绑定总结》 之后，今天来聊一聊我们如何在项目中使用递归组件。

最近在自学 Vue 也了解了一些基本用法，也记录了一些笔记有兴趣的朋友可以去查看我的其他文章，技术这东西真的不能光靠看，看是没有的，你必须要动手实践，只有在实战项目中才能发现问题，才能发现我们没有掌握的知识点，然后发现问题解决问题，我们的能力才能得以提升，要不然就有点眼高手低了。

微信这个不多说，现在已经成为了一款超级 APP，几乎是每个人手上都会有的 APP，但是大家都知道它是一款社交工具，支付工具，大多都是用来聊天，刷朋友圈，移动支付，但是其实微信有很多的小工具让我们使用，而且超级方便好用，不过几乎没有人知道。

熟悉 Vue 的都知道 方法methods、计算属性computed、观察者watcher 在 Vue 中有着非常重要的作用，有些时候我们实现一个功能的时候可以使用它们中任何一个都是可以的，但是它们之间又存在一些不同之处，每一个都有一些适合自己的场景，我们要想知道合适的场景，肯定先对它们有一个清楚的了解，先看一个小例子。

当今前端天下以 Angular、React、vue 三足鼎立的局面，你不选择一个阵营基本上无法立足于前端，甚至是两个或者三个阵营都要选择，大势所趋。

大家好，消失了几天我又满血复活归来了，最近这几天太忙了一直在加班工作，这不昨天又干到凌晨一点，今天早上七点就起来了，到现在还都没有休息，现在只剩半血了，不对应该说现在只能爬着走了，但是一想到几天没有更新文章了，还是强忍着上来更新，证明我还行。

熟悉 Angular 的同学对指令肯定不会陌生，Vue中也借鉴了指令这一特性，在 Vue 中指令都是带有 v- 的特殊属性，那么指令有什么作用呢？

我们在上一篇说到如何把 Vue 实例中的数据显示到视图中，就会需要用到我们的模版，我们只是简单的使用了一些，模版其实还有很多其他的特性。今天我们就来看看模版的其他特性。

理解与认识 Vue 的实例是我们学习 Vue 非常重要的一步，也是非常必须的，因为实例是它的一个起点，也是它的一个入口，只有我们创建一个 Vue 实例之后，我们才行利用它进行一些列的操作。

在我们正式开始 Vue 项目开始的时候，我们现在安装一个 Vue Devtools 一个官方的 Vue 调试 chrome 插件，安装之后我们在 chrome 的控制台就可以看到我们创建的 Vue 的对象实例。

我的主业是做前端开发，然而如今的前端开发与前些年的传统的前端开发相比已经发生来翻天覆地的变化。由于互联网的高速发展，我们的需求变得越来越复杂，项目变的越来越难以维护，我们不得不寻求新的技术点与思维去适应当下我们发展。

我们在《Javascript数组系列一之栈与队列》中描述我们是如何利用 push、pop、shift、unshift方法进行数组单个元素的添加与删除。

今天我们继续来介绍 Javascirpt 数组中的方法，也是数组系列的第四篇文章，因为数组的方法众多，每篇文章我们都对数组的每个方法都有比较细致的描述，只要你能够从中成长一点点，那我们的目的就达到了，学习是一个持续的，渐进的过程。每天进步一点点，最终会有大成就。

今天我们来继续 Javascript 数组系列的文章，上文 《Javascript数组系列二之迭代方法1》 我们说到一些数组的迭代方法，我们在开发项目实战的过程中熟练的使用可以大大提高我们的开发效率以及数据的处理。接下来我们继续来讲解其他的一些迭代的方法。

我们在《avascript数组系列一之栈与队列》中介绍了一些数组的用法。比如：数组如何表现的和「栈」一样，用什么方法表现的和「队列」一样等等一些方法，因为 Javascript 中的数组方法众多，所以我们没有在一篇文章中介绍过多的东西，接下来我们就来了解数组的其他功能吧

所谓数组（英语：Array），是有序的元素序列。 若将有限个类型相同的变量的集合命名，那么这个名称为数组名。 组成数组的各个变量称为数组的分量，也称为数组的元素，有时也称为下标变量。 －－－百度百科

我们在 《Javascript简史》这遍文章中说过，「Javascript」这门语言是由 Netscape开发而来，当初开发的时候为了能让 「Javascript」这门语言能与 HTML 页面共存，而且不影响页面的其他内容，为此增加了一个统一的脚本支持（ script 脚本元素）。

在 「 JavaScript 」为诞生之前，必须要把表单数据发送到服务端，然后等到服务单接受并响应后，才能确定用户是否输入正确或者输入到是不是有效到值。

因为刚入手「 Mac 」很多淫技还不懂，在一次使用 npm install 的时候安装出错，提示为 npm 与 node 的版本有问题，所以就想着卸载重新装一个版本。

在实际的生产过程中，使用git时难免会遇到各种各样的错误，然后去寻找解决答案，所以就想为什么不把我遇到的问题直接写出来集合在一起呢？既方便自己也方便别人。

Javascript的正则表达式是前端中比较重要的部分，正则表达式主要用于字符串处理，表单验证等场合，实用高效，文章主要对JavaScript中的正则的学习与总结