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

封面

「面试专栏」前端面试之开发环境篇

  • 🌱序言
  • 🌲一、git
    • 1、为什么要使用git?
    • 2、常用的git命令
    • 3、git提交规范
  • 🌳 二、Chrome调试工具
  • 🌴三、抓包
    • 1、抓包工具
    • 2、抓包过程
  • 🌾四、linux 常用命令
    • 1、为什么要用linux?
    • 2、linux常用命令
  • 🌿五、结束语
  • 🐣彩蛋 One More Thing
    • 🏷️pdf内容获取
    • 🏷️更新地址
    • 🏷️番外篇

🌱序言

在实际的开发中,开发环境的工具使用,能直观的体现出某个人的工作产出效率。因此,在面试中,面试官也会经常问到关于 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把隐藏文件夹也一并显示出来
llls是平铺看文件,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再走哦~
  • 以上就是本文的全部内容!我们下期见!👋👋👋

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/307811.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

数据结构与算法专题——第十题 输入法跳不过的坎-伸展树

我们知道AVL树为了保持严格的平衡,所以在数据插入上会呈现过多的旋转,影响了插入和删除的性能,此时AVL的一个变种伸展树(Splay)就应运而生了,我们知道万事万物都遵循一个“八二原则“,也就是说8…

「软件项目管理」一文详解软件项目成本计划

软件项目成本计划序言一、成本估算的定义二、估算的基本概念1、关于估算2、软件项目规模3、软件规模单位4、软件项目成本5、成本单位6、软件规模和软件成本的关系7、成本估算结果三、成本估算过程1、估算输入2、估算处理3、估算输出四、成本估算方法1、代码行估算法&#xff08…

在腾讯云云函数计算上部署.NET Core 3.1

云厂商(腾讯云、Azure等)提供了Serverless服务,借助于Serverless,开发人员可以更加专注于代码的开发,减少运维的成本。腾讯云的函数计算提供了很多运行库,对.NET的支持需要通过custom runtime 来支持&#…

MassTransit Get Started-

MassTransit:是一款.NET的分布式应用程序框架(开源、免费)。通过MassTransit,可以轻松创建利用基于消息的、松耦合异步通信的应用程序和服务,以提高可用性,可靠性和可伸缩性。MassTransit本身定位轻量级的服…

「软件项目管理」成本估算模型——Walston-Felix模型和COCOMO Ⅱ模型

Walston-Felix模型和COCOMO Ⅱ模型序言一、Walston-Felix模型1. 公式2. 举例二、COCOMO模型(Constructive Cost Model)1. 模型定义2. COCOMO模型的发展3. COCOMO基本原理三、COCOMO 811. 模型级别2. 项目类型3. 基本COCOMO-81(1)公…

图书管理(SSM)

一:前言 这仅仅是个小demo,体验了一把SSM配置地狱&#xff0c;就简单的实现CRUD 二:相关技术 MybatisSpringSpringMVCMysqlMavenTomcat 三:功能展示 1:查询 2:增加 3:删除 4&#xff1a;修改 四:上码 1&#xff1a;导入依赖 <?xml version"1.0" encoding&…

ASP.NET Core Cookie SameSite

在较多的项目中&#xff0c;Cookie 是比较常用的一种状态保持的选择。比如常见的例子&#xff1a;用户登录成功后&#xff0c;服务器通过 set-cookie 将会话Id设置到当前域下&#xff0c;前端在调用后端接口时&#xff0c;会自动将同域下的 Cookie 携带上&#xff0c;然后后端接…

还不会ts?一文带你打开ts的大门

一文带你打开ts的大门序言一、什么是TypeScript&#xff1f;1、编程语言的类型2、TypeScript究竟是什么&#xff1f;二、为什么要学习TypeScript&#xff1f;1、程序更容易理解2、效率更高3、更少的错误4、非常好的包容性5、一点小缺点三、typescript入门1、如何安装TypeScript…

idea中右侧的Maven框消失了

我掉 芭比Q了 idea中右侧的maven框居然没了 消失不见了 跟一束烟似的 没了 解决&#xff08;网上找的&#xff09;

「软件项目管理」一文详解软件项目进度计划

软件项目进度计划序言一、进度及任务的定义1. 进度2. 任务3. 产品和任务的关系二、任务关联关系1. 定义2. 任务(活动)之间的关系3. 任务关系矩阵4. 任务关联关系的依据三、进度管理图示1. 甘特图2. 网络图&#xff08;1&#xff09;定义&#xff08;2&#xff09;常用的网络图Ⅰ…

过年烟花特效

一&#xff1a;前言 过年了 菜鸡杰 在这给CSDN的伙计们拜年了 这一段时间以来 我特别感谢 我的粉丝 正是因为有你们的陪伴 所以我才会很大动力 去写博客&#xff0c;所以我就准备了一个特效给粉丝们 现在过年不让放烟花 我就改了个代码 改成烟花特效 送给大家 二:特效描述 这…

「软件项目管理」一文详解软件项目质量计划

一文详解软件项目质量计划&#x1f3a9;前言&#x1f452;一、质量概述1. 质量与软件质量2. 质量成本二、质量模型1. 定义2. 几种模型3. 模型解读&#xff08;1&#xff09;Bohem质量模型&#xff08;2&#xff09;McCall质量模型&#xff08;3&#xff09;ISO/IEC 9126质量模型…

WSL2 支持挂载物理磁盘,Windows 可直接访问 ext4

喜欢就关注我们吧&#xff01;最新的 Windows Insiders Preview Build 为 WSL2 的命令行程序增加了新功能&#xff1a;wsl --mount&#xff0c;这个新参数支持在 WSL2 添加和挂载物理磁盘&#xff0c;用户通过它能访问 Windows 没有原生支持的 Linux 文件系统&#xff08;例如 …

2招解决并发问题,省几百万设备费用!说穿了很简单...

经大佬介绍&#xff0c;接了个技术顾问的私活儿&#xff0c;3天搞定报酬8000&#xff0c;Mark一下&#xff0c;也分享下经验心得。&#xff08;经大家要求&#xff0c;文末增加了一段接私活儿经验&#xff09;背景交代甲方是广东某国企信息部&#xff0c;美其名曰是邀请技术顾问…

「软件项目管理」一文详解软件配置管理计划

一文详解软件配置管理计划前言一、配置管理概述1. 配置管理(SCM)定义2. 软件配置项目(SCI)3. 基线4. 软件配置控制委员会&#xff08;SCCB&#xff09;二、软件配置管理过程1. 管理过程2. 管理过程解析&#xff08;1&#xff09;配置项标识、跟踪I. 定义II. SPM项目要求&#x…

Kubernetes探针踩坑记

1. 荒腔走板最近一两个月生产K8s集群频繁出现短时503 Service Temporarily Unavailable&#xff0c;还不能主动复现&#xff0c;相当郁闷&#xff0c;压力山大。HTTP 5xx响应状态码用于定义服务端错误。500 Internal Server Error&#xff1a;所请求的服务器遇到意外的情况并阻…

「软件项目管理」一文了解软件项目团队计划

一文了解软件项目团队计划序言一、人力资源计划1. 团队定义2. 项目组织结构&#xff08;1&#xff09;职能型&#xff08;2&#xff09;项目型&#xff08;3&#xff09;矩阵型3. 责任分配矩阵二、项目干系人计划1. 干系人定义2. 干系人识别3. 干系人参与分类4. 干系人参与评估…

leetcode40. 组合总和 II

一:题目 二:上码 class Solution { public:/**思路:1.题目中说的每个数字只在每个组合中使用一次的话 我们可以考虑 在递归遍历的时候 index1不断缩小范围&#xff08;因为这也是在一个大的集合中挑选小的集合&#xff0c;所以是需要记录index的&#xff09;2.但是我们在填写…

DDD:架构思想的旧瓶新酒?阿里等大厂却对它趋之若鹜!

4月&#xff0c;InfoQ 发布了软件架构与设计的趋势报告。在报告中可以看出&#xff0c;微服务、领域驱动设计等已经非常流行&#xff0c;并成为目前软件开发行业的主流趋势。大家都知道&#xff0c;微服务划分的一个重要理论基础就是领域驱动设计。但由于 DDD 门槛高、概念多&a…

「软件项目管理」一文浅谈软件项目风险计划

一文浅谈软件项目风险计划序言一、风险基本概念1. 风险的定义及特性2. 风险三要素3. 风险图示3. 风险类型&#xff08;1&#xff09;预测角度&#xff08;2&#xff09;范围角度二、风险管理过程三、风险识别1. 定义2. 风险识别方法3. 风险条目检查表之七个条目四、风险评估1. …