自动化构建工具 gulp webpack grunt
gulp--构建项目,压缩合并处理,依赖于 gulpfile.js -- task watch default dist pipe
gulp提供了丰富了 插件 uglify mini sass
webpack--构建项目,模块整合,把浏览器不识别的语言(babel)转换成浏览器可识别的语言,依赖于
webpack.config.js -- entry output module rules plugins devServer
webpack提供了丰富的 加载器 css-loader style-loader babel-loader (管理/处理静态资源文件)
包管理器 npm cnpm yarn -- package.json
cnpm--npm 镜像 (真实项目开发中不建议使用--会生成多余的依赖文件)
npm install -- 只要执行所有依赖重新下载,一个接一个安装 (速度慢),安装信息全部打印
yarn add -- 安装过的不会重新下载 ,并行安装 (速度快),安装信息以emojis表情
-g 全局环境 安装一次
--save-dev / -D /-S 项目依赖安装
npm i webpack@2 -D 指定版本
版本管理工具 git svn
git -- 分布式
svn--集中式
开发语言 es5 es6
let const
()=> this的指向
map forEatch [...]
`` ${}
class extends
模块化开发规范 AMD CMD commonjs
AMD-异步加载规范 提前引入 require.js
CMD-标准通用加载规范 按需引入 sea.js
commonjs--谷歌提供的规范 核心 模块的接收与暴露 module.exports / require export default / import
事件驱动:事务在执行过程中用以决策的一种策略;跟随当前时间点上出现的事务,调用一切可调用的资源,
用于解决该事务,防止事务堆积
I/O input / output 写入写出
测试 - 通过工具 黑盒测试/白盒测试 测试用例 测试文档 一轮 二轮 三轮 (线上/线下)
调试-- 浏览器控制台
联调 -- 前后端数据对接测试 调试 -- 数据