「offer来了」开发环境篇,浅谈前端面试中开发环境常考知识点

简介: 那么在下面的这篇文章中,将讲解一些比较常见的开发环境下的知识点,以供大家备试使用。一起来学习吧~🌱

19.png🌱序言


在实际的开发中,开发环境的工具使用,能直观的体现出某个人的工作产出效率。因此,在面试中,面试官也会经常问到关于 gitlinux 等常见的一些面试题。所以,了解相关方面的知识点也是很有必要滴~

那么在下面的这篇文章中,将讲解一些比较常见的开发环境下的知识点,以供大家备试使用。

一起来学习吧~🌱


🌲一、git


1、为什么要使用git?

  • 最常用的代码版本管理工具;
  • 大型项目需要多人协作开发,必须熟用 git
  • 如果你知道 git 或者之前不用 git ,很难通过面试;
  • Mac OS 自带 git 命令, windows 可去官网下载;
  • git 服务端常见的有  githubcoding.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 的一些规范。具体如下图:

1.png


🌳 二、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 查询某个文件里面包含关键字的内容


🌿五、结束语


以上文章讲解了在面试中一些常考的开发环境知识,对于前端的面试来说,开发环境相关的内容考察的相对比较少,所以大家可以通过本文做一个简单的了解。

到这里,关于开发环境的一些常见知识讲到这里就结束啦!希望对大家有帮助~



相关文章
|
12天前
|
缓存 前端开发 中间件
[go 面试] 前端请求到后端API的中间件流程解析
[go 面试] 前端请求到后端API的中间件流程解析
|
3天前
|
存储 XML 移动开发
前端大厂面试真题
前端大厂面试真题
|
19天前
|
消息中间件 存储 Java
Android面试高频知识点(2) 详解Android消息处理机制(Handler)
Android 消息处理机制估计都被写烂了,但是依然还是要写一下,因为Android应用程序是通过消息来驱动的,Android某种意义上也可以说成是一个以消息驱动的系统,UI、事件、生命周期都和消息处理机制息息相关,并且消息处理机制在整个Android知识体系中也是尤其重要,在太多的源码分析的文章讲得比较繁琐,很多人对整个消息处理机制依然是懵懵懂懂,这篇文章通过一些问答的模式结合Android主线程(UI线程)的工作原理来讲解,源码注释很全,还有结合流程图,如果你对Android 消息处理机制还不是很理解,我相信只要你静下心来耐心的看,肯定会有不少的收获的。
59 3
Android面试高频知识点(2) 详解Android消息处理机制(Handler)
|
6天前
|
存储 JavaScript 前端开发
|
6天前
|
Web App开发 存储 缓存
|
19天前
|
Android开发
Android面试高频知识点(1) 图解 Android 事件分发机制
在Android开发中,事件分发机制是一块Android比较重要的知识体系,了解并熟悉整套的分发机制有助于更好的分析各种点击滑动失效问题,更好去扩展控件的事件功能和开发自定义控件,同时事件分发机制也是Android面试必问考点之一,如果你能把下面的一些事件分发图当场画出来肯定加分不少。废话不多说,总结一句:事件分发机制很重要。
63 9
|
17天前
|
前端开发 容器
前端面试热门问题--浮动和清除浮动(CSS)
前端面试热门问题--浮动和清除浮动(CSS)
|
19天前
|
XML 前端开发 Android开发
Android面试高频知识点(3) 详解Android View的绘制流程
View的绘制和事件处理是两个重要的主题,上一篇《图解 Android事件分发机制》已经把事件的分发机制讲得比较详细了,这一篇是针对View的绘制,View的绘制如果你有所了解,基本分为measure、layout、draw 过程,其中比较难理解就是measure过程,所以本篇文章大幅笔地分析measure过程,相对讲得比较详细,文章也比较长,如果你对View的绘制还不是很懂,对measure过程掌握得不是很深刻,那么耐心点,看完这篇文章,相信你会有所收获的。
39 2
|
21天前
|
Web App开发 开发框架 前端开发
循序渐进VUE+Element 前端应用开发(1)--- 开发环境的准备工作
循序渐进VUE+Element 前端应用开发(1)--- 开发环境的准备工作