猿急送>

成都前端兼职程序员

ID：389863

A

高级前端开发工程师

公司信息：
海联捷讯

工作经验：
5年

兼职日薪：
500元/8小时

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

所在区域：
成都
武侯

技术能力

1. HTML5：HTML5 语义化、Canvas、Echarts、AnTt G6、高德/百度地图开发
2. CSS3：CSS3 选择器、弹性盒子布局、动画、过渡、变换、媒体查询
3. JavaScript：函数相关、预编译/作用域/闭包、原型/原型链/继承、数组/对象操作
4. ES6：Promise、Async/await、Class、数据类型、解构、let、const、箭头函数
5. VueJS：Vue 组件化、Vue-router、Vuex、Pinia、ElementUl、Ant Design、Axios
6. React：类式组件、函数式组件、状态管理 react-redux、路由、组件间通信
7. TypeScript：类型注解与类型推断、枚举 enum、泛型、接口 interface、装饰器、继承
8. 前端工程化：熟悉 webpack 及 vite 工程化打包工具及 Git 代码版本控制工具
9. 网络：HTTP/HTTPS 协议、网络请求、跨域、AJAX、缓存

项目经验

实时数据仓库
项目描述：实时数仓项目是根据中国铁塔要求，通过数据中台化工程建设，引入湖仓一体化和批流一体等技术，实现数据统一的集成、管理、存储和分析，消除数据源之间的限制，拉通数据平台，使数据使用者专注于数据应用。提供数据采集、任务调度、数据安全、数据开发、数据集成、数据服务等功能模块，实现动态路由，封装表格、表单、数据可视化、图形开发、文件下载等组件功能。
技术栈：Vue3、Ts、less、Ant Design Vue、vben-admin
个人职责：
1.动态路由权限功能：
(1)创建用户时添加页面权限，数据为多级嵌套，按钮权限可选（默认为全部），在登录后得到权限菜单列表，
根据用户返回对应菜单。
(2)创建时添加一个权限属性，后台返回所有路由表，前端根据需求枚举权限，filter路由数组，不同用户返回
不同路由菜单，实现权限控制。
2.多表采集模块开发，封装table、form组件，该模块主要功能为实现库到库的数据采集功能，用户按照规则进行配置后新增任务到列表进行操作。用户选择源端库和目标库后进入两端规则配置界面，填写必要参数后可新增成功。操作栏留入口按钮，可根据当前任务状态权限对该任务进行修改、启动、暂停、重跑、查阅执行历史等操作。
3.永洪报表集成，使用iframe嵌套技术嵌入永洪提供表格页面。通过postMessage方法和本地存储传入参数让对方查询到对应数据，进行新增和编辑操作。
4.首页看板模块可视化开发，主要使用Echarts、Ant G6进行图形化开发，获取数据进行各类图表展示，包括折线、柱、饼等常用图形组件封装。主要考虑其尺寸适配问题，采取onrevise方法进行重置，添加防抖操作防止页面长时间拖动一直重置，节约性能开销。

交铁应急巡查系统(SEIS)
项目描述：巡查项目是为交铁应急开发的一款信息化平台，web 后台管理用于处理已采集的检查信息，APP 用于现场快速采集、录入隐患信息，小程序用于跨平台方案兼容使用，其中APP 使用 vue3 重构一版。对比vue2版业务效率提高 30%，代码整体简洁，体积大幅度缩小。
业务效率提升主要体现在以下方面：
(1) 提前规划检查计划，录入检查点位，评估检查内容；
(2) 语音输入，拍照/拍视频取证，快速录入隐患问题；
(3) 隐患信息分类，便于管理和分类；
(4) 确认\交流单信息化生成后现场电子签名确认无误，生成报告。分享文件至客户微信；
技术栈：vue2+uniapp+uview\uni-ui+scss、vue3+uniapp+uni-ui+scss
个人职责：
1.独立开发项目，搭建前端框架，维护 vue2版本和重构 vue3版本，解决移动端样式兼容问题；
2.优化检查计划列表，由于数据结构层次过深，导致数据量级增多后查询列表页面加载缓慢，优化方案如下：
(1)数据分页，减少负载；
(2)递归拆分父子结构，优先渲染外层数据；
(3)使用骨架屏弱化白屏效果；
(4) 接口封装 loading 提示框，增加与用户交互的视觉效果；
3.抽取多个公共组件，实现重点功能：
(1) 语音识别，实现思路为使用 uni 的录音 api(uni.getRecorderManager())，获取录音临时文件路径，上传后台利用百度语音转换文字返还给前端进行渲染，同时还需检索此内容相关的法律法规条文或隐患内容。采用防抖节流思维，取输入内容最后一次调用查询接口，返回前 10 条供使用者选择;
(2) 视频\图片上传，uni 的扩展组件不支持视频回显功能，于是自定义图片\视频上传组件，先弹出视频\图片选项，根据类型判定调用api，选中图片\视频上传到服务器。在上传前应进行压缩，分类型调用 uni 的图片压缩 api（uni.compressImage()）以及视频压缩 api（uni.compressVideo()）;
(3) 电子签名，使用 canvas 建立画布，由于在移动端采用触摸事件 touch 进行绘画，增加清除保存返回上一页功能。保存使用 uni.canvasToTempFilePath()输出为图片，此处应该适当压缩图片否则字迹不清晰。
(4) 文字合成语音(TTS)，采用第三方百度 sdk 方式，使用秘钥获取百度语音 token，带文字请求百度文字合成接口，返回音频地址。采取音频播放器管理所有音频，达到类型音乐播放器的效果。
4.针对编辑报告功能，采用TinyMCE插件封装富文本编辑器，实现文字编写，图

案例展示

后台管理

科评通管理平台项目描述：该项目是为交铁科技评价中心开发的科技成果评价管理平台，主要是对客户科技成果的管理。在门户上采集数据，管理后台处理对应专利数据。资料审核相关流程为：资料判定，专家提出意见，机构人员审核，出具报告，该条数据进入历史评价。企业创新能力评价流程为：
后台管理

实时数据仓库项目描述：实时数仓项目是根据中国铁塔要求，通过数据中台化工程建设，引入湖仓一体化和批流一体等技术，实现数据统一的集成、管理、存储和分析，消除数据源之间的限制，拉通数据平台，使数据使用者专注于数据应用。提供数据采集、任务调度、数据安全、数据开发、数据集成、数据服