深入理解iuap design-07-前端基础库sparrow.js

[郭永峰]

[YueMing]

1、什么是Sparrow ?

sparrow是一个短小精悍的前端基础库，它有着对DOM、CSS、Event、Cookies、浏览器检测、增强等基本前端操作。Sparrow.js通过webpack进行构建。

2、为什么叫Sparrow ?

呃，这个据我所知，Sparrow的前身是NeoUI和Kero所使用的核心基本库，虽然它不是很起眼，但是它有着与jQuery类似的功能故提出作为单独存在，麻雀虽小，五脏六腑齐全，因此得名：）

3、Sparrow的前身

Sparrow没有单独提出的时候，是NeoUI、Kero里面的核心库，经历了每一个版本的使用，由此看出sparrow经过了千锤百炼，是值得信赖的基本核心库

4、Sparrow有哪些亮点

首先，从两大框架内提取了所有的核心方法，进行代码的重构、最新的ES6模块化加载依赖，为保证目前主流浏览器都可以使用，采用babel+webpack进行代码构建，大大的缩减了代码的依赖性，用户可以按需使用。

基本使用说明

1、通过npm安装相关命令

• npm install neoui-sparrow
• npm install webpack -g

2、进入到Sparrow文件夹执行npn install安装依赖

• cd neoui-sparrow && npm install

3、执行产出操作

• npm run dev 产出开发调试版
• npm run build 产出生产版 - 压缩版本

还有一种使用是按照自己的意愿去选择性的打包使用，我来介绍一下。

• 首先创建我们的项目例如sparrow-pro，npm init生成package.json文件，
  通过npm install neoui-sparrow --save安装我们的sparrow核心库，如果不需要自定义使用，可以使用产出dist/sparrow.js的最终完整脚本来使用。
• 新建index.js作为我们使用webpack的入口文件，假设我只需要extend方法，那么我就要这样：

import {extend} from 'neoui-sparrow/lib/extend'

这样直接使用单一的文件资源。

待更新……