前端实习周记06 (遇到棘手问题不要一路走到黑,山穷水复疑无路,柳暗花明又一村)
前端实习周记06
本周遇到了一个想想就肝疼的坑。
做一个页面需要使用附件下载的接口。情况是这样的:
在发起下载http请求后,后端直接传递了一个二进制文件,可以接受但是一直未能跳转下载,尝试解决这个问题的过程中。使用了大量的方法,比如在后端成功返回报文后用虚拟DOM生成a标签download来模拟下载的页面跳转,文件也确实可以下载,但是体验很不好。1.跳转是在文件接收完成返回报文后才开始,用户的等待时间过长。2.上述方法需要将返回的文件报文转化成Blob对象,再将这个Blob对象添加到a标签的src属性中,虽然用户可以接受到此文件,但是文件的内容在转换中出现了某些错误情况导致文件无法打开。一开始没有考虑其他方向的解决方案,所以接下来一直尝试解决第2个问题,过程中也查阅了大量的二进制文件转化的编码问题和格式问题,虽然学到了部分新知识,但问题依然没有解决。最后苦寻无果,与后端对接的同事进行沟通,尝试换一种方式解决问题。1.原因可能是后端要求的传参方式问题。2.前端请求方法过于复杂,阻止了或者无法处理返回的文件。找到原因后,后端修改了下载接口,我修改了点击下载的方法,不再使用js的click处理下载请求;而是使用动态生成a标签的方法,将下载请求的url地址使用js动态拼接在a标签的src属性中,解决了该问题。
这个事情让我长了个教训,1.与后端同事多沟通多交流,2.问题有时不像想象中的那样复杂,可能只是一个非常小的问题。
还有:本周996,周记就先这样写5天吧,有点累事情有点多明天就不写了~
- 2019/7/01 修改区域查询树小bug,修改服务中心信息维护页面,修改更新和翻页操作bug
- 2019/7/02 完成公告管理页面的接口调试,只留下了信息维护页面的新增保存和编辑保存的调试。尝试查找服务器端前端资源不请求的相关技术问题
- 2019/7/03 查看页面下载功能开发,测试和提交,跟后端讨论上传图片id数组传递的功能
- 2019/7/04 富文本编辑字数统计和字数限制提醒和提交的校验,功能完成并提交功能分支代码
- 2019/7/05 管理系统页面权限的功能开发,修改和完善后台页面部分小功能;开始开发web mall的“政策公告”、“政策公告详情页”、“价格信息列表”和“政策公告详情页(价格信息)”四个页面的结构和样式
遇到的问题
2019/7/03 - 下载请求未跳转 - 修改下载传参方式,将url动态拼接到DOM的超链接中
2019/7/03 - 上传接口传参方式问题 - 上传接口为post方式,需要将请求资源的url地址和要命名的fileName通过query传递给后台,再将需要上传的file对象处理成formData格式上传。成功后返回路径字符串和上传图片的id,需要在信息提交的时候将id数组传递给后台做,后台将暂存在资源服务器中的图片id与提交的id数组进行比对,进行存储操作
本周总结
本周继续调试和修改后台两个页面的细节和部分缺陷,之前开发的后台页面的完成度已经有较高的水平,后期则需要根据测试的反馈针对性地处理问题。同时,这周遇到了几个困难的功能点,比如和后端讨论接口的修改、上传接口的传参方式等,在学习了新的开发知识后通过自己编写的方法把困难一一击破。
前端实习周记06 (遇到棘手问题不要一路走到黑,山穷水复疑无路,柳暗花明又一村)相关推荐
- 前端实习周记1---环境配置、静态页面、作品呈现页
一.环境配置 刚去公司实习,先配发了电脑,之后导师让自己先配置一下公司域网.配置VS.node.git环境 1.node安装 node一定要安装低一些的版本,下载地址: https://nodejs. ...
- 2018/12/22 一位前端实习生 艰辛过程 励志 实习周记(一)—— 前言
记录经历的真事,载入实习的日志 别人双12纷纷剁手,我双12找到实习,也算是在双12给我最好的礼物了 下面就是记载了我当时找实习的经历的一些真事,也算是给自己,给别人一些提示吧. 11月底,来杭州这边 ...
- 关于计算机应用技术的周记,计算机应用技术专业实习周记范文
计算机应用技术专业实习周记范文 第1周 作为计算机应用技术专业的大学生,我很荣幸能够进入计算机应用技术专业相关的岗位实习.相信每个人都有第一天上班的经历,也会对第一天上班有着深刻的感受及体会.尤其是从 ...
- 记一次网易前端实习面试
记一次网易前端实习面试 很幸运地能收到网易的面试通知,就毫不犹豫翘了课去面试了hhhh~三点的面试,因为从来没去过那个中关村西北旺区,吃完饭早早就去了,想象中那里应该是繁华的地方hhhh,到了发现都在 ...
- 字节跳动前端实习一面
字节跳动前端实习一面 我是约的10月9号下午2点的场,现在仔细给大家梳理一下面试的内容吧. 1.你学习前端的方法 这个问题属于开放问题了,怎么回答都是可以的. 2.盒子模型 w3c和IE盒模型 场景题 ...
- 小米2022校招前端实习一面总结
小米2022校招10月前端实习一面总结 1.盒模型 2.手写样式题,实现三列布局(圣杯布局) 3.宏任务.微任务题 4.原型链题 总结 牛客网视频面 牛客网没有代码提示很不友好,不过面试官人很好会给提 ...
- 【已收到Offer】小米前端实习面经(一、二面)
面试无非就是考察计算机基础 + 算法 + 语言特性 + 项目.不过呢,根据我的面试题经历,其实每个公司在面试候选人时,侧重点是不同的. 例如你面试腾讯的话,可能网络这块会问的多一些:面阿里时,可能 J ...
- 面经1.小米前端实习
小米前端实习一面 前提背景: 小林大四生一枚,在校的课程都学完了,所以出来找实习,和所有的没经验的学生党一样,海投简历,对的,一定要海投!缺乏面试经历党的我,虽然很慌,但是也是要多投.话不多说,直接上 ...
- 周记计算机岗位任务及完成情况,计算机实习周记
很多犹豫计算机实习工作的同学,可以先从别人的计算机实习周记了解一下.今天,学习啦小编为大家带来了计算机实习周记,希望大家喜欢! 计算机实习周记篇1 这周比较忙,自学考试就要来临了,我也要开始复习功课了 ...
最新文章
- math.hypot java_Java Math.hypot() 方法
- java和python哪个好就业2020-Java和Python哪个发展前景好?老男孩教育
- pandas 提取股票价格
- 资讯|WebRTC M93 更新
- OpenCV简单的几何绘图的实例(附完整代码)
- Android之XUtils的框架总结
- Spring的使用——基础环境搭建以及IOC概念理解(持续更新)
- Stateflow_状态动作与转移动作
- python学习第一周 模拟登陆
- android 开机打开串口失败,请大神帮我看看这是怎么回事,一用就说串口打开失败,再电脑上试...
- 了解node、ES6
- 设计模式学习01策略模式记录
- C 标准库—— stdlib.h(包括 rand srand 的实现)
- Lyndon Word学习笔记
- Trie字典树数组实现
- 高通WIFI模块QCA9377 调试
- B、KB、MB、GB、T单位换算
- Excel工作表事件(1)
- nginx 按天分割日志
- 【淘宝补单】操作干预单不能在犯的错误
热门文章
- Python文件操作,看这篇就足够!
- Windows Python 3.8.8版本安装
- c语言 指针漂移,C语言实例8
- Linux epoll 实现原理
- android自定义桌面挂件widget用法(一)
- 博客摘录「 标准 (ANSI C, POSIX, SVID, XPG, ...)」2023年5月15日
- 【Python春联生成器】春节临近,旧岁将辞,你家的春联和“福”字安排上了吗?
- electron-vue初始化项目到打包运行
- C++spdlog学习总结
- 面向对象3大特征和5大原则