当前位置：首页 > article >正文

前端实习第二个月小结

article 2025/1/20 8:16:22

时间飞快，第一次实习已经过去两个多月，作一些简单的总结和分享。

注：文章整体会比较轻松，提及的经历、经验仅作参考。

一、关于实习/工作内容

1、工作内容

近期做的是管理后台方面的业务，技术栈：前端react+antdesign,后端：ava。

日常开发：根据已有的功能进行修修补补：写写页面，封装接口等等。

2、参与发版

近期幸运地参与了一次发版，管理后台要上新页面（这两个页面刚好就是我写的）。发版前的流程：完成（前端/后端）任务、打包、推代码、上测试环境、测试、前后端修改bug、上生产环境、发版。如此反复，这套流程早已熟记于心，已成了“家常便饭”。

在开发过程中要注意很多细节问题，否则稍不留神就出错，而且后续还要继续改，可能会影响整体节奏。

这里分享几个我平时记录的易错点。

对于常用组件：

1.输入框：注意校验规则（字符串/数字/数字大小/手机号/是否必选等等）

2.下拉框：注意单选或者多选，拿到手的原型图要格外注意。

如果有多个下拉框，数据之间是否关联？比如A下拉框的选中数据作为获取B下拉框接口数据的入参？A和B又作为C的入参？这个要特别注意，不清楚及时问相关开发人员，避免后期的繁琐修改。近期我就踩过这个坑。

3、协同前行

对于前端实习生来说，前期有人带，是非常重要的，可以让我们少走很多弯路。

这里要特别感谢我的领导和组长，确实帮助我很多事情。

领导更多的是从思维、从宏观的角度，告诉我怎么去做好当下的业务需求；还有在业务对接时，如果出了问题，会帮我联系和跟进。

组长更多的是从实用的解决问题的角度，给我很多帮助，像一些业务通用组件的封装以及使用，撰写代码的一些注意点，比如一个很小的注意点（就体现了“逻辑清晰度”和“代码简洁性”）。

//就比如，在函数中，如果data有值，则赋值给params,否则params取undefined。
//一开始，我会这么写
const getParams=(data)=>{
    let params =data;
    if(!data){
        params=undefined;        
    }
    // ...其他语句

}

// 但后来，我组长说一行语句直接解决了
const getParams=(data)=>{
    let params =data || undefined;
    //...其他语句
}

第二种方式更符合常见的编程习惯，因为它在声明时就处理了 data 的假值情况，使得代码更加简洁和直观。

虽然我们可能知道第二种方式，但有些时候惯性思维，导致我们宁愿写“简单但多”的代码，也不愿意写一些“较少用但高效”的代码。

所以有人愿意提醒和纠正我们开发/编程习惯，我们要多加注意、修正、总结，也要懂得感恩。

知识点的联系以及综合使用，会极大地简化代码，提升我们的开发效率。

就好比ES6标准的出现，解决JavaScript在ES5时代存在的一些限制，比如缺乏对类、模块、箭头函数等的支持，以及对异步编程的改进等。

更简洁的语法：ES6引入了箭头函数、模板字符串、解构赋值等，这些都使得代码更加简洁易读。

增强的数据结构：新增的Map和Set对象提供了更高效的数据存储和操作方式。

模块化：ES6的模块系统使得代码组织更加模块化，便于代码的维护和复用。

类和面向对象编程：ES6的class语法糖使得面向对象编程更加直观和方便。

异步编程改进：Promises和async/await关键字使得异步编程更加直观和易于管理。