jinglf000 / firstblood

en，这是一血

firstBlood

en，这是一血

---

目录：

问题列表

技术方向

技术文档

开发工作流

gulp插件

VScode推荐插件

本地gitlab

学习资源

##

贵阳项目（问题列表）

• 1、bootstrap和公用UI组件问题
• 2、图表
• 3、输入校验和XSS
• 4、页面间通信
• 5、兼容IE8的工程化方案和文件目录规则
• 6、移动端解决方案

技术方向

* 1、gulp 流程控制工具 * 2、AMD 加载工具 require.js or esl.js（拉钩）？？ * 3、jquery artTemplate 确定 * 4、矢量图标库使用 iconfont 确定

技术文档

* 1、artTemplate https://github.com/aui/art-template * 2、iconfont http://iconfont.cn/ * 3、jquery http://www.css88.com/ * 4、jquery-validation http://www.runoob.com/jquery/jquery-plugin-validate.html * 5、JS风格指南 airbnb https://github.com/sivan/javascript-style-guide * 6、JS语法校验规则 http://eslint.cn/docs/rules/

开发工作流

* 1、实时热更新 √ * 2、语法检查（有两种选择1，编辑器提供需要下载eslint插件，需要安装eslint npm install -g eslint；2、使用gulp-eslint提供的任务监控）√ * 在eslint总的提示分为error错误（vsc以红线显示）和warning（vsc以绿线显示）左下角会有显示 * 3、本地开发服务，代理接口 √ * 4、打包版本（压缩，自动补全，合并文件）

gulp 工作流插件

> gulp-load-plugins：自动加载 package.json 中的 gulp 插件\r > gulp-rename： 重命名 > gulp-uglify：文件压缩 > gulp-concat：文件合并 > gulp-less：编译 less > gulp-sass：编译 sass > gulp-clean-css：压缩 CSS 文件 > gulp-htmlmin：压缩 HTML 文件 > gulp-babel：使用 babel 编译 JS 文件 > gulp-jshint：jshint 检查 > gulp-imagemin：压缩 jpg、png、gif 等图片 > gulp-livereload：当代码变化时，它可以帮我们自动刷新页面

VSCode推荐插件（项目）

* Document This jsDoc风格的注释 * EditorConfig for VS code 编辑器配置 * ESlint 语法检查 * Image Preview 图片预览 * Path Intellisense 路径自动补全 * View In Browser 在浏览器中查看 * vscode-icons 文件图标

本地gitlab

* 注册与登录 http://130.10.8.210/users/sign_in * gitlab使用指南 http://130.10.8.207/gitlab-guide/_book/

学习资源

* 前端开发手册: http://fe.leozhang2018.me/ * NodeJS: 七天学会NodeJS http://nqdeng.github.io/7-days-nodejs/ * NodeJS: 极客学院 http://www.jikexueyuan.com/course/nodedotjs/?pageNum=1 * NodeJS: IBM https://www.ibm.com/developerworks/cn/cloud/library/cl-nodejscloud/ * NodeJS: Node.js 开发指南 https://github.com/threerocks/studyFiles/blob/master/%E7%94%B5%E5%AD%90%E4%B9%A6/Node.js%E5%BC%80%E5%8F%91%E6%8C%87%E5%8D%97_%E4%B8%AD%E6%96%87%E6%AD%A3%E7%89%88.pdf *　 深入浅出Nodejs学习 https://zhuanlan.zhihu.com/p/26107559