陈志豪

Web前端开发工程师

个人简述

多年Web前端开发经验,熟练掌握HTML、CSS、JS,良好的编程风格。

项目主要采用 Vue 技术,部分使用React等技术。熟悉多端打包工具,在项目实践中曾使用Taro和Uni-app。

丰富的项目业务经验,涵盖小程序、B2C商城、直播商城、融媒体SaaS平台等。

喜欢尝试新技术,积极提高技能水平,具有出色的沟通、协调、团队合作、学习和问题解决能力。

专业技能

熟练使用前端框架: Vue、React、TypeScript、jQuery 等

熟练使用打包工具: Webpack、Vite、Rollup 等

常用UI框架:Vant、ElementUI、Ant-Design-Vue、Bootstrap、Echarts、Semi-Design等

熟悉后端API项目搭建: node、Express、Koa、Midwayjs、MySql、TypeOrm 等技术

项目实际使用过的技术:Uni-app、Taro

熟悉部署工具: Linux、Nginx、宝塔 等

工作经历

东莞亿美信息科技有限公司 PHP+小程序开发

2017.7~2018.8

主要技能:微信小程序、PHP、MySQL、Bootstrap、jQuery等

工作内容:负责微信小程序模板的开发和维护

开发了新的“餐饮业”小程序模板,获得公司创新奖励

维护企业PHP项目,使用PHP和MySQL开发新功能和扩展原有项目

负责linux服务器的运维,包括环境搭建和项目部署

广州世青科技有限公司(原圣火传奇(广州)网络科技有限公司) web前端

2018.9~2020.6

主要技能:微信小程序、Vue、Uni-app、Vant、LayUi、jQuery

工作内容:多级分销、直播带货商城

开发公司移动端商城,实现微信登录、M3U8直播流与腾讯IM服务,构建直播带货商城

开发与维护小程序项目,转向使用uni-app开发小程序与H5移动端

广州坚和网络科技有限公司 web前端

2020.7~至今

主要技能:Vue、TypeScript、Webpack、Ant-Design-Vue、Echarts、Taro 等

工作内容:融媒体Saas工具平台、在线工具、数据大屏等

主要负责媒体 写稿、审核、分发流程业务。对富文本编辑器(tinymce)有较为深入的研究。

独立完成 可视化大屏 和以腾讯TRTC为基础的多人通讯的指挥调度等前端模块开发

参与 视频制作模块在线图片制作模块视频协同审核模块 开发,负责各个模块之间的联动和多项目的整合。

负责 官网、小程序(Taro)、营销活动H5 等项目的日常维护

曾荣获优秀员工奖励。与同事相处融洽,得到同事的认可

项目经历

买标网 - 微信小程序 独立开发

项目概述 一个用于买卖标的小程序平台,包含的功能有:发布标源、与标主联系、成为VIP会员、海报推广等。

开发工作 1. 按照设计稿高度还原,实现登录、获取手机号、微信支付等功能,与后台接口对接。 2. 基于vant小程序组件和ColorUi,封装项目业务组件和模版。 3. 封装 canvas API,以CSS语法为配置,生成 canvas 效果图,多个项目可复用。 4. 负责在线小程序问题的跟踪与修复。

全季优品商城 - 微信小程序 参与

项目概述 小程序电商平台的演示模版。特点是首页可以进行自由的模块搭建,配置数据

负责模块 1. 参与并开发了首页模块的配置化,根据接口数据引用各种模块搭建的动态楼层,开发了部分首页中的卡片模块。对小程序中“模版”和“组件”的概念有更深刻的认识 2. 跟进其他各个模块的维护与项目特性功能的开发

方寸云播 - 手机端商城 主导前端

http://shop.ayunzhibo.com/mobile/ 👈

项目概述 实现了直播、拼团、以及通过分享赚取佣金的直播商城,结合微信公众号实现快速登录

主要技能 Vue 全家桶、video-js、腾讯 IM、Vant 等

负责模块 1. 使用 Vue + Vant 对项目进行搭建,实现商城从登录到购买的流程,并封装了各类基础方法(如与客户端通信的 API) 2. 利用各种抓包工具/调试工具与客户端协助,解决内嵌 H5 页面在 webview 中出现的问题 3. 对原生 canvas API 进行了封装,实现快速生成各类活动海报 4. 使用 vue-video-js 对接直播流,实现直播间消息互动 5. 封装了常用模块,提高页面复用率 6. 利用 iframe 和 postmessage 设计并实现多个项目的单点登录功能

融媒体 Saas服务平台

http://rongmeiti.myzaker.com/ 👈

项目概述 提供各种SAAS工具服务,通过融媒体解决方案实现从策划、采集、编辑到内容传播的整体流程。

主要技能 Vue,React、node、webpack 等

负责模块 负责SAAS平台升级,熟练使用 ant-design-pro ,主要负责写稿、审核、分发等流程,并在业务基础上打通工具之间的交互,在富文本编辑器tinymce方面有丰富研究,并开发了多款插件。 2. 完成可视化数据大屏的CSS动画和数据图表开发。 3. 开发基于腾讯TRTC的多人通讯指挥调度模块,接入TRTC直播流,使用Websocket保持与后端通信,实现简易的在线“拨号”功能。 4. 参与视频制作模块、在线图片制作模块、视频协同审核模块的开发,负责模块间的联动和多项目整合。 5. 负责官网、小程序(Taro)、营销活动H5等项目的日常维护。

开源项目

第一杯喝什么活动

开源链接 👈 https://what-to-drink.gitee.io/2023 👈

与朋友两人合作开发的新年发起的一个投票活动。

出于学习新技术栈和体验的目的,该活动可以通过点击卡片进行投票,并随机显示祝福语。

主要技术栈:Vue3、TypeScript、React、MySql、TypeOrm、Midwayjs

投票数据实时统计和更新,后端使用Midwayjs、MySQL、TypeOrm等技术栈,基于IP和UA进行了简单的地区和设备信息统计。

活动包含数据统计、成就统计、发布弹幕解谜等环节。采用手动埋点与结合百度统计方式进行数据统计与来源分析。

更加详细内容可以查看总结帖: 聊聊「兔年第一杯喝什么」这个活动

files-preview

预览链接 👈 开源链接 https://www.npmjs.com/package/files-preview 👈

为了方便预览离线设计稿项目和MD文档库,开发了一款基于node的工具,可通过npm下载并使用。

主要技术栈:node、HTML + CSS

files-preview是基于http-server的优化项目,保留原功能的同时更新了全新的界面,并添加了MD文档预览功能。

此项目对于对node和npm的学习有所加深。

tinymce-plugins 插件开发脚手架

开源链接 👈 https://gitee.com/Jioho/tinymce-plugins 👈

主要技术栈:rollup、tinymce

在开发tinymce编辑器插件过程中,使用Rollup搭建的一个插件开发环境。

个人博客 - web网站

https://blog.jioho.cn/ 👈

使用 VuePress 搭建的个人博客,记录日常学习所用到的技术和问题解决方案

PDF简历