在项目开发过程中,不同开发人员会使用不同的编辑器,常见的如:WebStorm,Atom,Sublime等等.不同编辑器对于缩进风格,默认的编码格式以及空白字符的设置等各有风格,因此在项目中做代码统一规范让开发人员尤为痛苦.

作用

EditorConfig 帮助开发人员统一和维护不同编辑器之间的代码风格,有助于项目做Eslint等的代码检查和代码规范的统一.EditorConfig通过在项目中构建一个配置文件来让编辑器插件进行格式化代码.EditorConfig配置文件简单易懂，并且能够很好的和版本控制器协同工作.

版本控制系统(Version Control Systems ,简称VCS)也称为源代码控制系统,它是跟踪并存储系统各对象源代码及文档的开发历史和变更资料,并提供了系统故障恢复及开发进程管理的功能.

找到代码代入口点

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

if (window.angular.bootstrap) {
  //AngularJS is already loaded, so we can return here...
  console.log('WARNING: Tried to load angular more than once.');
  return;
}
//首先判断angular是否是多次加载,如果多次加载,输出警告信息;
//try to bind to jquery now so that one can write angular.element().read()
//but we will rebind on bootstrap again.
bindJQuery();//该方法会去绑定jquery,内部会判断jQuery有没有加载,有就是用jQuery,没有则调用自带的jqLite
publishExternalAPI(angular);//暴露angular对象,加载angular的一系列api方法
jqLite(document).ready(function() {
  angularInit(document, bootstrap);//等待dom加载完后启动angular.
});

在了解Angular启动过程之前,首先了解几个必要的Angular的工具函数:

isFunction

1
2
3
4
5
6
7
8
9
10
11
12
13

/**
 * @ngdoc function
 * @name angular.isFunction
 * @module ng
 * @kind function
 *
 * @description
 * Determines if a reference is a `Function`.
 *
 * @param {*} value Reference to check.
 * @returns {boolean} True if `value` is a `Function`.
 */
function isFunction(value){return typeof value === 'function';}

不多解释，判断是否是函数类型。

导语

gulp是基于node环境的一款前端自动化构建工具，是自动化构建项目的神器。利用它我们可以抛弃前端项目开发中很多重复的工作,比如：压缩文件(css,js,img)，编译文件(es6、JSX、coffee),文件测试、合并、格式化,浏览器自动刷新,部署文件生成等等,极大的开发了我们的工作效率。
gulp与grunt非常像，但是grunt频繁进行IO操作，用插件做太多的事情，插件没有遵守单一责任原则，落后流程控制直接导致其性能滞后。而gulp有以下几个特点:

• 易于使用
  通过代码优于配置的策略，Gulp 让简单的任务简单，复杂的任务可管理。
• 构建快速
  利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。
• 插件高质
  Gulp 严格的插件指南确保插件如你期望的那样简洁高质得工作。
• 易于学习
  通过最少的 API，掌握 Gulp 毫不费力，构建工作尽在掌握：如同一系列流管道。

导语:

hexo 是一款基于Node.js的静态博客框架，是一款快速、简洁且高效的博客框架。

它具有以下几个特点：

• 超快速度
  Node.js 所带来的超快生成速度，让上百个页面在几秒内瞬间完成渲染。
• 支持Markdown
  Hexo 支持 GitHub Flavored Markdown 的所有功能，甚至可以整合 Octopress 的大多数插件。
• 一键部署
  只需一条指令即可部署到 GitHub Pages, Heroku 或其他网站。
• 丰富的插件
  Hexo 拥有强大的插件系统，安装插件可以让 Hexo 支持 Jade, CoffeeScript。