很多编程语言都有这项功能，比如 Python的import、Ruby的require，甚至就连CSS都有@import，但是JavaScript没有这方面的支持，这增加了开发大型的、复杂的项目时的难度。

在ES5中，我们经常使用方法或者对象去模拟类的使用，并基于原型实现继承，虽然可以实现功能，但是代码并不优雅，很多人还是倾向于用 class 来组织代码，很多类库、框架创造了自己的 API 来实现 class 的功能。

1.安装插件 我用Gatsby就是因为它支持Markdown.所以不墨迹，直接整Md支持。 {代码...} 2.添加格式化文章 在src>pages下面,添加三篇文章，头部格式如下： path : "/blog/my-first-post" date : "2019-05-01" title : "Hello world" tags : ['教程','Gatsby'] excerpt : "Gatsby hello word post" 完整代码如图所示：

在javascript中，数组是最重要的数据结构，没有之一，因为所有的数据结构都可以使用数组模拟和表达。可以说掌握了数组，就掌握了js与数据操作的大部分核心功能。

1、扩展运算符简介 扩展运算符（ spread ）是三个点（...），可以将一个数组转为用逗号分隔的参数序列。 说的通俗易懂点，有点像化骨绵掌，把一个大元素给打散成一个个单独的小元素。 基本用法：拆解字符串与数组 {代码...} 2、扩展运算符应用 2.1 某些场景可以替代apply 在使用Math.max()求数组的最大值时，ES5可以通过...

1.安装 {代码...} 2.创建gatsby项目 {代码...} 3.开发 {代码...} 注意报错： {代码...} 文件空格问题，最好不要用空格和中文。直接放在硬盘根目录下就不会有问题。 打开[链接]:8000/，看到如下效果就成功了： 4.构建 {代码...} 5.查看效果 {代码...} 打开浏览器：[链接]:9000/看到如下效果: 大功告成！

1.传统的javascript函数语法并没有提供任何的灵活性，每一次你需要定义一个函数时，你都必须输入function () {},这至少会出现两个问题，ES6箭头函数都圆满解决了它，

字符串模板引擎 ES5中的字符串缺乏多行字符串、字符串格式化、HTML转义等特性。 而ES6通过模板字面量的方式进行了填补，模板字面量试着跳出JS已有的字符串体系，通过一些全新的方法来 解决问题。 1.基本用法　ES5字符串写法： {代码...} 将其转化成ES6写法，其实非常简单： 只需把最外围的双引号（"）或者单引号（'） 转...

1、解构赋值简介 官方解释：按照一定的模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。 举个例子，想获取数组中的前三个元素，通常会这么写： {代码...} 如果使用解构赋值的特性，将会使等效的代码变得更加简洁并且可读性更高： {代码...} 本质上，这种写法属于“模式匹配”、“映射关系”。 ...

在ES5中，变量声明只有var和function以及隐式声明三种，在ES6中则增加了let、const、import和class四种。 1. let 1.1 块级作用域 let声明的变量的作用域是块级作用域（这个特性有点类似于后台语言），ES5 并没有块级作用域，只有函数作用域和全局作用域。 {代码...} 那么let的块级作用域有什么好处呢？ let非常适合用于 ...

很多人想搭建一套属于自己的前端工作流，最开始的时候我们的工作流萌芽是从写一个项目的时候，拷贝以前写过的一个项目文件夹改完直接使用开始的，后来使用了grunt和gulp，再到webpack,每一个前端人员想掌握如何书写一个符合自己项目的工作流，以便复用，达到高效工作的目的。

随着微信等社交App的兴起，语音聊天成为很多App必备功能，大到将语音聊天作为主要功能的社交App，小到电商App的语音客服、店小二功能，语音聊天成为了必不可少的方式。

你的能量，超出你想象！---红牛 忙完了一天的工作，洗去一天的疲惫，刚钻进被我，忽然微信闪了。 睡了吗，leo。 我心里想，你们是上天派下来惩罚我的吗？ 我一看是佳佳。 没呢，躺下准备睡了。 我暗暗想，这下可以明天在聊了吧。 然后，手机铃响了。 没办法，她就是这个性格，况且也是好朋友，我接了电话， 喂，佳佳什么...

“我不戴金箍，救不了她，戴了金箍，爱不了她。一万年太久，只争朝夕，一路走来，才发现没有什么是永垂不朽。我们才终于懂得，曾经离我们一步之遥的人，一旦错过，之后即使化身盖世英雄，身披金衣战甲，脚踏七彩祥云，一跃十万八千里，也未必追的回来。”-------《大话西游》。

晚上，上完了线上课，忽然想起来还没吃饭，随手拿起桌子上的葡萄放在嘴里，边寻思着晚饭吃什么，边去洗脸让驱除一下上课的疲惫。热水滑过脸颊，卫生间雾气开始升腾起来，忽然想起下午咨询的女孩，也许此刻她在像火柴盒一样狭小的出租屋里，努力的思考着，我的思考着我的话，也许充满了兴奋，像一支火柴一样，随时准备着...

晚上，上完了线上课，忽然想起来还没吃饭，随手拿起桌子上的葡萄放在嘴里，边寻思着晚饭吃什么，边去洗脸让驱除一下上课的疲惫。热水滑过脸颊，卫生间雾气开始升腾起来，忽然想起下午咨询的女孩，也许此刻她在像火柴盒一样狭小的出租屋里，努力的思考着，我的思考着我的话，也许充满了兴奋，像一支火柴一样，随时准备着...

总有些人有些事似曾相识，我一遍遍的重复着类似的话，看着一个个迷茫的表情，然后让他们的目光日趋清澈，自信，然后送他们到达他们想要去的地方，他们有的感谢挥手远去，有的甚至来不及挥手，又被淹没在更多麻烦堆里。我想我该做些什么，让那些离开我身边的学生同样能够走得更顺畅。

随着智能设备的普及，前端开发这个行业炙手可热，各种培训机构如雨后春笋般的出现，一批又一批的前端求职者涌入市场，同时由于市场的发展，大量的初创企业销声匿迹，市场日趋饱和，企业不断的感慨用人贵，招人不易，留人更难。另一方面，大量的求职者奔向这个市场，良莠不齐的人才搅动着市场，一窝蜂涌进来以后发现之前...

[链接]出了一套试题，相当于驾照科目一的难度，虽然很基础，但是目前及格人数很少。

webstorm 就相当于你妈，你想要的不想要的都给你，但是显得有点唠唠叨叨（功能太全，好多用不上，打开慢），而atom就相当于你的儿子，一张白纸，只要你调理的好，太就会按照你的想法去做事儿（简洁的界面，丰富的插件系统，非常灵活定制）。缺点也是这个，虽然他只是编辑器，但是相比bracket，sublime还是简洁的有点寒酸...

上面我们玩了一个图表，大家学好结构，然后在那个基础上去扩展各种图表，慢慢就可以形成自己的图表库了。也可以多看看一些国外的图表库简单的版本，分析分析，读代码对提高用处很大。我说了canvas两大主流用途，一个是图表，一个是游戏，在写游戏项目之前，我们先来点基础，关于动画，没有动画基础讲canvas游戏，就跟你...

上一篇文章我已经说过数据准备好画图就非常简单了，如果你担心不回话好办，我给你个最简单的小例子， 你先练练。 这个很简单吧，什么面向对象什么的都不用，你就先用最粗暴的方式撸出来。 然后，你在看下面我写的代码就容易了。最终效果图 下面代码只有一个难点： 1.怎么算横轴、纵轴label坐标位置 其余就容易多了，有一...

说一点，你如果不懂就先按照我写的弄出来，别自己发明创造，写多了你也就知道为什么我这么写了。当然上面这个写法挺恶心的，让我想起了，没有整理过的女生宿舍，

说一点，你如果不懂就先按照我写的弄出来，别自己发明创造，写多了你也就知道为什么我这么写了。当然上面这个写法挺恶心的，让我想起了，没有整理过的女生宿舍，

柱状图很多人用百度的echars,那么我们会用更要会写，为啥？我见过太多的人问我echarts不可能完全符合他们公司的需求，随便改一点东西就不搞了，简单的说我们要做开发者，而不是一个js库的搬运工，我们今天就参考这个效果[链接]，写一个。

上一篇文章我们搭建了基础环境，然后画了个矩形玩了玩，至于如何画矩形线框之类的，这些看看手册就行了，没啥复杂的，参数搞对单词别拼错就OK. 这篇文章说下常见的坑和我们常用资料又比那些基础的线框实用些的曲线。 啥也不说，先上一梭子代码。 {代码...} moveTo ,lineTo，设个宽度颜色一stroke（描边），完事儿。 好了...

话说年底了，今年承诺了一些js教程还没来得及写，说到了就得办到，年底了，陆续把欠的账换上，首先写一个canvas系列教程，一来是问的人多，二来是简单。

从今天开始，我讲陆续的更新专栏文章《零基础学vue》，让大家迅速的上手vuejs. 好，第一个问题是vue能做什么？ vue不管是写小组件组成大的程序，还是方便的数据交互减少DOM操作，以及只做大型的单页面应用程序都游刃有余。 那么一个问题就来了，为什么是vue而不是angular或者react? 相比其他两个框架vuejs的优势： 1.小 ...

前几天有同学问我，老师我们公司的产品是一个web app公司用的是jquery,我感觉学不到东西，是不是手机端用 jquery不太好啊？当时我的心情是这样的： 然后我跟说手机端用jquery不太合适，比较臃肿，然后开发也不太适合手机端，你可以试试React。 学生：是这样的老师我要用一个app然后能够单页面切换，从后台拉取数据，然后...

上节课我们说了写一个库的准备，但是这节课并不是写库为什么，有句话叫你没吃过猪肉还没看过猪走。所以我们先看看别人的库是怎么写的。在我们拥有了足够扎实的基础之后我们要做的不是闭门造车，而是去阅读一些知名的库，为什么？一个库从成百上千个库里面脱颖而出，被广大的开发者所接受使用，一定是在一些方面有很优秀...