During students' winter vacation in late January, Bailudong Academy, located at the foot of Lushan Mountain in Jiujiang, Jiangxi province, welcomed many young visitors.

在做前端开发之前，我们要知道前端人到底会用到哪些软件，这些软件分别是什么！今天和大家分享的一些软件当中，有些是全新的可以替代之前的软件；但是也有一些是过去的一些软件；那么为什么我们也都分享了呢。虽然他是过去式了，但是我们需要了解这个东西，如果你去的一些公司，避免团队还在使用这样的方式，那咱们也不能完全说我们不会呀！所以熟练使用各种软件的必要性是非常高的！

===============课程目录===============

一开始用在mac中构建一个项目就遇到一个很奇怪的事，

做好各种准备工作后，我开始创建一个angular01作为测试目录，结果运行yo脚手架之后，选择angular工作流进行构建项目，出来的结果我开始慌了，完全不按照我的目录去创建文件

，而是在外面创建了一大堆文件。

解决方法：

外层的目录很可能已经有了yo的配置文件，去终端ls -a看看有没有下面这样的这样的文件，将其删除，重新试试即可

这个问题解决之后也还没有那么顺利，首先你可能遇到权限问题，yeoman没有权限在你的mac中创建目录文件，这导致报错严重

在开发以及面试中，总是会遇到有关模块化相关的问题，始终不是很明白，不得要领，例如以下问题，回答起来也是模棱两可，希望通过这篇文章，能够让大家了解十之一二，首先抛出问题：

• 导出模块时使用module.exports/exports或者export/export default;

过去很长一段时间内，谷歌向开发者提供了一系列该公司认为符合当代网页开发最佳实践的工具。今天，谷歌更进一步，推出了类似HTML5 Boilerplate的开发平台Web Starter Kit，其中包含模板和工具，能帮助开发者迅速开发并运行多屏幕应用。

谷歌表示，这些模板的性能和布局经过了优化，能帮助开发者迅速开发多设备网页体验。这一平台遵循了谷歌此前向开发者提供的建议，并将这些建议变成了实际代码，通过必要的工具实现快速的应用开发。值得指出的是，Web Starter Kit默认你已在系统中安装了Node、Ruby、Ruby Sass和Gulp.js。通过可选的Gulp，开发者将可以使用LiveReload、自动图像优化和HTML微缩等功能。

低幼童话40白鹈鹕一家的快乐生活

在美丽的青海湖、准噶尔盆地还有塔里木河流域的湖泊河流边，住着一群可爱的白鹈鹕，人们有时候也叫它们骆驼鸟，它们可是国家一级保护动物呢。

白鹈鹕特别好认，它们身材可大啦，有1.4 - 1.7米长，张开翅膀能有2米多宽，体重能达到10公斤，就像一个个胖墩墩的大白鸟，在一群水禽里，一下子就能看到它们。它们浑身雪白，飞起来的时候，翅膀尖是黑色的，胸前还有一撮黄色的长羽毛。

前言

由于业务需求, 笔者要为公司开发几款实用的浏览器插件,所以大致花了一天的时间,看完了谷歌浏览器插件开发文档,在这里特地总结一下经验, 并通过一个实际案例来复盘插件开发的流程和注意事项.

你将收获

• 如何快速上手浏览器插件开发
• 浏览器插件开发的核心概念
• 浏览器插件的通信机制
• 浏览器插件的数据存储
• 浏览器插件的应用场景

写这篇文章之前，先来说一下，Grunt到底是个什么东东，一句话前端项目构建工具，那么问题来了，前端为什么需要项目构建工具呢，在没有出现gulp/grunt之前，前端开发大家不都是干的好好的吗？简要概述一下，项目在构建工具的使用过程中的转变，没出现grunt的时候有大家用的是Ant，Ant没有的时候，可能是用bash shell或者java或者php或者等等许多其他语言开发类似的工具，c语言中的make也是一种，以上的诸多词语都是构建工具，我们使用的编程语言会随着时代的进步，科技的发展变化，构建工具也是一样，在不断的完善和发展。

新版本
javascript6/ECMAScript2015 在去年出来了，我们现在普遍使用的javascript 5是在2009年出来的，相隔这么多年，变化比较大，添加了一些很好用的特性。

下面就看几个简单而实用的小特性

1、模板文本

需要在字符串中加入变量时，通常做法就是使用字符串拼接，如：

ES6中简单了，可以直接在字符串中添加变量：