刚刚完毕了从三月份开端的实习，离任当日刚刚好实习了四个月，这是我榜首份实习，感觉自己在这个进程中懵懵懂懂也有了蛮大的成长，主意也产生了潜移默化的变化。而去年的这个时分我才刚刚踏上前端的旅程，心里还蛮多慨叹的，因而想借这篇文章总结下这四个月里的感触和收成吧！
先简略描绘一下我是怎样找到这份实习的以及作业内容等一些根底状况吧
怎样找的实习
回溯到三月份的时分，那时正是咱们猛烈冲刺暑假实习的日子，看着暑假实习并不多的岗位，和我还处于小白菜等级的算法以及刚刚开课的计网，我每天都挺焦虑的。
做了几场笔试题，感觉许多东西都答不上来，再加上刚好是学长姐春招的时分，听到了许多学长学姐说有实习阅历找作业会容易许多，就转战找日常实习了。
其时榜首天投简历就收到了现在这家公司的邀请检查简历，然后约了面试。其时严重的在牛客上疯狂研究它的面经，然后不断稳固自己的项目介绍和自我介绍。也是一些机缘巧合，刚好自己做的项目类型和技能栈挺符合公司的，就面进去了，所以就开端了我的实习之旅
作业内容与感触
部门的事务主要是做toB方向的后台体系的，一起我的mentor还担任组件库的升级更新，所以我也有幸接触到组件库的事务。
刚到公司主管就给咱们几个实习生做了一个简略的训练，告知了咱们公司事务线的构成以及处理事务的流程，还给我定了个训练方案，看了几天公司的代码标准和项目代码就做了一些简略的加开关换款式等需求了。
榜首个月–我的榜首个大需求
刚来后几天mentor请假了几天，所以主管就暂时给了我一个页面加载速度优化的使命，让我参阅他供给的解决方案进步后台项目的首屏加载速度。
其时的我只知道webpack装备和功用优化一点皮裘的我，感觉几乎都翻遍了全网的功用优化的文章和webpack相关插件的文章了hhh，还常常问我的mentor和leader（PS：我的mentor/leader还有其他搭档们都好好，常常问一些智障问题没被嫌弃），最终总算是做完发布上线了，加载速度优化了35%。也有幸得到了主管给的机遇在其他前端面前共享并发到了公司共享平台上。
曾经自己做项目的时分感觉功用优化的问题并没有那么注重，仅仅看到面试官常考这些问题，才在自己的项目中实践一点皮裘；而实践项目的体量实践是太大了，无论是构建的内容加载的内容都会许多，因而功用优化是很重要的。 实习的榜首个月让我领会到了实践的项目里功用优化是一个多么重要的工作。
首屏加载时刻优化之在作业中实践-掘金 （这是我所总结的文章，欢迎咱们指点一二！）
第二个月-我的第二个大需求
在榜首个月的时刻里除了做首屏加载时刻优化的使命之外，做的都是一些前后端交流少或许纯款式只需求给规划走查的使命。榜首个月更多也是在了解公司的代码标准，以及做事务提单拆单、提交代码、提测、测验走查、规划走查、产品走查发布上线等事务流程。
第二个月就开端做一些新的功用模块了，第二个月主要做了一个中心权限设置的页面，需求调取接口检查开关们的状态、全选单选、上传图片裁切图片等等。尽管也是一个比较常规的事务需求，可是让我深深的学到了怎样与其他岗位协作能够进步功率（都是伤心的实践后总结的）
与后端：由于榜首次做没有一开端就和后端对接接口，所以蛮多东西做完后还得修正。
- 榜首个是后端做完后后我开发中才发现后端回来的是一个单独修正某个开关的接口，而产品需求的是点击保存就批量修正，最终就让后端去从头写了个批量修正的接口；
- 第二个是后端回来给我了一个一键康复默认设置的接口，但我其时想着是康复默认设置嘛！那就把值全部设为前端定的默认值就好啦！成果后边才发现后端给我这个接口便是为了让我不要写死在前端，为了后边能够便利修正默认设置。
这次实践让我明白了和后端提前对接口真的太重要了，一定要聊清楚让后端做什么以及不明白的接口要去问清楚是干嘛用的！
与规划和产品：
与后端协作有这么多的感悟，怎样能少的了规划和产品呢，究竟看到最常常掐架的便是开发和产品以及规划了（狗头）
由于这个需求蛮赶的，可是规划师也很忙出图比较晚，产品让我先自己搭一下把功用做了，所以我就很自傲的依照产品的原型图把页面搭了，所以凄惨的工作就产生了… 规划稿出来后和产品的原型图距离也太大了吧！不仅仅款式上，连组件都要从头拆分的那种。所以我就含泪疯狂改。
这个故事让我今后再也不敢在规划稿出来前做功用了，假如一定要做的话，先去问清楚规划整体架构是啥样的，这样最少能确保分好的组件不会变。后来我mentor告知我，假如规划真实忙，能够先依照自己最轻松的做法和规划说自己的主意，让规划依照咱们的主意去规划，这样功率会进步不少。
总的来说，如同最重要的便是提前沟通了，提前沟通真的能让功率进步不少！
第三个月–我的一个独立项目
很快实习的时刻就来到了第三个月，感觉实习后的时刻是过的很快的，第三个月主管看我也了解地差不多啦，就给了我一个实时数据大屏的项目，而且其时每个人手上的活都蛮多的，所以让我独立做这个项目。这同样是一个让我有许多慨叹的项目。
榜首个慨叹——不要太信任自己的功率
这个项目给我的榜首个慨叹便是——不要太信任自己的能力，估时估久一点！！！！不要小瞧项目细节！！
其时拿到这个项目后之前仅仅简略调过echarts，但没有实践开发过事务的大屏项目，看到一篇文章说他做了两天就把大屏项目做完了，其时我一个自傲，想着页面便是搭个布局，改个折线图，改个地图，调个SDK组件，写个榜单列表，再轮询调接口嘛！应该很快的。再加上平常他们会把我的工时折一半，我自傲的给自己估了个三天，再折半就六天嘛！所以命运的轮盘开端滚动，我的凄惨剧开端了…
首要榜首个给我的下马威便是调SDK,本来认为调个SDK很快的，成果由于没有在后台项目里调过这个SDK，光是和担任SDK的人沟通和调SDK就花了一天多，总算调完后还需求完成许多功用细节。
渐渐地发现，这个项目细节也太多了！！其实实践上许多事务项目的细节都是许多的，比方数字的动效、轮询接口的机遇、切换选项怎样从头带动画地烘托图表，怎样让回来的城市数据能够变成点匹配到地图上并依照数据巨细操控点的巨细，怎样操控轮询的机遇，比方我在检查列表的时分就不要轮询改写数据了等等，还有要依照规划稿去改变echarts图表的款式以及sdk的款式等等。
更凄惨的是许多项目细节都是测验测的时分飞bug才注意到的hhh，测验测的时分接口的轮询把它的电脑给轮关机了才发现我没有在组件毁掉的时分毁掉接口的轮询（只能说十分为难）
一起由于自己估时短，功用还没做完规划就找上门来走查了，所以每天最怕的便是产品和规划呈现在我背后问问什么时分能够走查…产品哥每天上班榜首件事便是跑到我后边问我进展怎样样了，然后拍拍我的肩膀说不要太辛苦，我两眼发光的问：能够延期吗！ 他冷酷的说不可！
也比较影响心态吧，由于催的赶，所以提测的也早，每天都是不断在飞bug和改bug的阶段…尽管最终做了两个星期也是如期上线了，但我和测验都加了好几个晚上的班…而且成了飞bug之王qaq
估工时真是一门比较难的问题，后边我mentor告知我，估时要这么估：
- 不能只估自己做的时刻，要把改bug的时刻给算上，假如产品要加内容，要和他评估好这个加的部分所要的时刻，让产品排个优先级。假如需求时刻真实蛮长的，让他估计一下是不是这个版本要做，仍是下次优化（我其时是产品加什么我就马上做什么，所以就更做不完了）；
- 估时的时分其实便是理解一遍需求了，要细心考虑事务细节，究竟许多时分事务细节比做款式更费时，不要只重视款式完成去了
- 不过最重要的仍是要多留心自己平常开发时分实践用了多久，这样才能估的比较准，看来仍是要实践出真知呀
第二个慨叹——沟通的艺术之学会怎样告知产品和规划某个需求难做很重要
总算把难熬的开发进程熬曩昔啦！进入了痛苦的走查进程，每天都会收到规划提的一些bug单，但有一个bug是要我写一串算法去完成某显现。这个需求可难坏我这个算法白菜了，让chatGPT帮我写了一版，可是仍是有许多特别状况没有考虑到，直接上线的话会在一些临界点出问题。再加上还有其他功用bug要改，所以我和规划师说这个比较难改，我改完功用bug后再改吧。
所以规划师每天都来诘问我进展，我说真实是有点难，需求点考虑时刻，但感觉并没有什么说服力。后来我观察规划师和我mentor的聊天学到了几招。
榜首招：列举技能，说明工时很长（说服力-一星）
但实践上规划师得确保你能依照他的规划稿还原呀，这个仍是得做，仍是得准时上线。所以请出第二招
第二招：给出替代方案（说服力-二星）
我mentor常常觉得某个款式比较难写的时分，会拿着一个组件去问规划那儿依照这个组件行不可，这样那儿看到这个组件觉得也能够就会赞同我mentor的方案，我mentor就能够美滋滋的依照自己轻松的办法写完啦！
但这个办法关于我来说如同不太管用，由于规划师说让我问问其他人嘛！
第三招：告知他你问过其他人了，其他人也觉得难做（说服力-三星）
后边让把这个需求请教了我mentor，我mentor就帮我去想算法了，后边确实算法比之前更好了，但仍是会出问题，这下规划赞同后边再优化了~
参阅文章：怎样告知后端身世的领导：这个前端需求很难完成 – 掘金 ()
（其时这么做的时分还没想到能够总结这些办法，仅仅下意识去模仿我mentor，后边发现掘金也有一篇文章，所以上面三招是参阅文章总结滴！）
后边第四个月由于我快要离任啦，便是收一些之前的尾。总的来说这四个月真的学到了蛮多自己自学学不到的内容
技能收成
除了经过做需求对实践开发有了更深的了解，在公司也学到了蛮多技能层面的内容。
1、开发功率东西
我的mentor是一个功率东西爱好者，他日常的口头禅是：“我要想想我该怎样做能更高效呢？”，上班榜首天他就给我引荐了许多功率管理的办法，真的让我发现了新大陆！
像用cursor去让AI辅佐咱们读源码，用git graph等git可视化东西去辅佐咱们提交代码和创立分支等操作，用github-copilot去让小机器人帮咱们写代码，用utools东西去辅佐咱们想要切换hosts、核算时刻戳等零碎的需求等等。
曾经自学的时分信息仍是蛮闭塞的，只知道要赶着学完某个知识点和做完某个项目，关于代码的优化和功率的优化其实考虑蛮少的。在公司待的这段时刻后，干活前也开端想着怎样进步功率了。
详细的现已记录在这篇文章里边啦 想早点下班？ 以下东西能够让你功率加倍！ – 掘金 ()
2、git的实践应用
之前自己开发的时分并没有那么多需求用git的状况，也便是为了凑github的点亮数每天开发完后commit然后push上去，但在实践开发中关于commit的提交是很严格的，而且运用场景也变多了，所以乎我又学了许多新玩法。
①提交代码可视化
之前提交代码的时分我都是直接在操控台直接输入指令提交的，有时分会呈现一些覆盖了别人的代码我还不知道的状况,等到别人找上来了我才知道（为难）
现在我会运用vscode左栏自带的提交了。输入提交案牍点击Commit即可。一般提交前点击一个一个文件看修正的当地对不对就不会有覆盖问题产生啦！
②暂存代码
在实践事务中常常会呈现我正在做着某个需求，测验突然间跑过来说让你改个bug，很急很急的那种，这个时分点击右上角-Stash-Stash就能够把代码先暂存在本地了，如下图：
等bug处理完后再去git graph东西中找到stash的那条记录，点击Apply Stash即可
③常用的撤销提交系列
像我这样的大意蛋常常兼并了代码或许提交了代码后发现搞错了，比方提交的单号没写对等等。总是要用到撤销操作，所以乎熟练了一下的指令
彻底撤销提交/兼并：
git reset --hard HEAD~1
git push --force
某个需求这个版本不发了，可是后边可能会发想保留提交记录以便后边重写：点击那段提交然后右键revert
修正commit信息：(75条音讯) Git修正commit信息办法大全，提交日志、名字、邮箱都能改_Hi丶ImViper的博客-CSDN博客
④手动打tag
来到公司后才接触到发布版本需求打tag的问题
git tag vx.x.x这样打
git push origin master:master --tags tags提交长途的办法
3、前端技能上
①代码标准和优化
学会了BFC命名css款式名，这样就不会呈现款式名抵触的问题了
还学会了怎样写注释：
- 那些由于特别事务问题而导致的问题一定要写好注释，比方轮询函数时设置的轮询时刻为什么是3s而不是其他；
- 一起也不是什么函数和变量都要写注释，关于那种看英文名就能够知道是做什么用的变量能够不写注释，避免注释太冗杂；
- 关于文件最初要写注释说明是什么文件，否则一个大项目几百个文件，都得读一遍去考虑是干什么的也太痛苦了
以及在写代码的时分也考虑到优化了：
- 关于图片和字体文件：要留心它的巨细，看是否阻止当前页面的其他重要资源加载或许加载太久
- 考虑函数的复杂度，过于长的函数是否能够拆分红多个函数写
- 考虑到组件的烘托机遇，像弹窗这些点击按钮才会呈现的组件，是否能在点击按钮后再烘托？重复的弹窗的状况下，里边的接口是否能够只调用一次？
②Webpack
在做首屏加载时刻优化需求的时分，为了读懂公司的vue-config.js文件为何那样装备，研读了许多文档，这样学习的办法比自己背面试题有用太多太多了。
一起也学会了经过寻觅插件的办法去解决当前的问题，假如解决不了也学会了自定义插件了
③echarts
学会了运用echarts去依据实践事务的款式稿进行一些复杂装备，依据事务场景的话要完成动效、突变折线图、轴线等距、切换图表动画等等其实还蛮细节的，需求一点一点去查文档，查文章才能完结，也是自己依据看文档看文章完结的开发阅历吧
（实践上是为了完成事务需求组看了许多许多的文章，真的很想写几篇文章出来总结，要是写出来了就把链接放这！）
④websocket
在做事务的时分调的某个SDK便是websocket技能完成的，也借此机遇好好的去了解了websocket的原理，以及在是怎样在nodejs中的socket-io写服务端，用socket-client写客户端。
⑤SDK技能
之前知道的前端造轮子只停留在做款式组件库层面，但这次之后了解了SDK技能，SDK便是一整个软件开发包，它把中心的逻辑处理部分封装起来，只供给一套API来调用。
⑥功用优化
曩昔在自己做功用优化的时分只考虑到在代码层面用懒加载、虚拟列表；在webpack装备的时分运用loader进行图片压缩、css和js压缩，有听闻CDN，浏览器缓存，web worker,服务器烘托等愈加复杂的功用优化办法，但从未考虑详细怎样做的。 有幸公司的项目都用了这些优化办法，所以我也能够学到详细怎样用啦 （也是打算总结一篇文章，总结完放这儿！）
榜首次实习的感触
总算是写完实习中的日常和收成了，接下来便是快到结尾了（真没想到自己这么烦琐）
其真实这次实习前，我属所以关于职场的国际有点恐惧和害怕的，现在回想起刚进公司的我，感觉便是咱们眼中所幻想的那种眼里浸透愚蠢，未经世事的大学生形象hhh。还记得刚开端见HR的时分被同行的人一眼看穿我是实习生，我问你怎样知道的，他说由于你的目光很未经世事哈哈哈。
实习下来感觉前端团队真的很有活力，咱们都好好，我的mentor还有身边的人真的很爱前端这门技能。把其实一开端做前端仅仅想糊口饭的我也带着喜欢上这条路啦（所以现在就开端频频记录，很怕错过我的每一个成长的时刻）。
还有一个感觉便是觉得自己谈论技能愈加自傲了，在主管和mentor的影响下，我做某件需求的时分会愈加去深挖技能和考虑了，像之前做项目的时分仅仅看到网上是那么装备的，也没自己去考虑过是为什么。也没有那么怕接下来的秋招了，只想着持续结壮学习，大胆迈步吧！
写着写着就写了这么多了，假如有人能看到这儿那我真的十分感谢，由于我真的太烦琐了哈哈哈，甚至觉得某些内容太多了拿出去从头写了一篇文章，真实是太想把我的实习阅历记录下来了，由于感觉自己实习这段时刻成长了许多回忆起来又不知道从何考虑，现在写出了这篇文章总算明晰多了。 接下来就向着新的里程碑出发吧！
又到了立flag环节
也许刚刚你认为这篇文章现已完了，但前端人在完毕了一个里程碑，持续往前迈进的时分怎样能少得了flag呢！又到了立flag的时分啦，期望接下来的半年能努力完结我的flag!
1、稳固根底（算法和计网）
如最初所说的之前的算法和计网真的很单薄，所以接下来的方案技能稳固根底了。
算完代码随想录的算法题和剑指offer的算法题
学完小林codding的计网篇，能内化的那种
2、回归原生开发-试着自己用typescript去造东西
结构开发久了后感觉自己渐渐的限制于结构开发了，实习后也了解到许多轮子其实是原生typescript去写的，期望自己接下来能造个轮子！
3、学会读源码
在曩昔开发中常常是遇到问题只知道去找文章，在运用vue结构的时分只知道运用它的组件，但其实并没有很清楚里边的原理，有的时分会有那种限制感，接下来要学习vue的源码，并在其中去学会读源码！
4、学习react结构并做一个项目
接下来半年持续努力吧！
