我的技术栈及代码库（目录持续更新）

有好东西要学会分享！
这里存放我当前的技术栈及代码片段总结，希望能对你有用！
开发环境：WebStorm for MAC

Angualr 1.x

• 我所遵守的代码规范
• Angular功能拓展()
• 组件开发

Gulp自动构建

以下列出来的插件都是我在使用的

• gulp-concat 文件合并
• gulp-sass scss编译
• gulp-clean-css css压缩
• gulp-autoprefixer css加前缀 在css属性上加前缀，用于兼容不同内核的浏览器
• gulp-uglify js压缩
• gulp-px3rem px转rem
  用在ionic的css文件，移动端是使用rem为单位，但是ionic是使用的px，在此批量转化。
• merge-stream 将多任务合并 比如说移动lib中的文件和tpl模板文件，可以讲这两个任务合并到一起。
• gulp-clean 目录清理
  清空dist目录
• gulp-sequence 任务队列化
  gulp任务默认是异步执行的，某些任务需要前置任务执行完毕才可执行
• gulp-md5-plus 文件名打上MD5值
  防止浏览器缓存资源文件
• gulp-rename 改名字
  用法1: 改名字；
  用法2: gulp.dist(*.tpl)时，去除文件目录结构，将资源全部放到同级目录下。

IONIC开发

当前的项目要求使用一套H5代码，完成WeChat、IOS、Android APP开发。APP主要功能是实现数据显示及少量交互，为了开发方便，我选择了IONIC。一期已完成，经过ocLazyLoad及压缩后，首屏的js代码在480kb左右，打包的app估计没问题，但是在微信中加载可能会比较慢，这里需要设计一个loading页面。

• 项目结构 ；
• 待续

Nodejs

• 待续

工具

• Photoshop切图 CUTTERMAN；
• Photoshop标注 PARKER (建议购买)；
• 本地JSON结构检查及预览 JSON Accelerator；
• 在线JSON结构检查及预览 JSON在线工具；
• 本地图片压缩 hummingbird；
• 代码片段管理 SnippetsLab (比较习惯线下管理工具)；
• 模拟HTTP请求及API测试 Postman；
• SVN版本管理 SmartSVN；
• Git版本管理 GitHub Desktop；
• MySQL数据库查看 Navicat for MySQL；