nbox
npm and js utils box
[TOC]
nbox.js
简介
心路历程
- C++ 服务器开发 太久、太土、代码量大、异步处理复杂
- 目标全栈工程师 + 攘外必先安内-OA办工自动化
- 终端应用从小程序抓起
- 接触 Javascript 事件驱动+异步IO 深得我心
- 接触ES6、特别ES7 async await 优雅写法 相见恨晚
- 神一般的前端体系，各种工序，工具链不少
- 积累公共库，熟悉各工具流
- 防止健忘 + 保存学习代码
graph TB;
nbox((nbox))
wepy3rd((wepy-3rd))
wxbase(原生态)
labrador
vue
react
wxapp --> wxbase
wxapp --> labrador
labrador -.- react
wxapp --> wepy
wepy -.- vue
wepy --> wepy3rd
wepy3rd --> nbox
nbox === nbox-core
nbox === nbox-kit
nbox === nbox-cli
nbox === nbox-res
nbox === nbox-wepy
实现细节
graph BT;
nbox-core-src-.-|concat|nbox-core
nbox-kit-src-.-|concat|nbox-kit
nbox-cli-src-.-|concat|nbox-cli
nbox-res-src-.-|concat|nbox-res
nbox-wepy-src-.-|concat|nbox-wepy
nbox-core ===|require| nbox
nbox-kit ===|require| nbox
nbox-cli ===|require| nbox
nbox-res ===|require| nbox
nbox-wepy ===|require| nbox
已接触工具链
graph LR;
CI[可持续集成]
pkg((package.json))
yml>.travis.yml]
book>book.json]
gruntF>Gruntfile.js]
gulpF>gulpfile.js]
npmig>.npmignore]
webpackF>webpack.config.js]
babelF>.babelrc]
doc[文档]
md[.md]
build[构建]
PreProc(预处理);
ProcAuto(自动化);
npm --> npmig
npm --> pkg
lerna --> pkg
PreProc --> babel;
babel-->babelF; babel-.-pkg
ProcAuto --> grunt; grunt-->gruntF;
ProcAuto --> gulp; gulp-->gulpF;
build-->webpack; webpack-->webpackF;
CI-->TravisCI; TravisCI --> yml;
doc-->gitbook; gitbook-->book; gitbook-->md;
资源获取
源码方式
NPM方式
# 完整包
npm install nbox --save
# 核心包(部分代码)
npm install nbox-core --save
# wepy调用相关封装包(框架)
npm install nbox-wepy --save
# res资源包(词典性质: 如省市地名等)
npm install nbox-res --save
# kit工具包(工具性封装，加个命令行，可以衍生不少工具)
npm install nbox-kit --save
# cli命令行工具集(一个自枚举框架)非常易于扩展
npm install nbox-cli -g项目初衷
- 前后端、各项目间公用代码
- 存放学习代码 如: nbox-core/test/{_in, _3rd}
已知问题
- 刚刚起步，框架为先，代码不多，不断完善中
