猿急送>

上海前端兼职程序员

ID：293027

Deutschland

前端开发

公司信息：
上海魔芋网络科技有限公司

工作经验：
4年

兼职日薪：
500元/8小时

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

所在区域：
上海
浦东

技术能力

Web开发：HTML5/CSS3/JavaScript/TypeScript/微前端
前端库和框架：React/Vue/NuxtJS/ELement/Vant/Antd/Naive
前端工具：Webpack/Vite/Gulp/SaSS/LeSS
后端开发：Node/GoLang/Docker
版本管理：Git
单元测试：Mocha

项目经验

数据可视化平台项目
该项目是 PC 端的可视化编辑项目，通过编辑和组合基础组件，形成可视化面板。技术栈采用 Vue
全家桶、Vue-Class-Component 库、Echarts、D3、ThreeJS、TypeScript、Web Workers 等。
基于 Echarts、D3 开发组件库中的组件，例如：旭日图、柱状图等。
为了支持智能卡片中的截图预览功能，
一开始采用 dom-to-image 库进行前端截图，实践过程
中发现截图时间过长体验不好，尤其在组件过多的情况。后来在 webpack 配置中添加了截图预
览入口页，后端访问页面进行截图。
排查性能问题，在画布上组件数量过多的情况下，较快速移动鼠标时，存在高亮延时的问题。
通过查看浏览器 performance 面板项中的火焰图、饼状图、cpu 使用情况，定位出性能的问题
点，给予优化处理，处理后，悬浮时能及时的响应。
重构拖拽穿透，添加遮罩层，将鼠标和组件在画布中的位置进行比对替代之前通过事件代理的
形式实现的拖拽穿透，鼠标移入编组后，对其子组件作缓存处理，避免多次查找，提升性能。
重构组件样式，通过 deep 将非脱离文档流的 ELement 组件的样式限制在当前组件内，防止样
式污染。

案例展示

大屏可视化看板

该项目是大屏可视化看板，由本人独立开发整个项目，包括前期项目基础构建，开发组件，UI还原度调整，接口联调，以及最后的bug修复等，采用vue2/vue3、webpack、less、echarts、D3、Typescript等技术开发，配合UE4进行交互控制。
智慧校园可视化看板

智慧校园可视化看板是客户定制的可视化看板，由两边的面板和底部的学校建筑构成，我负责数据面板的开发，包括图表、导航栏、动画等，采用vue3、echarts、d3、Typescript、hls等技术开发。
智慧校园可视化看板

智慧校园可视化看板是客户定制的可视化看板，由两边的面板和底部的学校建筑构成，我负责数据面板的开发，包括图表、导航栏、动画等，采用vue3、echarts、d3、Typescript、hls等技术开发。