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

简介: 该文章归纳了前端开发环境中常见的面试知识点,特别是围绕Git的使用进行了详细介绍,包括Git的基本概念、常用命令以及在团队协作中的最佳实践,同时还涉及了Chrome调试工具和Linux命令行的基础操作。

封面

🌱序言

在实际的开发中,开发环境的工具使用,能直观的体现出某个人的工作产出效率。因此,在面试中,面试官也会经常问到关于 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 的一些规范。具体如下图:

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 可获取全专栏内容!

🏷️更新地址

👉 offer来了面试专栏

🏷️番外篇

  • 关注公众号星期一研究室,第一时间关注优质文章,更多精选专栏待你解锁~
  • 如果这篇文章对你有用,记得留个脚印jio再走哦~
  • 以上就是本文的全部内容!我们下期见!👋👋👋
相关文章
|
21天前
|
消息中间件 Android开发 索引
Android面试高频知识点(4) 详解Activity的启动流程
讲解Activity的启动流程了,Activity的启动流程相对复杂一下,涉及到了Activity中的生命周期方法,涉及到了Android体系的CS模式,涉及到了Android中进程通讯Binder机制等等, 首先介绍一下Activity,这里引用一下Android guide中对Activity的介绍:
34 4
|
20天前
|
存储 移动开发 前端开发
「offer来了」面试中必考的15个html知识点
该文章汇总了前端面试中常见的15个HTML知识点,涵盖了从HTML文档的规范书写、doctype声明的作用到新兴的HTML5标签应用及移动端viewport设置等内容,旨在帮助求职者更好地准备相关技术面试。
「offer来了」面试中必考的15个html知识点
|
1月前
|
前端开发 程序员 C++
【前端web入门第一天】01 开发环境、HTML基本语法文本标签
本文档详细介绍了HTML文本标签的基础知识。首先指导如何准备开发环境,包括安装VSCode及常用插件;接着全面解析HTML的基本结构与标签语法,涵盖从基本骨架搭建到注释的使用,以及标题、段落、换行和平行线、文本格式化等标签的具体应用,适合初学者循序渐进地掌握HTML。
|
20天前
|
Web App开发 前端开发 JavaScript
「offer来了」1张思维导图,6大知识板块,带你梳理面试中CSS的知识点!
该文章通过一张思维导图和六大知识板块系统梳理了前端面试中涉及的CSS核心知识点,包括CSS框架、基础样式问题、布局技巧、动画处理、浏览器兼容性及性能优化等方面的内容。
|
2月前
|
缓存 运维 前端开发
前端必备的运维知识点
【8月更文挑战第25天】前端必备的运维知识点
55 1
|
2月前
|
缓存 负载均衡 前端开发
前端必会的nginx知识点
【8月更文挑战第22天】前端必会的nginx知识点
57 0
|
2月前
|
存储 Java
【IO面试题 四】、介绍一下Java的序列化与反序列化
Java的序列化与反序列化允许对象通过实现Serializable接口转换成字节序列并存储或传输,之后可以通过ObjectInputStream和ObjectOutputStream的方法将这些字节序列恢复成对象。
|
4天前
|
算法 Java 数据中心
探讨面试常见问题雪花算法、时钟回拨问题,java中优雅的实现方式
【10月更文挑战第2天】在大数据量系统中,分布式ID生成是一个关键问题。为了保证在分布式环境下生成的ID唯一、有序且高效,业界提出了多种解决方案,其中雪花算法(Snowflake Algorithm)是一种广泛应用的分布式ID生成算法。本文将详细介绍雪花算法的原理、实现及其处理时钟回拨问题的方法,并提供Java代码示例。
19 2
|
9天前
|
JSON 安全 前端开发
第二次面试总结 - 宏汉科技 - Java后端开发
本文是作者对宏汉科技Java后端开发岗位的第二次面试总结,面试结果不理想,主要原因是Java基础知识掌握不牢固,文章详细列出了面试中被问到的技术问题及答案,包括字符串相关函数、抽象类与接口的区别、Java创建线程池的方式、回调函数、函数式接口、反射以及Java中的集合等。
16 0
|
2月前
|
XML 存储 JSON
【IO面试题 六】、 除了Java自带的序列化之外,你还了解哪些序列化工具?
除了Java自带的序列化,常见的序列化工具还包括JSON(如jackson、gson、fastjson)、Protobuf、Thrift和Avro,各具特点,适用于不同的应用场景和性能需求。