xinxin

前端开发工程师
蓝气球(北京)医学研究有限公司 · 4年经验
xinxin
日薪: ¥600/8h
地点: 其他 全区
时间: 可工作日远程
ID:322736 复制

0
接单数
0
评价数
0
收藏数

AI 技能提取 | JavaScript HTML5 Git Webpack Gulp Vue CSS3 CSS Ajax SASS LESS
HTML5:熟练使用HTML5构建语义化的网页结构。
CSS3:熟悉CSS3特性,包括Flexbox和Grid布局,以及响应式设计。
JavaScript:熟练掌握JavaScript编程语言,包括ES6/ES7的新特性和语法。
Vue.js:了解Vue.js框架,能够构建交互性强的用户界面。
CSS预处理器:熟悉Sass或Less等CSS预处理器,能够提高样式表的管理和复用性。
AJAX与API调用:熟悉使用AJAX进行异步数据加载和与后端API的交互。
前端构建工具:例如Webpack、Parcel或Gulp等,能够配置和使用这些工具进行项目构建和优化。
版本控制:熟练使用Git进行版本控制和团队协作。
调试工具:对浏览器开发者工具有深入了解,能够利用它们进行代码调试和性能优化。
状态管理的工具:熟练使用Vuex 和 Pinia

rdmp系统(生命科学研发全生命周期管理平台)
RDMP本质上是一个项目管理工具,旨在管理项目、项目下的里程碑&任务、对各个任务进行配置;并以任务驱动的方式,使得所有任务得以流转起来。
业务:工作台(首页)某一模块为我的任务。展示形式是列表。点击任务名称弹框展示编辑状态,可上传文件。在任务为进行中状态下,执行人上传文件的大小限制为0-2GB;由于上传的文件可能较大,产品设计需求有一个上传进度窗口,悬浮于所有页面、弹窗之上,支持展开/收起,显示当下所有正在上传的文件,允许追加;类似一个统一查看下载进度的弹框。可以支持用户关闭任务弹框后仍执行上传进度操作。任务弹窗内的A文件上传进度需与右下角上传进度窗口的该文件A进度同步变化。状态包括:正在上传中(上传过程中需展示上传进度百分比),上传失败,上传成功。上传进度窗口导航栏三种状态:正在上传中,弹窗导航栏显示:“正在上传+导入成功数量/总数量”;上传结束,但存在部分上传失败,弹窗导航栏显示:“部分上传失败+(成功数量+失败数量)”;全部上传成功,弹窗导航栏显示:“全部上传成功+(总数量)“;上传进度窗口内容区展示为上传文件进度列表,上传中的文件支持取消上传。上传失败的支持断点续传。可点击列表内的每一条文件跳转到对应的任务详情
每个任务的所有文件上传结束后,均需右上角Toast提示:文件全部上传成功:【任务名称】文件上传已完成(成功数量)点击查看详情;文件部分上传失败:【任务名称】部分文件上传失败(失败数量)点击查看详情;点击【点击查看详情】,直接弹窗至对应任务详情,当前所在路径保持不变;
实现技术方式:通过pinia状态管理工具管理所有文件数据。数据池中的数据结构为一个记录所有文件对象的数组。该文件对象为该文件所属的任务id,任务名称name,上传进度progress,上传状态status,是否删除isDelete,文件主键fileId,上传错误提示errMsg。使用oss上传api获取进度,断点续传方式。在任务弹窗内点击上传时把数据追加到pinia的数据池中。任务弹框内、右下角上传进度窗口回显数据池中的文件数据。实际上传操作在右下角上传进度窗口中执行。同时根据oss获取进度修改对应文件的进度和状态。实现任务弹框与右下角上传弹窗进度同步。
右下角上传弹窗通过this.$el.parentNode.insertBefore(this.component.$el, this.$el.nextSibling);悬浮于所有页面及弹窗之上。任务弹框内的删除文件,取消上传操作。右下角上传弹窗删除文件,取消上传操作都对数据池中的数据进行操作。
xinxin ID:322736 复制

xinxin

前端开发工程师 · 4年经验 · 蓝气球(北京)医学研究有限公司
城市其他 全区 日薪600元/8h 时间 可工作日远程
0
累计接单
0
用户评价
0
被收藏

信用行为

0
接单数
0
评价数
0
收藏数

技术能力

AI 技能提取 | JavaScript HTML5 Git Webpack Gulp Vue CSS3 CSS Ajax SASS LESS
HTML5:熟练使用HTML5构建语义化的网页结构。
CSS3:熟悉CSS3特性,包括Flexbox和Grid布局,以及响应式设计。
JavaScript:熟练掌握JavaScript编程语言,包括ES6/ES7的新特性和语法。
Vue.js:了解Vue.js框架,能够构建交互性强的用户界面。
CSS预处理器:熟悉Sass或Less等CSS预处理器,能够提高样式表的管理和复用性。
AJAX与API调用:熟悉使用AJAX进行异步数据加载和与后端API的交互。
前端构建工具:例如Webpack、Parcel或Gulp等,能够配置和使用这些工具进行项目构建和优化。
版本控制:熟练使用Git进行版本控制和团队协作。
调试工具:对浏览器开发者工具有深入了解,能够利用它们进行代码调试和性能优化。
状态管理的工具:熟练使用Vuex 和 Pinia

项目经验

rdmp系统(生命科学研发全生命周期管理平台)
RDMP本质上是一个项目管理工具,旨在管理项目、项目下的里程碑&任务、对各个任务进行配置;并以任务驱动的方式,使得所有任务得以流转起来。
业务:工作台(首页)某一模块为我的任务。展示形式是列表。点击任务名称弹框展示编辑状态,可上传文件。在任务为进行中状态下,执行人上传文件的大小限制为0-2GB;由于上传的文件可能较大,产品设计需求有一个上传进度窗口,悬浮于所有页面、弹窗之上,支持展开/收起,显示当下所有正在上传的文件,允许追加;类似一个统一查看下载进度的弹框。可以支持用户关闭任务弹框后仍执行上传进度操作。任务弹窗内的A文件上传进度需与右下角上传进度窗口的该文件A进度同步变化。状态包括:正在上传中(上传过程中需展示上传进度百分比),上传失败,上传成功。上传进度窗口导航栏三种状态:正在上传中,弹窗导航栏显示:“正在上传+导入成功数量/总数量”;上传结束,但存在部分上传失败,弹窗导航栏显示:“部分上传失败+(成功数量+失败数量)”;全部上传成功,弹窗导航栏显示:“全部上传成功+(总数量)“;上传进度窗口内容区展示为上传文件进度列表,上传中的文件支持取消上传。上传失败的支持断点续传。可点击列表内的每一条文件跳转到对应的任务详情
每个任务的所有文件上传结束后,均需右上角Toast提示:文件全部上传成功:【任务名称】文件上传已完成(成功数量)点击查看详情;文件部分上传失败:【任务名称】部分文件上传失败(失败数量)点击查看详情;点击【点击查看详情】,直接弹窗至对应任务详情,当前所在路径保持不变;
实现技术方式:通过pinia状态管理工具管理所有文件数据。数据池中的数据结构为一个记录所有文件对象的数组。该文件对象为该文件所属的任务id,任务名称name,上传进度progress,上传状态status,是否删除isDelete,文件主键fileId,上传错误提示errMsg。使用oss上传api获取进度,断点续传方式。在任务弹窗内点击上传时把数据追加到pinia的数据池中。任务弹框内、右下角上传进度窗口回显数据池中的文件数据。实际上传操作在右下角上传进度窗口中执行。同时根据oss获取进度修改对应文件的进度和状态。实现任务弹框与右下角上传弹窗进度同步。
右下角上传弹窗通过this.$el.parentNode.insertBefore(this.component.$el, this.$el.nextSibling);悬浮于所有页面及弹窗之上。任务弹框内的删除文件,取消上传操作。右下角上传弹窗删除文件,取消上传操作都对数据池中的数据进行操作。
客服二维码

没找到合适的人才?

扫码添加客服极速匹配,或直接发布需求让更多人才主动报名

平台担保交易 · 1小时内不满意可退款

平台信誉与实力

基于 35,336 需求方信任

  • ✓ 支付宝企业信用分 优秀 评级
  • ✓ 市场份额约占全行业三分之一
  • ✓ 程序员兼职行业全能首选平台
查看平台资质详情
收藏