面试重点-开发环境

git

• 最常用的代码版本管理工具
• 大型项目需要多人协作开发，必须熟用git
• 如果你不用git，不会通过面试
• Mac OS自带git命令，windows可去下载
• git服务端常见的有github coding.net等
• 大公司会搭建自己的内网git服务

常用git命令

• git add .
• git checkout xxx（切换分支）
• git commit -m "xxx"（写备注）
• git push origin master(提交代码)
• git pull origin master（获取代码）
• git branch（查看分支）
• git checkout -b xxx/git checkout xxx（注册分支）
• git merge xxx
• git diff
• git status
• git fetch把页面全分支拉下来
• git merge
• git log
• git stash（把修改的东西，放一边）
• git stash pop（把修改的东西，开放出来）
• git checkout .(撤销全部修改)
• git checkout index.html(撤销index页面的修改)

chrome调试工具

• 一般不会面试时考察
• 但这是前端工程师必备的技能（不算知识）

1. Elements(看DOM结构)
2. Console
3. debugger
4. Network
5. Application（操作本地存储这些）

抓包

• 移动端h5页，查看网络请求，需要用工具抓包
• windows一般用fiddler
• MacOS一般用charles

1. 手机和电脑连同一个局域网
2. 将手机代理到电脑上
3. 手机浏览网页，即可抓包
4. 查看网络请求
5. 网址代理
6. https

webpack和babel

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

npm init -y

npm install webpack webpack-cli -D(安装webpack-cli和webpack)

 

linux命令

• 公司的线上机器一般是linux（参考阿里云）
• 测试机也需要保持一致，用linux
• 测试机或者线上机出现问题，本地又不能复现，需要去排查

1. mkdir abc新建一个abc文件
2. ll abc 看abc里面有什么
3. rm -rf xxx删除xxx文件夹
4. ls 查看文件夹
5. ls -a 查看全部文件
6. ll 看列表
7. ls 看平铺
8. clear 清屏
9. cd dist跳转到dist
10. mv index.html index1.html 修改文件名
11. mv index.html  ../index.html 移动文件到上一级
12. cd ../ 回到上级目录
13. cp a.js a1.js把a.js拷贝成 a1.js
14. rm a1.js 删除单个文件
15. touch d.js新建文件
16. vi d.js新建文件
17. vim d.js 查看文件
18. vimtutor
19. cat package.json 打印文件所有内容
20. head package.json打印出前面几行
21. tail package.json打印出最后几行
22. grep 'babel' package.json 查找包含babel的文件