「offer来了」浅谈前端面试中开发环境常考知识点
Posted 星期一研究室
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了「offer来了」浅谈前端面试中开发环境常考知识点相关的知识,希望对你有一定的参考价值。
「面试专栏」前端面试之开发环境篇
🌱序言
在实际的开发中,开发环境的工具使用,能直观的体现出某个人的工作产出效率。因此,在面试中,面试官也会经常问到关于 git
、 linux
等常见的一些面试题。所以,了解相关方面的知识点也是很有必要滴~
那么在下面的这篇文章中,将讲解一些比较常见的开发环境下的知识点,以供大家备试使用。
一起来学习吧~🌱
🌲一、git
1、为什么要使用git?
- 最常用的代码版本管理工具;
- 大型项目需要多人协作开发,必须熟用
git
; - 如果你知道
git
或者之前不用git
,很难通过面试; Mac OS
自带git
命令,windows
可去官网下载;git
服务端常见的有github
、coding.net
等;- 大公司会搭建自己的内网
git
服务。
2、常用的git命令
命令 | 用途 |
---|---|
git init | 初始化一个仓库 |
git clone | 克隆项目 |
git add . | 把所有文件添加上。如果后面有文件名,则只把该文件参加上 |
git status | 随时掌握工作区的状态 |
git diff | 如果Git status告诉你有文件被修改过,用git diff可以查看修改内容 |
git commit -m “xxx” | 提交一行记录 |
git push origin master | 提交到服务端 |
git pull origin master | 从服务端拉代码下来 |
git branch xxx | 创建新分支,每个人都需要有自己的分支,互不干扰 |
git checkout -b xxx / git checkout xxx | 切换分支 |
git merge xxx | 做完之后要把主分支合并 |
git stash | 把写错的代码先放一边,之后切换分支再放上去 |
git log | 穿梭前,用git log可以查看提交历史,以便确定要回退到哪个版本 |
git reflog | 要重返未来,用git reflog查看命令历史,以便确定要回到未来的哪个版本。 |
git log --graph | 可以看到分支合并图 |
3、git提交规范
下面用一张图来了解下平常我们在提交代码时, git
的一些规范。具体如下图:
🌳 二、Chrome调试工具
- Elements
- Network
- Console
- Application
- debugger
- 查看内存泄漏等等
🌴三、抓包
1、抓包工具
- 移动端
h5
页,查看网络请求,需要用工具抓包; windows
一般用fiddler
抓包;Mac OS
一般用charles
来进行抓包。
2、抓包过程
- 手机和电脑连接同一个局域网;
- 将手机代理到电脑上;
- 手机浏览网页,即可抓包;
- 查看网络请求;
- 网址代理;
https
。
🌾四、linux 常用命令
1、为什么要用linux?
- 公司的线上机器一般都是
linux
(比如阿里云); - 测试机也需要保持使用一致的
linux
; - 测试机或者线上机出了问题,本地又不能复现,需要去排查(比如,别人的手机没有问题,另外一个人的手机出现问题,本地环境又不能看是什么错误,这个时候就一定一定要去排查)。
2、linux常用命令
如下表格:
命令 | 含义 |
---|---|
ssh 用户名@ip地址,如ssh root@192.168.10.21 | 登录linux的线上机或者测试机 |
ls | 查看当前文件目录下的所有文件夹 |
ls -a | 把隐藏文件夹也一并显示出来 |
ll | ls是平铺看文件,ll是以列表的形式查看所有文件(包括隐藏文件) |
clear | 清空屏幕 |
mkdir 文件名,如mkdir abc | 创建文件夹 |
rm 文件名 | 删除文件 |
rm -rf 文件名,如rm -rf abc | 删除文件夹 |
mv 旧文件名 新文件名,如mv index.html index1.html | 修改文件index.html的名字为index1.html |
tab键 | 对单词进行填满 |
cd …/ | 回到上级目录 |
cp 文件名1 文件名2,如cp a.js b.js | 拷贝一份a.js,新拷贝的文件命名为b.js |
touch 文件名,如 touch b.js | 建立一个空文件 |
vi 文件名 | 往文件里面添加内容, |
vim 文件名 | 往文件里面添加内容,通过i键进入编写,es键退出编写,:w进行保存,:q!强制退出 |
vimtutor | 查看vim的教程 |
cat 文件名 | 打印出该文件的所有内容 |
head 文件名 | 打印出前面几行 |
tail 文件名 | 打印出最后几行 |
grep “关键字” 文件名,如grep “babel” package.json | 查询某个文件里面包含关键字的内容 |
🌿五、结束语
以上文章讲解了在面试中一些常考的开发环境知识,对于前端的面试来说,开发环境相关的内容考察的相对比较少,所以大家可以通过本文做一个简单的了解。
到这里,关于开发环境的一些常见知识讲到这里就结束啦!希望对大家有帮助~
🐣彩蛋 One More Thing
🏷️pdf内容获取
👉 微信搜索 星期一研究室
并关注,回复关键词 开发环境面试pdf
获取相关 pdf
内容~
👉回复 面试大全pdf
可获取全专栏内容!
🏷️更新地址
🏷️番外篇
- 关注公众号星期一研究室,第一时间关注优质文章,更多精选专栏待你解锁~
- 如果这篇文章对你有用,记得留个脚印jio再走哦~
- 以上就是本文的全部内容!我们下期见!👋👋👋
以上是关于「offer来了」浅谈前端面试中开发环境常考知识点的主要内容,如果未能解决你的问题,请参考以下文章
「offer来了」1张思维导图,6大知识板块,带你梳理面试中CSS的知识点!