猿急送>

广州前端兼职程序员

ID：263458

前端工程师pyy 身份已认证

前端开发

公司信息：
广州励行网络科技有限公司

工作经验：
3年

兼职日薪：
500元/8小时

兼职时间：
下班后
周六
周日
可工作日远程

所在区域：
广州
番禺

技术能力

 vue3+Tailwindcss+AntDesign+Ts+pinia 模式开发了 8+个项目，有地图 API，微信支付开发经验；
 熟悉 vue2 和 vue3 全家桶（vuex、Vue Router、Axios、VueCli、Pinia）
 熟练 AntDesign、ElementUi、Vant、Bootstrap、uView 等常见 UI 库来开发项目；
 熟练 Webpack、Babel、ESlint 等常见前端工程化技术，熟悉 ES6 新特性；
 熟悉常用工具 Git、apiFox、postman 的基本使用；
 熟练使用 ps 、蓝湖、墨刀对 UI 设计图进行切图、测量；
 了解 React 的 hook 钩子、Redux 状态管理、生命周期、JSX 语法；

项目经验

2022.9-2024.6 闵行教育五育融合（客户端）
项目简介：
该项目是在随申办 App 里面的一个轻应用，主要是为上海市闵行区的学生提供线上课程或活动比赛。家长可根据
学生学习需求，自愿选择报名参加课程或活动。
技术栈：
Vue3+Vite+Tailwind CSS+Vant+Typescript+Pinia+axios
技术要点：
1、点击按钮分享功能-点击分享按钮，弹出跳转第三方 app 的弹层，可以分享到微信好友、朋友圈、微博、QQ。
2、截图分享功能-用 html2canvas 库以截图的形式保存到相册，再弹出跳转第三方 app 的弹层。
3、水印功能-在 utils 封装一个创建水印 dom 元素的方法，在需要水印的页面引入，自定义水印内容，退出页面销
毁水印 dom 元素。
4、接入高德地图 api，实现定位打卡，导航到指定位置。我的足迹页面创建标记点显示曾经打卡过的地点。
5、封装 cms 表单、封装音频 audio 组件和视频 video 组件，让 ios 和安卓系统显示一样的样式。
6、用七牛云 api 压缩图片像素和截取视频第一帧作为视频封面图。
7、matomo 埋点-用来跟踪应用使用的状况，收集并存储页面访问数据。使用 Hooks 函数封装，在具体的页面具
体的方法中去触发。
8、瀑布流-使用 masonry 插件实现瀑布流，加载下一页数据时候手动触发 masonry 布局重绘，防止内容堆叠到
一块，再撑开。

2022.9-2024.6 闵行教育云平台应用（管理端）
项目简介：
闵行教育局为推进五育融合育人的教育实践，需要整合区域内大量教育资源，开发一款能支持学生校内外五育教育
活动管理、追踪学生五育均衡教育效果和评价的应用。创建任务、课程、场所、活动等，在客户端会展示出来给用户报
名参加。
技术栈：
Vue3+Vite+Tailwind CSS+AntDesign+Typescript+ Pinia +axios
技术要点：
1、使用 axios 进行数据请求，二次封装了 axios 请求，并使用请求拦截器和响应拦截器进行统一数据处理。
2、视频转码功能 - 使用七牛云 api 处理视频转码，多终端设备适配
3、根据数据生成表格下载 word 文档功能 - 使用 docxtemplater 插件纯前端实现的，支持批量下载多个 word
文档并打包。
4、拖拽功能 - 使用 draggable 实现，拖动课程章节的顺序。
5、自创 cms 编辑器 - 用于配置课程信息（包含定位打卡、图片、视频、音频、链接等）。
6、裁剪图片功能 - 使用 cropperjs 插件实现对图片的尺寸、宽高比进行裁剪，并支持横图/竖图预览。
7、使用 echarts 实现数据可视化，实时展示监测接口服务、宽带运行监测、访问排行、平台访问统计等数据。把
数据以图表的形式展现，清晰有效地传达与沟通信息

案例展示

闵行教育五育融合（客户端）

项目简介：该项目是在随申办 App 里面的一个轻应用，主要是为上海市闵行区的学生提供线上课程或活动比赛。家长可根据学生学习需求，自愿选择报名参加课程或活动。技术栈： Vue3+Vite+Tailwind CSS+Vant+Typescript+Pinia+axios
闵行教育云平台应用（管理端）

项目简介：闵行教育局为推进五育融合育人的教育实践，需要整合区域内大量教育资源，开发一款能支持学生校内外五育教育活动管理、追踪学生五育均衡教育效果和评价的应用。创建任务、课程、场所、活动等，在客户端会展示出来给用户报名参加。技术栈： Vue3+Vite+Tai