前端实习周记01

上周是进入公司实习的第一周。

本来计划是上周末写周记。无奈有论文要写,把第一周的周记拖到了现在。

我是星期三进入公司的,第一天学习Vue cli 3项目搭建,配置webpack4,试着运行、编译等。公司是在做一个很大的网站重构项目,前端这边工期也很紧,所以并没有给我安排demo来测试我的业务能力2333。


聊一聊公司的重构项目

之前是用jsp写的电商平台,重构是用的vue.js+vue-cli3全家桶+iView技术。因为现在主流的项目使用的还是vue 2.x版本,cli3的生态圈还不是特别的完善,所以第一天,公司这边就先让我熟悉熟悉cli3。

第二天,也就是星期四,公司让我clone了重构项目的后台端的仓库,浏览了代码,使用markdown写了写前端的结构和代码规范和一些细节和注意事项。期间发现了部分老项目移植过来的不规范的文档结构和老样式,在获得公司统一后修改并提交了代码。

星期五,公司让我尝试使用iView插件尝试复刻老项目的表单结构和样式,并对不合理的部分做出修改。过程较为顺利,不过还是遇到了一个坑:

坑也不大,问题出在项目要求table样式必须定高,每一行的高度也必须固定,但是后端传过来的items数量不一,HTML表格会将tr的行高平均分配,导致显示效果很不尽人意。对该问题不是很熟悉所以花了不少时间来处理。。。最后通过tbody外部嵌套一层div,div和tr定高,tbody高度随item数变化的方式解决了这个问题。


最后谈一谈最近需要学习的技术吧~

公司对vue-router和vuex有要求,所以最近一直在复习vue全家桶2333。其次,前端项目组想要玩一玩服务器端渲染,所以Nuxt的学习也提上了日程。


一周下来对业务熟悉了不少,加深了对前端技术的热情和对新知识的渴望,和新同事的关系也很良好,总的来说是很满意的。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐