猿急送>

其他前端兼职程序员

ID：312517

威力宝宝

前端工程师

公司信息：
上海外高桥造船有限公司（中国船舶）

工作经验：
4年

兼职日薪：
500元/8小时

兼职时间：
下班后
周六
周日

所在区域：
其他
全区

技术能力

熟悉：HTML5，CSS3，JavaScript，ES5/ES6等以上常⽤语法，SCSS/SASS，Vue2.js/Vue3.js（全家桶及各种插件），Cordova移动混合开发，npm，Axios http库，LeafLet GIS 库，D3.js，Element UI，Vant UI，Echarts 等图表库，Chrome 浏览器调试、IndexedDB本地存储⽅案、Git常⽤命令，SourceTree（源码管理可视化⼯具）等。
了解：TypeScript，Jenkins，uni-app开发，React.js，微信⼩程序开发，PhotoShop等。

项目经验

安检平台（PC端）
技术：采⽤ React.js 前端框架和 Ant Design UI 组件库，前后端分离进⾏SPA单⻚⾯应⽤
的开发。使⽤ React-router 构建路由视图层和 React-mobx 建⽴全局/私有数据状态，搭配
axios 请求后台数据。在 Gitlab 代码管理平台上实现合作开发，项⽬合并拉取提交。使⽤
signnature-canvas 插件实现电⼦签名，使⽤ D3.js 绘制船体平⾯图。
功能：统⼀单点登录功能，⼈员权限⻆⾊配置功能，扣款单、整改单提交审核审批等完整
流程功能（表单基本功能），表单列表功能（表格常规操作，例导出 Excel 表格、查询分
⻚、增删改查等），⽂件上传图⽚压缩等。
移动⼯作平台（移动端APP）
技术：采⽤ Cordova 混合开发模式，使⽤ Vue.js 前端框架和 Vant UI 组件库，前后端分离
模式，Vue-Router 搭建路由系统，Vuex 构建全局状态管理，平台⼤版本更新及⼩版本热
更新，Cordova file 插件实现⽂件存储/读取/解压/静态资源缓存，修改 Cordova 源码集成
极光推送，Animate.css 搭配 Vue transition 实现⻚⾯动画切换效果，Mock.js 模拟接⼝，
Echarts 可视化库实现数据可视化，项⽬部署在 Gogs 代码平台实现合作开发，iOS 和
Android 的证书更新。
功能：调⽤系统原⽣功能实现拍照、视频录制、扫⼀扫等功能，指纹登录和⾯部识别登
录。接⼊打开远程H5或本地项⽬进⼊各个⾃开发应⽤实现办公。各⽣产部⻔⽣产详情，数
据可视化。消息推送，消息列表查看跳转，查看部⻔新闻功能。换肤、中英⽂切换功能，
多版本可控发布功能等。此移动⼯作平台类似于⽀付宝等集成型APP。
薄板智能⻋间⼤屏项⽬
技术：采⽤ Vue.js 前端框架，DataV ⼤屏组件库，通过外⼚商提供的公司2.5D⼚区图与
Leaflet GIS 库构建船⼚地图并实现液压⻋等设备定位绘制、线路绘制、信息展示等功能，
Echarts 可视化库构建图表并⾃定义样功能样式，Animate.css 实现动画交互，现场监控视
频 flv 和 hls 两种⽅式接⼊并实现视频窗⼝样式⾃定义及全屏等功能，根据现场⼤屏设备像
素⽐使⽤ CSS Grid 实现布局并⽤rem定义字体、%/vh/vm定义区域⼤⼩位置。
功能：地图部分展示公司内⾼空液压⻋等设备运⾏状态信息，并与硬件设备配合，获取设
备经纬度，计算出当前设备所在位置，并在地图上标记出，同时显示其相关信息，⼤屏其
他部分主要展示薄板⻋间员⼯⼯作内容、在岗率等⼯作情况和现场设备运⾏状态等情况。
1/3
⽣产管理系统（移动端H5）
技术：采⽤ Vue.js 全家桶和 Vant UI 组件库来构建项⽬，前后端分离开发形式，路由权限
根据前端控制，先后采⽤前端缓存技术 openDatabase 数据库和 IndexedDB 处理离线场
景实现本地数据缓存，基于CSS in JS、JSX ⼆次封装 Vant 中选择框、表单等组件，通过
vue-cli 脚⼿架开发时间⽇期插件（https://www.npmjs.com/package/opdt），vuex 模块
化管理各个项⽬状态，axios 配置错误统⼀处理，通过 postcss-pxtorem 和 amfe-flexible
插件搭配实现⾃适应，应⽤ cross-env 并配置 package.json 进⾏分模块打包实现共享组件
和依赖。
功能：此项⽬⽐较庞⼤，包含公司内质量检验、精度检验、⼯时登记等⼗⼀⼤模块，难点
在于业务逻辑复杂，应⽤场景较多，复杂的表单提交审核流程，较多的列表查询等操作，
各个业务模块的关联，中英⽂切换，主要实现船东船检的检验任务分配和现场作业情况及
时反馈。
供应链平台（PC端⾯向外部市场）
技术：SpringBlade 前端UI项⽬，基于现有的 AVUE、Element-UI 库进⾏⼆次封装，基于
Axios 封装接⼝、设置错误统⼀处理，搭建开发/测试/⽣产环境，使⽤ vue mixin 封装表格
查询分⻚等通⽤⽅法，基于 qiankun 实现微应⽤营销系统集成，使⽤ vuex 管理平台全局
状态，使⽤ md5 技术实现数据传输加密，通过 SCSS 扩展 CSS 提升开发效率，使⽤ vuepdf、vue-in18 、Echarts 等多种插件完成业务需求。
功能：以智能制造为契机，打造供应链协同平台，实现供应商和外⾼桥造船的协同应⽤。
基于供应链云平台，实现供应商资质⾃主维护、线上准⼊申请、信息及时互通、审核流程
转

案例展示

生产管理（移动端）

技术：采⽤ Vue.js 全家桶和 Vant UI 组件库来构建项⽬，前后端分离开发形式，路由权限根据前端控制，先后采⽤前端缓存技术 openDatabase 数据库和 IndexedDB 处理离线场景实现本地数据缓存，基于CSS in JS、JSX ⼆次封装 Vant
供应链管理系统

技术：SpringBlade 前端UI项⽬，基于现有的 AVUE、Element-UI 库进⾏⼆次封装，基于 Axios 封装接⼝、设置错误统⼀处理，搭建开发/测试/⽣产环境，使⽤ vue mixin 封装表格查询分⻚等通⽤⽅法，基于 qiankun 实现微应⽤营销系统集