超星武汉分公司实习（web前端）

2021/04/12 - 04/16

​ 12号报道到公司，原本电脑还没申请下来，自带笔记本忘记带充电器了（尴尬），然后刚好有一台空余电脑，就直接搬过来，组装电脑，收拾工作台，搞网线，顺便办了了下入职。

​ 下午参加了第一次项目会议，前端后端服务端在项目经理代理下处理超星bug和增加需求之类的。菜鸟一个，看着大佬们讨论解决方案，感觉氛围很不错，慢慢听大佬们争论。最后让我来了个自我介绍，没说两句，骚话说不出来，第一次紧张嘛。

然后了解到前端三个加上我四个，然后就找到组织了嘛，然后雅南姐就带我认识一其他人。给了我一份代码，在线课堂的。然后开始看代码。

​ 13号一直到下午还在看，index.html写了4500多行，引入的js就十几个，还有css也有十几个，头皮发麻，我开始以为要实现交互功能，一点点看，最后下午才知道，原来就是一个静态页面，之前没有前端，都是后端和服务端大佬写的，用的jQuery,也没啥抽离，所有逻辑大部分都写在index.html,4500多行实在是有点痛苦啊，终于把所有界面看懂,css也差不多了，理解需求就是再移除课堂界面加一个勾选框。

​ 下午就自己看原型图摸索做，我还在想这难道不给切图标注？做完一看，原来切图网站可以看到所有细节地方和素材下载，然后回去加班嘛，在朋友帮助下晚上搞到1：30，最后成功了。很感谢和幸运有那么一个朋友可以在成长和学习的道路上相互讨论交流，前进。学习道路是枯燥的，能有人相伴是难得的。多的不臭皮了。

然后14号下午开始做新的需求，自适应轮播图，顶部视频每个大小间距固定，能显示下一个就显示一个，不能就少显示一个，居中显示。这一块和之前的设计有出入，屏幕的宽度发生了变化，以前是1200，现在默认是1105，以前样式写死了，轮播图的前后按钮定位也有问题。没用过swiper组件，按照官方文档来学习，以及jQuery简单的也会用了。

​ 15号早上我做做了第一次自适应，没看清需求，视屏大小自适应了，那样不太好，视频大小要固定，好看。我又要研究swiper组件内部自适应怎样的，学着修改init时配置的参数，晚上还没解决，写的代码要重来，宽度间距固定。陷入死循环，要去修改swiper组件内部自适应。这不太可能实现，只能让容器大小改变。让其内部实现自适应。晚上回去代码没带，没加成班。

16号早上，发现原来解决方没问题，参数赋值错了，瞬间好了，我苦恼一夜，百度各种方案，居然不用了，就把代码提交了。发现一个问题，让我去调试，原来我发静态代码和动态代码改变的地方露说了，初始默认显示修改为4即可。然后又出现一个问题，静态代码可以实现，动态代码加入后无法实现，找了半天，原来我静态代码一个class名错了，秒改。应该没啥问题了。

​