前端岗位初入职场后的最初一段时间需要做什么

简介: 文章题目有点长,叫 《前端岗位初入职场后的最初一段时间需要做什么》,说下写这篇文的初衷,在前端自学团里有很多刚毕业或者是刚从培训班出来的同学,在群里天天讨论着找工作和面试的事情,面试的题在很多app或者小程序可以找得到,但很多同学不知道刚进入公司的最初一段时间是做什么事情,所以本文以此为出发点,讲一些刚进入公司需要注意的点需要注意的是,由于每个人的环境适应力不同,所以标题中的最初一段时间,可能是一天,也可能是三天,但一般不会超过一周

11b77d1c6ff448958535171b6ab510ae.png

前端岗位初入职场后的最初一段时间需要做什么


配置开发环境

入职第一天一般是配置开发环境,如果公司配给你的电脑还没有组装的话,那么自己就需要组装电脑

开发环境一般包括哪些?需要注意什么?


重点!重点!重点!

无论是配置说明开发环境,都必须注意版本问题,都必须以公司目前的开发环境为准!

博主在这里写一下常用的开发环境清单,有需要的可以收藏本文便以查找

①编译器:vscode,hbuilderX,webstorm,微信开发者工具等

有同学问一定要使用vscode吗?起因是这同学在大学里习惯用webstorm,这里博主的建议是选择喜欢用的就行,同个公司使用不同的编译器不会产生什么影响


②浏览器:chrome,火狐,IE等

需要注意的是,不同的浏览器有不同的浏览器内核,会对开发产生影响,所以要看公司开发使用的浏览器是什么再安装对应的浏览器

1ce5f95690614e698ec36ad8a622204b.png

③API调试工具:postman,Apipost,Apxfox等

API调试工具也需要看公司目前项目组使用的是哪一款再进行安装,因为API调试工具是可以团队协作的,不能说我用惯了postman就一定要用postman


④SourceTree:可视化git操作,现在公司都基本用这个进行代码的拉取推送


⑤翻译软件:有道词典,百度翻译等

有些公司对文件目录或者代码有一定的英文规范,比如购买有些人的就写buy,而有些人写purchase,如果不规范对代码的管理也是不好的事情


⑥腾讯会议:远程会议用


⑦记事本软件:Typora,文本文档,语雀等

每天都要对进行工作的事情进行一个记录,对项目的进程进行一个记录,所以一个记事本软件是必不可少的

948008079639429dab59fd448229b2a9.png

重点!重点!重点!

无论是配置说明开发环境,都必须注意版本问题,都必须以公司目前的开发环境为准!

熟悉文件目录


配置完开发环境以后,就必须对目前项目的文件目录进行一个梳理,例vue的脚手架为例,我们需要知道每一个文件是对应的是什么只需要大致了解就行,不需要每一个文件写的什么都认真看,等到具体开发哪个模块再细看

eef64eb2cb8a4ccab56c95463b5cb495.png

阅读package.json


学过vue的同学知道,package.json文件里面是一些依赖的名字和版本,阅读此文件的必要性在于知道本项目使用了哪些插件看有没有是属于自己知识盲点也就是自己没用过不了解的,然后提前了解不清楚的依赖是做什么怎么用的,然后在开发的时候便不会生疏

c39884ec894c42549847252d97a6b69b.png

熟悉模块文件和组件文件

一个项目一定是分模块进行开发的,所以要知道每一个模块是对应的哪个页面,一般模块是放在module文件夹中(每家公司不一样),同时也要对每一个模块下面的components组件进行熟悉,因为一般来说有些组件是可以复用


熟悉全局公共样式

对于公司开发的项目来说,每一个模块内的公共样式几乎是统一的,比如我这个页面的按钮是width:50px;height:50px,那么其他的页面的按钮也一定是width:50px;height:50px,不会说我这个就宽度变成60px

熟悉全局公共样式有两个好处,一是对公司的项目风格有一个了解二是在开发时不会出现说引入的组件样式跟想象的不一样,关于第二点,就是如果在全局设定了样式,比如我在全局设定了按钮的样式是width:50px;height:50px,但是你引入的官方文档中的按钮默认是width:100px;height:100px,你会发现怎么突然按钮变成50px了呢?问题就出在已经在全局中设定了样式


99fba93c24164a61bb87cdb8bfba4e5f.png

当然具体问题具体分析,有些时候我们必须根据页面的具体的情况,必要时使用样式穿透去修改已经在全局定义了的样式

熟悉接口文件

一个项目一般都有几十个至上百个的接口,接口可能分不同的js文件进行存放,所以需要对接口文件进行一个了解,知道哪个项目的哪个功能的接口放在哪个文件夹,这样在处理与后端的数据进行交互的时候可以更快上手


熟悉路由router

路由是一个项目的页面路径核心,熟悉路由router不言而喻,目的是为了以后增加项目页面的时候更快上手

a0b2f139516348acbaee57cd6edc32c0.png

熟悉静态文件存放文件

静态文件一般用来存放要使用到的图片等资源,知道放在哪里就好,这样在开发的时候就知道引用图片的路径怎么写了

e82cf8ff6aeb41a4a0a6086d4ab243ce.png

人之常情

早到问好

进去公司后的最初一段时间,建议都早到公司,不是给老板看你勤奋,而是每天早到之后,见到其他公司的前端同事问个好,增加前辈对你的印象和好感


送礼

如果有资金,贵的键盘鼠标不谈,可以给前辈买点鼠标垫,天气冷了保温杯等,这样前辈也会更有心去教你,大家都是领工资干活,前辈没有必要浪费时间去教你,所以一定要懂得感恩


参加公司下午茶

公司有下午茶活动多参加,跟其他部门的同事建立起一定的友谊,这样会使得你在公司的热度升高,大家对你也会有个好印象


未完待续,感谢各位大佬的阅读

喜欢作者的可以点个关注,再次感谢!


相关文章
|
2月前
|
SQL 前端开发 JavaScript
Web前端开发工程师岗位要求
Web前端开发工程师岗位要求
|
前端开发 JavaScript 小程序
酷工作丨网易/腾讯招前端开发工程师、今日头条实习和高级岗位招聘
酷工作丨网易/腾讯招前端开发工程师、今日头条实习和高级岗位招聘
|
存储 JavaScript 算法
好程序员分享HTML5培训精品技术文章--前端岗位需求分析
  好程序员分享HTML5精品技术文章--前端岗位需求分析,各位小伙伴大家好,根据多年丰富的面试经历和岗位分析,对前端面试的技术栈,各大公司面试特点,进行简要的分析 ,随着我的秀发越来越少可以说我们积累的经验越来越多,在此给大家进行一个简要的分享。
2599 0
|
1月前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
128 2
|
1月前
|
JavaScript 前端开发 程序员
前端学习笔记——node.js
前端学习笔记——node.js
38 0
|
1月前
|
人工智能 自然语言处理 运维
前端大模型应用笔记(一):两个指令反过来说大模型就理解不了啦?或许该让第三者插足啦 -通过引入中间LLM预处理用户输入以提高多任务处理能力
本文探讨了在多任务处理场景下,自然语言指令解析的困境及解决方案。通过增加一个LLM解析层,将复杂的指令拆解为多个明确的步骤,明确操作类型与对象识别,处理任务依赖关系,并将自然语言转化为具体的工具命令,从而提高指令解析的准确性和执行效率。
|
1月前
|
存储 弹性计算 算法
前端大模型应用笔记(四):如何在资源受限例如1核和1G内存的端侧或ECS上运行一个合适的向量存储库及如何优化
本文探讨了在资源受限的嵌入式设备(如1核处理器和1GB内存)上实现高效向量存储和检索的方法,旨在支持端侧大模型应用。文章分析了Annoy、HNSWLib、NMSLib、FLANN、VP-Trees和Lshbox等向量存储库的特点与适用场景,推荐Annoy作为多数情况下的首选方案,并提出了数据预处理、索引优化、查询优化等策略以提升性能。通过这些方法,即使在资源受限的环境中也能实现高效的向量检索。
|
1月前
|
机器学习/深度学习 弹性计算 自然语言处理
前端大模型应用笔记(二):最新llama3.2小参数版本1B的古董机测试 - 支持128K上下文,表现优异,和移动端更配
llama3.1支持128K上下文,6万字+输入,适用于多种场景。模型能力超出预期,但处理中文时需加中英翻译。测试显示,其英文支持较好,中文则需改进。llama3.2 1B参数量小,适合移动端和资源受限环境,可在阿里云2vCPU和4G ECS上运行。
|
1月前
|
前端开发 算法 测试技术
前端大模型应用笔记(五):大模型基础能力大比拼-计数篇-通义千文 vs 文心一言 vs 智谱 vs 讯飞vsGPT
本文对比测试了通义千文、文心一言、智谱和讯飞等多个国产大模型在处理基础计数问题上的表现,特别是通过链式推理(COT)提示的效果。结果显示,GPTo1-mini、文心一言3.5和讯飞4.0Ultra在首轮测试中表现优秀,而其他模型在COT提示后也能显著提升正确率,唯有讯飞4.0-Lite表现不佳。测试强调了COT在提升模型逻辑推理能力中的重要性,并指出免费版本中智谱GLM较为可靠。
前端大模型应用笔记(五):大模型基础能力大比拼-计数篇-通义千文 vs 文心一言 vs 智谱 vs 讯飞vsGPT