上次我们通过设计评价组件这个过程，了解到了组件设计中的良好的习惯，比如，文件夹如何支撑组件，图片，组件路径的存放于设置。 本篇我们将继续推进外卖项目—商品页的展示。 如图所示，我们可以把商品也面分为两大部分： 左侧“菜单栏”； 右侧商品展示； goods为当前商品页面的根元素。 {代码...} 细化左侧菜单栏 我们先...

在上篇文章我们将项目头部模块进行了编写与数据渲染。 本篇文章我们进一步深入项目设计评价组件。 分析页面 如图所示，点菜，评价，商家，为导航，我们点击评价的时候，直接跳转评价页面。 评价页面由商家评分一栏，评论列表构成，评论列表支持：全部，有图，点评三种筛选。 综上我们现在开始设计评论组件： 建立组件文...

通过上篇我们了解到了vue可以通过axios发送前端请求。 我们知道的在发送请求可以在creted（）钩子内，也可以在mounted（）钩子内。 本篇我们通过头部模块的编写，将请求到的数据渲染到模块内。 当然我们先要准备静态页面： 01.分析制作静态页面 如图所示，我们可以将整个一个头部模块分为4个部分： · 顶部通栏：返回，搜...

上一篇通过TodoList的练习，目的是为了让大家理解ES6中各种新特性的实际用途。 最好的学习方法就是实践，所以这节课结合实际项目，来更好的理解和掌握ES6的用途和使用场景，达到灵活运用的目的。 1、模块化 以项目中普遍会有的config.js文件为例，实现export导出： {代码...} 再在其他文件中通过import实现导入： {代码....

1.调整gatsby-node 这个就简单了,打开gatsby-node.js，增加代码如下： {代码...} 2.调整blogPost.js {代码...} 打开首页，点击页面跳转到对应的页面大功告成。 总结 到此，通过gatsby就快速的搭建了一个博客网站，我们只需书写markdown文件就能生成对应的网页了。至于网页美化，那是切图的事儿，我就不在这里墨迹了。 当...

通过对ES6系列文章的学习，相信大家对ES6已结有一定程度的了解。 所以本节的目的在于通过测试，便于让大家了解在学习中的知识掌握情况，查缺补漏，一步一个脚印。 1、选择题 1.1 下面不属于关键字let的特点的是：（ ） A、只在 let 命令所在的代码块内有效 B、会产生变量提升现象 C、同一个作用域，不能重复声明同一个变...

大家在写App和一些单页面程序的时候，经常会遇到这样的情况：当点击左边的箭头的时候，会出现灰黑色的抽屉效果，再点击一下向左的箭头，就会收起来，当然向右滑动和向左滑动也能实现抽屉效果的开关。还有，当抽屉效果开着的时候，点击右侧区域也会自动收起抽屉。点击左侧抽屉里面的图标，那么也会发生抽屉效果的开关。

我们在之前文章《ES6 class与面向对象编程》中，说到了目前大部分框架和库，都采用了面向对象方式编程。那么具体是怎么样应用的呢？面向对象编程，最典型和最基础的作用就是封装，封装的好处就是代码的能够复用，模块化，进行项目和文件的组织。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

通过上节课的学习，大家已经会用一种json的方式定义对象了，其实这个就是传说中的单体模式，当然这个大家不用记，关于设计模式暂时不用了解。但是总感觉哪里跟你平常用的或者听到的不一样吧，比如好像js听说有什么原型继承，还有它的对象好像跟传统的js对象不一样什么的。好，今天我就让你彻底明白里面的花花草草。

当大家已经把js的语言基础理解了，然后能够写出一些简单的例子了，这个时候基本上达到了一年工作经验的水平，而自己能够独立的写一些小功能，完成一些小效果，或者临摹修改一些比较复杂的插件的时候差不多就是两年工作经验的水平，这个时候很多js开发者会陷入迷茫或者不自知，基本上会出现两种情况：

1.什么是函数表达式和函数声明 2.first-class function 3.引用和复制的区别 4.函数传参是怎么回事儿 5.关于函数的this和arguments 6.什么是匿名函数自执行并如何在实际库中应用 7.闭包是怎么回事儿？ 8.闭包的原理和在jquery中的应用 9.从一到面试题彻底理解闭包和垃圾回收机制 10.回调函数是什么？

1.手里有一份随时能够换工作自信的简历 2.知道了学习js的正确姿势 3.理解了全局对象、全局上下文、知道有预解析同时做了至少50道面试题 4.能熟练的使用json构建数据，知道变量的各种类型

对象 js对象我只想说三件事 1.js中的对象就是键值对，和java等语言的对象完全不一样。 {代码...} 2.键可以定义多次，值却只能是最后一个。这个跟变量有点类似。 3.键值对里面还可以套键值对。 上一道淘宝面试题。 请用对象JSON描述下面一句话。 大彬哥今天18岁，家住在北京，工作是前端开发讲师。他有两个学生，一个叫西...

当程序在浏览器中运行的时候，js引擎会产生三个东西。 1.全局对象 在js程序任何地方都能访问到的对象，在浏览器中是window 2.this 变量指向window {代码...} 3.外部环境 {代码...} 一图抵万言 好，我知道js引擎怎么折腾你的代码，那么我们看看执行上下文，也就是管理正在运行的程序的部分是如何工作的。 不废话是时候该...