




个人介绍
我是程序员客栈的宝海,一名前端开发工程师;
担任过鸿之微的web前端,担任过擎州软件前端组长职务;
负责过pc和h5前后台项目开发工作;
熟练使用vue2、vue3、js、jQ、html+css
如果我能帮上您的忙,请点击“立即预约”或“发布需求”!
工作经历
2021-01-05 -2023-02-28鸿之微科技(上海)股份有限公司web前端工程师
鸿之微云平台是为广大科研人员提供的一站式科研云平台,提供一些科学计算软件服务,软件 安装具有一定的复杂性,所以将科研使用的软件通过docker部署到服务器,在用iframe内嵌到 网页中,提供在线使,从而省去安装步骤。 项目职责 1、参与需求评审 2、项目搭建、规范制定 3、sass平台、h5移动端、后台和官网等相关前台开发工作
教育经历
1970-01-01 - 2011-07-06黑龙江省牡丹江平面设计本科
技能

开化旅游*公众号开发,介绍开化当地风景、旅游、住宿等 技术栈采专vue2+ vantui 列表缓存,缓存当前列表浏览项,点击进入详情,从详情页面返回当前列表后,显示阅读数量 使用keep-alive缓存当前列表项,缓存后的组件无法触发钩子函数,配合activated更新当前访问数


鸿之微云平台是为广大科研人员提供的一站式科研云平台,提供一些科学计算软件服务,软件安装具有一定的复杂性,所以将科研使用的软件通过docker部署到服务器,在用iframe内嵌到网页中,提供在线使,从而省去安装步骤。 该项目使用的vue2、vue3开发的,负责项目搭建和日常的开发需求。 我负责的模块有文件上传、webshell的实现、文件的下载、登录等功能实现 1、文件上传,在超过100M大小时,采用文件分片上传和断点续传,加快上歘速度和秒传 通过new FileReader()方法异步读取文件对象,获取文件大小计算当前分片数量,使用spark-md5插件,为每一个分片添加hash,创建ajax请求,并发请求等,后期使用的vue-simple-uploader分片上传插件 2、网页是实现webshell的嵌入,实现在网页中操作shell命令的功能 xterm.js插件,实现网页嵌入shell命令窗口,前端发送命令后端接收后处理返回前端展示,需要跟后端保持长连接,使用的sockjs-client插件实现websock的全双工通信 3、文件下载 文件下载功能实现,获取后端二进制流文件,前台创建Blob对象接收,创建URL.createobjecturl转成地址,创建a标签然后下载 开发中遇到的webshell大小不能自适应浏览器和文件长度超过一行大小无法折行的的问题,解决方案:在插件中设置cols和rows的值,设置完成后在回传给后台,使后端设置成前端的cols即可解决前端窗口自适应的问题
