6、开发环境

• git
• 调试工具
• 抓包
• webpack babel
• linux常用命令

git

• 最常用的代码版本管理工具
• 大型项目多人协作，必须使用git

chrome调试工具

• elements
• console
• debugger
• network
• application

抓包

• 移动端h5页，查看网络请求
• win一般用fiddler
• mac一般用charles
• 抓包过程：
  • 手机电脑连同一个局域网
  • 手机代理到电脑上
  • 手机浏览网页即可抓包
• 查看网址请求
• 网址代理
• https

webpack和babel

• ES6模块化，浏览器暂不支持
• ES6语法，浏览器不完全支持
• 压缩代码、整合代码，让网页加载更快

linux

• 公司上线的服务器一般是linux
• 测试机也一致，linux
• linux基础命令

运行环境介绍

• 运行环境即浏览器（server 端有nodejs）
• 下载网页代码，渲染出页面，期间执行若干js
• 要保证在浏览器中：稳定且高效

运行环境涉及前端内容

• 网页加载过程
• 性能优化（体验优化）
• 安全