正则表达式的用处真的很多很多。可以用来验证字段，批量处理文件内容，快速查询想要的信息，处理数据为自己想要的样子。

感觉非常的好用和有用。无论是前端后端，运维等等都离不开正则表达式。它可以让我们很多的工作事半功倍，而且减少很多代码量。

好，说了那么多。但是我这里并不介绍正则表达式的基本的几个东西的表达。我主要讲一个符号。就是？

因为这个符号（？）真的比较难理解啊，官方的解释也不是很好懂。我也是反复看了多次才最终把他了解下来。

那么现在我就结合实际例子开始来解释一下这个？的含义。

?

只有这个符号（？）的时候，表示的是0个或1个。相当于{0,1}。好的这个就不多解释了。

?开头的组合

这种问号开头的，它一定是有圆括号包住的它的如 (?:)

其实我还挺欣赏懒惰的程序员的，当然不是说懒惰就是不做事，而是他们为了减少麻烦，会去思考怎么做才能减少这些重复的人为操作，从而制定出非常多为其他开发者带来便利的东西。

今天讲的当然没有很宏观的东西，只是一个很小的事情。

严格意义来说，这篇文章跟前端没什么太大关系。但是我觉得却很有用。

excel表格很多人都用过，但是却不是所有人都知道它还有非常多的其他的用途。

今天我就来讲它的一个很简单的用途。就是把word的提供的数据，转变成想要的数组格式。

最近发现项目越做越大的时候，webpack的打包速度越来越慢。虽然是现在又出现了一个号称比webpack打包快，并且零配置的东西，叫parcel。

但是目前来看，感觉parcel还是在摸索阶段。我也确实尝试了一下，打包确实挺快的。但是不知道会有什么别的意料之外的问题，而且vue-cli目前用的还是webpack打包，所以我还是说说怎么提升一下webpack的打包吧。

首先打包速度慢，我们还是要分析一下打包的状况吧。

webpack-bundle-analyzer

webpack有个webpack-bundle-analyzer的工具。可以用来分析打包出来的状况。

其实vue-cli已经给配置并且安装了这个工具，所以不用再自己去安装与配置。

去年就已经被很多前端工程师津津乐道的PWA，我感觉今年要大火。

原因是之前大家都在担心ios系统不支持service-worker，
但是最近苹果将在 iOS 11.3 和 macOS 10.13.4 版本上正式增加对 Service Worker 的支持，同时还支持了添加到桌面（Web App Manfiest）.
让我又重新把目光投放到这个PWA。这将会是又一次的前端大变革。

最近很忙，所以都好久没更新了。好不容易松一口气来写写总结。

最近做的vue项目中，要是用到文本编辑器。其实现在有非常多的vue版本的轻量级文本编辑器。使用起来也都非常简单。

但是这些轻量级的编辑器都不支持本地上传视频，上传图片。

他们的上传图片的原理就是把图片转成base64，上传视频就只提供外链视频链接。但是无奈，项目需要本地上传视频功能。

所以我这里就选择了还是使用ueditor来做文本编辑器。

下载

首先先去官网下载包，下载地址

然后把下载到的包解压放到static目录下。因为他不需要webpack打包，所以放到static的目录下。

随着现在高级浏览器的使用已经越来越普遍，很多时候我们不需要再进行一些低版本浏览器的兼容。

如拖拽事件，就不需要再使用鼠标事件去控制。

一切都非常的简单。现在有了html5的drag事件和drop事件。可以完成很多的功能。

axios是一个类似于ajax的工具。可以实现与后端数据交互。而且现在在vue官方也推荐使用axios来进行与后端的数据传递与交互。

Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js中。

其实axios的使用非常简单。很多的文档，以及一些官方文档已经有很多详细的讲解。文档地址。我这里就不赘述了。这里我主要讲axios的小小的使用技巧。

最近项目需要做一些图表，如柱状图，圆饼图等等。

一说到做图表，我们就能想到一个非常强大的框架Echarts。它可以实现各种需求的图，基本做这种展示数据的图，都用它。

那今天我就来介绍一下怎么在vue项目中使用echarts。

其实数组真的有很多妙用的方法来写很多，而且如果巧妙的使用起来，可以用简单的一句代码来实现一些比较复杂的功能。

就像一个简单的功能，不同的人写的代码，有的只要一行，但是有的人可能需要十行。

因此我们都尽量做到用最少的代码实现同样的功能。

这篇文章用来汇总，列举的都是我遇到觉得比较好的数组写法以及数组的一些相关知识。

以后只要有发现新的写法，会不断更新这篇文章。

Array.apply(null, {length: 10})和Array(10)有什么区别?

1
2
3
4
5
6

var arr1 = Array.apply(null, {length: 10});
var arr2 = Array(10);
0 in arr1  //true
0 in arr2  //false
arr1.map(function(item, index){console.log(index)}) //0, 1, 2, 3...
arr2.map(function(item, index){console.log(index)}) //直接不打印，因为只是一个空数组。根本不循环

在开发vue项目的时候，在开发项目的时候，启动的本地服务器要与后端人员进行联调的时候就会出现跨域问题。
但是实际正式项目中并不用跨域，所以这里要进行开发环境的代理设置。