swust512017的博客

有一周没有写实习博客了，有点偷懒了，周三完成了最后一天的实习，与同事和leader进行了告别，然后与在深圳的同学吃了告别饭，正式离开深圳了，希望明年还可以在深圳工作！实习生活告一段落了，新的挑战正在迎接我，秋招、小论文、大论文都等着我去攻克它，希望可以天道酬勤，祝自己一切顺利吧！

昨晚太累了，就没有写博客，今天一起写好了，在昨天和今天的努力下，终于把业务模型的基本版本跑通了，明天再补充一下小接口，然后再把一些异常情况判断一下，争取明天弄完，然后早点下班，最近太累了，得多注意休息了！！！

今天又是繁忙的一天，昨天请假了，所以遗留下的需求，今天一直在改，优化了页面和逻辑，需要跟产品经理确认功能和页面样式，还要跟后端商量一下接口的修改，效率不高，感觉前端代码也很混乱，有空一定得优化一下！方便自己也是方便别人。今天跟leader确认了一下离职时间，明天跟hr再沟通一下，明天又会来一个新前端，我的压力又可以减轻一些了！要抓紧时间准备秋招了，实验也得抓紧时间跑起来了！

需要注意的是，这只是一般情况下的执行顺序，具体的执行顺序还可能受到其他因素的影响，如异步操作或依赖关系等。需要注意的是，activated钩子函数只有在使用了`<keep-alive>`组件缓存时才会被触发，而mounted则是每次组件被创建时都会被触发。今天是下早班的一天，下完班直接赶车回广州了，吐槽一下深圳站管理得真得差，候车厅小，人巨多，而且进站口的标识也很少，绕了好久才找到！首先会执行mounted钩子函数，然后执行computed属性的计算，最后再执行watch监听器的回调函数。

今天又是繁忙的一天，又遇到几个奇怪的bug，遇到bug后不要慌，要理性地分析可能出现的原因，然后认真地检查问题所在，实在不行可以请教别人，速度会比较快，一个人瞎想耽误时间。今天的进度还不错，达到了预期，明天继续加油！今天导师找我了，我瞬间慌了，心态还得练啊！无论什么事儿，尽力就好，就算结果不尽人意，也问心无愧了！还有不要跟别人比，每个人都有自己的进度，加油，最后的结果一定不会辜负你的努力的！

6、element-loading-spinner="el-icon-loading"：这是一个自定义属性，用于设置加载过程中显示的图标或图像。element-loading-spinner 属性的值为 "el-icon-loading"，表示加载时显示 "el-icon-loading" 图标。element-loading-text 属性的值为 "拼命加载中"，即加载时显示 "拼命加载中" 文本。这段代码是一个 Vue.js 的模板代码，主要用于实现无限滚动加载数据的功能，并在加载数据时显示加载状态。

今天又是一个繁忙的一天，抓紧时间赶着把之前的剩下的回显工作完成了，接口数据也太难找了，接口文档真得真得太重要了！明天继续改bug，下拉刷新加载数据还有bug，明天问问同事实现思路，看看如何解决，明天继续加油啊！

今天又是繁忙的一天，改了很多样式，实现了一些页面，在用之前的接口时，发现接口写得很复杂，理通接口，获取到想要的数据很麻烦，深刻体会到接口文档的重要性，一定要有注释和接口文档啊，不然后来者难受得一匹。明天继续加油改接口，一定要弄完，其实不难，静心去弄，肯定可以搞定的！

今天又是一个繁忙的一天，加功能，改样式，改得头皮发麻，预定的任务还是没能完成，改起来真得太头疼，代码太乱了！昨天那个bug，今天问了一下同事，不到五分钟就解决了，看来真得多交流多沟通啊，可以很快地解决问题！针对报错弹黑窗的问题，加上下面这个配置，可以解决在本地环境弹黑窗的问题，但是在服务器上不行，还要找找解决办法。好兄弟说：有的element的组件元素在最外层不在你那个页面层级上，这种都要用全局的。解决方法是：不要scoped，直接改全局样式。

遇到问题不能怂，一定要逼着自己解决它，经历多了便没有难的问题了。同时要多跟同事沟通，要不耻下问，解决问题会比想象中顺利一些，同时要学会用chatgpt、百度，说不定网上有解决办法，不要自己闭门造车！解决问题思路一定要清晰，我相信一切问题都能迎刃而解！2、改el-menu中.el-menu--popup样式时，始终不生效，卡了我一个多小时，尝试了很多种方法，就是不生效，明早再去解决一下。important，不加的话样式的优先级不够，不能修改组件库中的样式。

今天又是忙碌的一天，忙着改了很多需求，还开了一个需求分析会议，又多了一些需求需要写，今晚写需求写得很累，有点懵，完全靠本能写得代码，已经基本实现了原型设计的样式，但是还有一些小bug，明天需求解决。今晚在观摩了一下本科室友组织得内部模拟面试会，才了解到本科室友都准备得不错了，我也得加快进度赶上去了，他们都开始面试了，我也得加油啊！周末一定要把简历写好，投出去！

今天又是困困的一天，感觉时间过得很快，同时今天做得需求还行，算是挺顺利的。又遇到了昨天this.$refs为undefined的问题，又卡了我一会，反复对比了slot的name，发现并没有问题，突然想起昨天同事跟我说的把a-form-model表单放到a-tabs里面不能用访问到，所以我把a-form-model表单封装了一下，成功解决了！心情一定得放宽，不要杞人忧天，不要精神内耗，做啥事都会顺利很多！

2、this.$refs为undefined的问题，在同事的帮助下，成功找到了问题所在，原因是slot="top"时，name为top的具名插槽并不存在，导致组件没有挂载，所以this.$refs为undefined，修改插槽名字，问题成功解决。今天出门就下雨，去公司的路上把鞋子打湿了，难受了一天。今天状态不佳，又陷入了精神内耗中了，不是所有事情都能尽得人意的，我的能力有限，做到问心无愧就好，不要过度压榨自己，想开一些，fighting！

今天又遇到一个奇怪的bug，给某个div设置border-radius:20px;居然不生效，这个很奇怪啊，下周再找找原因，今天下班的时候还遇到了提需求的leader，夸我实现需求很快，哈哈哈，美滋滋！这个周末要好好利用啊，把之前的实验代码熟悉一下，实现新的想法，同时完成简历的修改，开始投一些简历！今天开始改新的界面了，跟leader确定了一下这个页面的完成时间，感觉今天的进度还行，下了一个早班，可以早点到家了。

1、图片路径的问题，如果是:src="imgUrl"，浏览器会把imgUrl当做一个链接，其实imgUrl是本地相对路径，目前采用src="@/img/xx.png"的方式规避了，这样就不能在配置文件里面动态设置图片链接了，不够优雅。2、svg图片不能直接在vue2项目中使用img标签进行展示，明天需要在vue项目中添加相应的loader才行，html文件中可以使用img标签直接展示图片。今天收获还行，感觉自己没有那么菜，知识广度还行，知识深度还需要加深才行，加油啊！

今天又是繁忙的一天，解决了一些bug，改别人的代码是真得难受啊，索性自己重新写代码，遇到了一个bug，就是a-transfer标签不显示选项，render函数我反复检查了好几次，看着没问题，但是就是不显示内容，折腾了我好久，明天我再看看，解决一下。明天又要开始写新的需求了，希望可以少遇到一点bug，祝我好运！

今天又开了一个需求讲解会，leader跟我们讲了一下后面UI更新方向，感觉还行，两个人应该可以很快地写好。今天尝试把vue3的组件改写成vue2语法，改得很懵逼，感觉项目变得很混乱，还不如自己写组件，明天跟他商量一下，是否自己写一个vue2组件，改别人的代码实在是太痛苦了！今天起床时间比较合适，没有匆忙地赶路，还吃了早餐，感觉还不错。今天来了一位前端外包的同事，他蛮厉害的，我要多向他学习才行。

今天早上起得有点晚，出门结果还突然下雨了，匆忙赶回来拿伞后，直接跑步赶路，跑得有点猛，有点低血糖，还没吃早餐，难受了一早上，下次一定要8：20就起床，早点出门，不要赶路，太难受了。今天没写多少代码，解决了一下bug，明天继续解决bug，争取早点弄好，然后早点下班，回来做实验，冲冲冲！

遇到问题，一定要刨根问底地去查看，一定有解决办法的！1、在通过this.$refs.layoutSide.style设置<a-layout-sider>的宽度时，始终不生效，在经过多次尝试后，终于在看到篇博客，受到启发。今天原本很开心的，能下个早班，早点休息，和兄弟开黑玩游戏的，可惜导师一个电话打过来，又要开始做实验，改论文了，我的快乐没有了，祝我自己小论文顺利，早日结束折磨！今天解决了不少bug，成就感满满，有几个问题困扰了我很久，我查阅了很多博客，终于找到解决思路，顺利解决，这里记录一下解决思路。

今天是一个轻松的一天，改bug比较顺利，所以正常下班了，恢复一下精神状态，天天加班，真心遭不住，今天还遇到了一些问题，比如动态加载图片时，遇到了一些问题，require不能在纯js文件里面使用，同时:src="require(url)"，这样也会显示错误，提示无法加载图片，明天再解决一下！最近好累，没有时间准备秋招和做实验，希望接下来的时间能轻松一点。

今天又是一个加班的一天，原本计划9点前下班的，结果不知不觉中就到了10点半，今天是一个收获满满的一天，在leader的帮助下，一起解决了不少问题，进度颇为可喜，不过加班感觉好累啊！下周估计就有新前端同事了，我就会轻松很多了，就要把时间多花在准备秋招上，现在前端实在是太多了，要加油提高自己的竞争力！

今天仍然是繁忙的一天，今天实现了部分组件的替换，工作量还是蛮大的，主要是要找到合适的组件库，再加上自己写得一些代码进行替换，总体上来看，我的效率不高，明天应该抓紧时间写代码，然后晚上争取早点下班回家，为秋招做一些准备！今天遇到<router-view>不渲染组件的问题，明天还需要继续寻找办法解决，希望明天可以高效写代码啊！

今天又是繁忙的一天，也是倒霉的一天，总是出现了各种莫名奇妙的bug，卡着很难受，感觉还是对代码不够熟悉，对一些基础的知识还不够扎实，犯了很多低级的错误，同时我发现vs code不太好用，还是webstorm更加强大一些。换webstorm还遇到一件有趣的事情，leader问我为啥不用webstorm，我说要会员，leader直接跟我说安装盗版，还主动发我盗版的webstorm，还耐心地一步一步地教我安装，生怕我不会。同时我也要抓紧准备秋招了，好好刷题，好好背面经，为秋招做准备。善于总结，才能查漏补缺！

今天早上是头疼疼醒的，昨天淋了雨，今天迷迷糊糊的，总是提不起精神，写代码看代码都一脸懵逼，效率极低，又有一堆新需求来了，看来得打起精神，同时要守住自己的内心，加油，希望不会再有今天这种情况！周末要好好学习，解决之前遇到的问题，同时要开始自己的学习计划了！

今天主要实现了一个小需求，以及修改了一些bug，印象深刻地是后端和前端一定要沟通好接口和请求参数，不然会很痛苦，尤其是传图片的时候，不沟通好真得很头痛，同时前端一定要好好封装，不然代码就会变成屎山，今天新增需求就很头疼，看不懂别人的代码，还没有注释呢！今天leader还布置了一下后续的工作内容，有点紧迫感了，继续加油，得早点休息，不然脑子转不动。

今天又是一个繁忙的一天，早上修修补补地改了一些接口，一些接口后端改了，前端又优化了一下，解决了不少问题，但是整体上我感觉效率蛮低的，最近几天感觉很忙，但是没有特别明显的产出。最近使用了ChatGPT，感觉很不错，挺好用的，以后开发可以常用，帮助我们提高开发效率。leader花了两个晚上就写出了一个不错的画布组件，效率真得好高，值得我学习，继续努力啊！

还好我只是一个实习生，责任也推不到我身上来，我尽力就好，多学习一些知识，为以后的工作打下基础，今天真得很充实，冲冲冲！今天又又又是一个繁忙的一天，今天早上考虑将labelImage封装成一个vue组件，因为用iframe标签无法接收到从父组件发送的信息，无法读取图片，所以还是封装成vue组件比较合适，幸运的是github上有大佬封装过这个组件，不幸运的地方是大佬是用typescript封装的，所以需要在项目中安装typescript环境，过程中遇到许多问题，早上还没解决完呢，就下班了。

下午计划完成多个形状选中移动的功能，我蛮有信心能完成的，但是leader开了个会，leader觉得CanvasSelect不好用，需要换一个插件，最后我选择使用LabelImage插件，使用iframe直接插入到我们的项目中，今天把样式调整了一下，让页面接近了项目的风格，但是vue是父页面，原生html是子页面，vue页面使用iframe标签包含原生html子页面，两者互相传值是一个问题，明天问问ChatGPT，为啥csdn上关于chatgpt的注册的文章都删除了呢？

今天还看了一下canvas-select的源码，是用ts实现的，代码读起来有一点吃力，明天要好好复习一下typescript的语法，以及canvas的内容，周末好好学习，周一还有一堆优化等着我呢！今天又是繁忙的一天，修改了某页面的布局，让它更能变得更响应式，找到了动态给canvas设置宽度和高度的方法，但是动态设置了宽高后，canvas加载的图片变得模糊了，有点让人琢磨不透。

今天早上修改了昨晚leader提出的修改内容，同时优化了一下modal关闭后异步任务未完成时的界面优化，保证了下一次打开modal时不会显示前一次打开modal的内容，同时我也好奇别人是怎么做的，平常接触到这类前端页面较少，get请求时直接关闭modal，对后端服务器不会造成什么影响，post请求是否应该设置为请求响应后才能关闭，这是一个值得考虑的问题。个人总结：最近变得很懒了，下班回家后没有学习，这样下去是不行的，下半年还要秋招和毕设，不能再这么懒下去了。加油啊，不要懒惰，还不是享受的时候！

今天下午在写一个新需求时，遇到了跨域的问题，在vue.config.js中配置proxy，对pathRewrite理解不是很深刻，经过多次尝试，顺利地在本地测试通过，实现了这个需求；今天早上继续修改样式，首先修改了modal模态框的异步加载图标位置，原来是确定按钮位置显示加载图标，leader说这样不好，经过leader的启发，终于实现了在模态框中央显示加载图标，并且修改为只有当异步事件加载完成后，才能关闭模态框。

今天是个繁忙的一天，我修改了许多样式，有点头疼响应式布局的问题，尤其是canvas标签，响应式修改它的宽高十分难搞，目前还没有找到有效的解决办法，明天继续优化样式，尤其是要考虑响应式布局的情况，今天完成了预定的90%的目标。目前堆积的需求有一点多，明天继续加油，消灭需求，在写需求的过程努力增强自己的前端技能。1、做事一定要有规划，才能在DDL前完成，尤其是在公司里面，公司十分看重产出，这点尤为重要。2、有自己无法解决的问题，一定要早点提出，让同事帮忙一起解决，不要延误计划。

今天早上继续优化上周留下的样式需求，遇到了一个困扰我很久的样式问题，就是ul标签有一个6px的白框，当我打开F12查看样式规则也没能找出问题所在，最后将每个属性一一排查，然后发现了overflow:scroll造成的，改为overflow:auto后成功解决。下午继续优化样式，同时参加了项目的汇报会，深刻地意识到掌握汇报技巧的重要性，要简练、准确地说出自己的完成工作，以及写代码的时候，要明确需求和要达成的目标，同时做事情一定要有计划，才不会手忙脚乱。最近几天会很忙，忙完之后要开始自己的学习计划了。

今天下午继续微调样式，然后参加了一下例会，体会到了作为打工人的不易，面对上级的拷打，还是挺难搞的。虽然没有push我，我只是一个刚入职的小前端，但是体会到了做好计划的重要性，以及学会汇报重点的重要性，周末好好整理一下这周学到的东西，以及推进自己的秋招准备计划！今天早上先复习了一下父组件向子组件传值、子组件向父组件传值、组件之间传值的知识，有很大的收获，然后还复习了一下Vuex的用法，有了新的理解！这几篇文章都写得很好，值得反复阅读学习。

今天早上主要解决了Git合并代码，发生冲突的情况，一定要记住先提交本地的代码，再拉取远程仓库的代码，也就是说先git add、git commit，再git pull。顺序一定不能搞反了，否则本地代码会被覆盖。花费了一些时间，提心吊胆地完成了解决冲突的工作，目前对git的使用还不够熟练，后面要多多训练，以及要学会使用vscode自带的功能帮助完成git合并。下午主要完成了部分页面的样式优化，进度勉强还行吧。今天有点懒惰了，有点心不在焉，明天要专心地继续学习新东西才行！

后来受到某篇博客的启发（忘记是哪篇了），在设置中对“注释”的键盘快捷键进行重新设置，发现了问题所在，我习惯于按除号的/，发现vscode默认用得是（？/键），重新设置了一下，问题成功解决！今天早上跟同事确定了一下昨天不懂的业务流程，顺利地搞清楚了，然后继续实现图片展示的功能，但是发现接口返回的数据是空的，所以使用本地图片做为测试数据，发生了意料之外的问题：使用:src=“图片路径”，发现图片无法正常显示，网上查找了资料，发现原来是路径问题，需要搭配require使用（），上午实现了基础的样式就下班了。

今天拿到了公司邮箱和工牌，开始接手项目的代码了，我大致看了一下代码目录，感觉还是很熟悉的，所以主动询问了同组成员需要做些什么，同组成员便安排了一个做图片展示以及点开图片放大的需求，看到需求后，便去仔细地看代码，发现代码比我想象中要复杂一些，业务流程也十分复杂，还好基本弄清楚了该如何实现这个需求，明天还需要再问问同事业务逻辑，明天完成这个需求不是难事。看了项目的技术栈，我觉得还需要复习一下vue2语法，vuex、router、less等内容，看看以前的笔记，找找感觉！

下午跟着同组的开发人员开了一个短会，大致了解了项目需要做些什么内容，由于还没有公司邮箱，还看不到项目代码，明天再看代码，同组的开发人员不是专门做前端的，我也是个“半吊子”前端实习生呀，希望可以顺利解决各类需求，fighting！今天上午报道后跟着mentor拿到电脑，然后重装win10系统，安装前端常用的软件，公司没有相关文档要求安装哪些软件，按照自己的个人习惯安装了一些前端开发软件。）先学习了一些canvas基础，学完前四章了，明天继续加油学完！注意到项目需要使用canvas，按照教程（