JavaScript 学习

Table of Contents

1 JavaScript Overview   blog

在工具描述中,主要介绍经常用到的库,框架,前后端开发用到的平台.

1.1 后端

Node.js 是一个JavaScript的平台,它提供了一个脱离浏览器的JavaScript运 行环境,同时也提供了一系列运行库和各种包. npm(nodejs package manager)则是这各平台的包管理系统.它通过读取package.json文件来安装项 目所需的依赖(就跟maven的pom.xml一样).

bower ,是nodejs之中的一个组件,本身用来专门管理前端开发所需要的包 (JavaScript,CSS).它与npm的区别在于管理对象的不同以及bower使用的是扁 平化的依赖关系而npm使用树形依赖.bower读取bower.json来安装依赖.

yoeman , 安装时叫做 yo,是一个用来创建项目骨架的工具.它根据 yeoman-generator,也就是模板来创建文件架结构.模板需要用npm来安装,比 方说

npm install -g generator-gulp-angular

模板名字以 generator 开头. 使用时运行

mkdir [app-name] && cd $_
yo gulp-angular [app-name]

来生成一个以generator-gulp-angular为模板的项目骨架,项目名字为 [app-name]. 就刚刚使用的这个模板为例,它在创建的时候会询问你需要什 么样的angular版本,哪一种CSS样式库(bootstrap, material),哪种angular 的实现方式(angular-strap),等等.

grunt / gulp 用来运行打包,压缩,发布等任务.在刚刚的例子中,我们使 用的是基于gulp的模板,所以要用gulp来运行以上任务.生成模板的事后,已经 在项目目录下建立了一个名为gulp的目录以及一个叫做gulpfile.js的文 件.gulp目录下面包含一系列js文件. gulpfile.js里面引入gulp库,定义一些 目录(src)的路径,并引入gulp目录,从而使得gulp目录下的js文件被gulp用来 进行相应的操作.这个模板的github说明上还指出一系列可选的特性,但是目 前看不出来在哪里定义的.

1.2 前端

  • Javascript
    • AngularJS
    • UI-Route
  • UI Framework
    • Bootstrap
    • Angular Material
  • CSS Preprocessor
    • Sass(Node.js)
    • Less
  • JS Preprocessor
    • ES6
    • TypeScript
    • CoffeeScript
    • AtScript
  • HTML template
    • .jade
    • .haml

Author: Xiao LIU

Created: 2015-02-28 Sat 22:37

Emacs 24.4.1 (Org mode 8.2.10)