About
你好！ 我叫郑东京。 Web开发人员，旅行者。
本网站是关于我的简历介绍，
在这里可以了解到我的简单介绍，我拥有的主要技能，项目和工作经验等。
此网站主要借用了Bootstrap 4来制作而成的。
再次感谢拜访我的主页！
Welcome to my Homepage！
个人信息
年龄:
26
Email:
2524480125@qq.com
Phone:
175-0201-3585
地址:
吉林省延吉市
语言:
中文，韩文, 英文
Professional Skills
HTML，CSS
85%
微信小程序（uni-app）
90%
Ant
Design
80%
React
85%
JavaScript
75%
Vue
80%
Astro
60%
Express
70%
Portfolio
TodayStock
前端开发(Vue)
== 机密 ==
【ERP】企业资源计划系统
前端开发(React)
== 机密 ==
Ps课程中的作业
Photo Shop
Ps课程中的作业
Photo Shop
Ps课程中的作业.gif
Photo Shop
Ps课程中的作业
Photo Shop
Ps课程中的作业.gif
Photo Shop
大裤衩-苏州
爱旅行的DJ
鸽子窝公园-北戴河
爱旅行的DJ
厦门大学-厦门
爱旅行的DJ
黄果树瀑布-安顺
爱旅行的DJ
天眼-天津
爱旅行的DJ
Work Experience
【Mitrade】
项目一：支付模块
项目描述：
支付模块，集成了入金、卡管理、出金等关键功能，是整个产品的核心引擎。其全端适用性保障了在APP、
PC和桌面端的无缝应用，为用户提供了一体化、便捷的支付体验。
技术栈：
React + Antd-Mobile + Typescript
搭建：
UmiJS
个人职责：负责入金、卡管理、出金、出入金记录模块。
特点：
- 项目在APP端、PC端和桌面端均有应用。
- 具备灵活的国家支付渠道路由切换，使代码结构更易维护。
- 由于团队分布在不同国家和城市，沟通通过视频会议解决需求和问题。
优化：
- 图片压缩、chunks提取策略优化、页面目录打包拆分和第三方库打包策略等。
- 请求合并，通过与后端协调，成功将多个请求合并为一个，减少服务端请求。
- 最终打包文件从527KB优化到307KB，实现了220KB的优化。
项目二：交易模块
项目描述：
Web端交易模块涵盖了买入、卖出、持仓查询、挂单以及平仓等核心功能。
技术栈：
React + Antd + Typescript
搭建：
create-react-app(CRA) + react-app-rewired
个人职责：
- 负责交易功能：买入/卖出、持仓（用户能够查看当前持仓，包括盈亏情况）、挂单、平仓功能。
- 负责风险管理：止盈/止损功能、追踪止损功能。
项目三：运营活动
项目描述：
运营活动项目通过巧妙的设计和有益的活动，致力于提升用户的参与度和平台的整体活跃度。
技术栈：
Vue3
搭建：
Vue CLI
个人职责：负责邀请好友v1-v3版本、福利中心、新人回馈、春节活跃客户入金活动。
优化：
- 随着活动增多，引入动态加载功能，按需加载指定语言包，避免一次性加载所有语言包的不必要开销。
项目四：官网
项目描述：
MiTrade官网，提供关键信息和平台特色，为用户提供一站式了解。
技术栈：
PHP + jQuery
个人职责：
- 负责交易模块：行情页，交易策略、情绪指数，风险管理。
- 负责关于我们模块：资金安全、常见问题、帮助中心等。
- 参与重构官网（技术栈： Next.js）
- 负责交易模块：风险管理、合约细则。
- 负责关于我们模块：关于 Mitrade、奖项与荣誉、资金安全、收费与费用、联络我们、常见问题、帮助中心。
- 兼容Web端、H5端。
项目五：落地页
项目描述：
落地页项目专注于通过技术手段提升注册页面的转化率，确保用户在访问页面时有更好的体验，促使其完成注册流程。
技术栈：
jQuery
个人职责：重构或开发新落地页转化注册页面（兼容web端、H5端）
优化：
- 抽离公用模块，方便提取使用。
- 使用.webp格式，图片懒加载，懒执行缩短首屏加载时间。
项目六：SEO，后台管理系统
项目描述：
优化网站在搜索引擎中的排名，提高网站在搜索结果中的可见性，为用户提供更好的搜索体验。
技术栈：
SEO-(Server Side Render)SSR | 后台管理系统：vue2
个人职责：
- 负责作者摘要、审核人摘要、合规审核摘要配置模块。
- 负责文章模块，政策模块。
项目七：APP嵌套H5页面
项目描述：
APP中的一系列H5页面，为用户提供了多样的功能和信息。
技术栈：
jQuery
个人职责：：负责屡获殊荣，新闻详情，品种排行榜，入金帮助等页面。
优化：
- 动态加入vConsole。
- 与UI协调，保证页面的所有颜色统一，页面增加暗黑模式。
- 兼容低端手机样式。
项目八：邮件模板
项目描述：
邮件模板是为用户提供个性化、多语言的邮件通知服务。
工具：
MJML
个人职责：
- 欢迎新用户、订阅、退订、账户报告邮件通知。
- 实盘开立后的邮件，参加活动通知。
- ASIC 、CIMA、FSC 、CySEC 4种牌照各11种语言。
(1个邮件模板= 4 * 11 =44个 Html)
【PicWin】
项目一：Web端
-
项目描述： 项目主要是用户上传PK图片，一同竞技，决出PK之王的图片社区。技术栈： Vue + Pinia + Ant Design Vue + Typescript搭建： Vite个人职责：
- 负责项目从0到1的开发
- 开发话题、设置优选、创作、编辑、草稿、搜索、评论、举报等功能。
- 负责项目整个页面开发，注册、登录、创作、内容管理等页面。
优化：- 使用IntersectionObserver实现首页图片的懒加载，降低对服务器的请求次数，节省请求费用。
- 动态进行TDK（Title、Description、Keywords），提高网页在搜索引擎中的排名（SEO）。
- 个性化显示内容，根据登录状态调整页面体验。对于游客，提供精选内容；而对于已登录用户，呈现“仅我可见”内 容。
- 考虑未来的颜色统一，设置变量来维护主题颜色。
-
项目描述： 后端部分采用Express作为主要开发框架并通过PM2进行进程管理。技术栈： Express + redis + PM2搭建： express-generator个人职责：
- 使用Jenkins进行独立部署，分别配置demo环境和prod环境，确保系统在不同环境中的稳定运行。
- 利用apidoc来简便管理接口文档，以便更容易理解和调用后端接口
- 利用cross-env在跨平台环境中运行脚本，实现灵活设置和使用环境变量。
- 采用md5算法结合密码和动态盐的方式来存储密码，提高账户安全性。
- 使用JWT生成令牌，小于30分钟系统将定期生成新的令牌，以确保登录状态安全稳定。
优化：- 优化响应数据，删除前端未使用的字段, 缩短 Content Download 时间，提升页面加载速度。
- 将图片上传至腾讯COS对象存储，并启用CDN缓存，以提升图片加载速度和整体网页性能。
- 采用async-mutex互斥锁解决并发问题，确保操作的同步执行，提高程序的稳定性和可靠性。
- 采用PM2管理Node进程，确保应用的高可用性和稳定性。
项目二：小程序 | H5端
项目描述：
基于uni-app框架搭建的跨平台应用，支持微信小程序和H5端。
技术栈：
Vue + Uni-UI + Typescript
搭建：
Vue ClI
个人职责：
- 项目前端开发负责人。
- 开发开始PK、最终冠军、排行榜、我的创作、功能建议等所有页面。
- 优化图片懒加载、封装公共提示语、弹窗。
项目三：DMS（后台管理系统）
项目描述：
DMS后台管理系统为管理员提供了直观易用的管理界面，涵盖了PicWin项目的发布、用户、评论、举报等关键数据的详细信息。
技术栈：
Vue + Ant Design Vue + Typescript
搭建：
Vite
个人职责：
开发发布列表、用户列表、评论列表、举报列表等所有功能。
2021.10-2022.03
【CMS】
商家后台管理系统
【CMS】商家后台管理系统
项目描述：
商家使用 - 商家端发布商品，可查看对应商品的客户投标信息，并进行拍卖的管理系统。
技术栈：
Vue3 + VueX + Vue Router + Ant Design Vue + TypeScript
搭建：
Vite
个人职责：
- 项目前端开发负责人。
- 负责需求的评审，开发，把控整个项目的时间节奏。
- 开发方面负责项目架构，总结开发规范，注释的规范。
- 优化系统性能，列表页面数据较多，用分页来优化加载时间，推荐模块优化。
- 上线之后的项目复盘和整理不严谨的代码。
项目难点：
- 业务系统过多需要制定接⼊规范并对业务系统问题分类、整理并进⾏能⼒输出
- 技术难点：
- 动态路由：本人之前没有接触过动态路由，参考Vue.js的官方路由Vue Router 并参考了网上的思路来解决问题。
- 权限控制：UI设计的（树形控件）和Ant Design Vue中的 Tree组件（树形控件），两者架构不一样，所以用手写来实现半选，全选和部分选中的逻辑。
成果：
- 项目上线之后，本次所用到的动态路由和权限控制相关代码，复用在另外一个前端同事的项目中。
- 用模块化的方式来封装，提升开发效率，避免重复性的工作。
2021.12-2022.03
【PMS】
平台管理系统
【PMS】平台管理系统
项目描述：
内部人员使用 - 平台管理商家用户，查看商家交易，审核商家发布内容的管理系统。
技术栈：
Vue3 + VueX + Vue Router + Ant Design Vue + TypeScript
搭建：
Vite
个人职责：
- 项目前端开发负责人。
- 负责需求的评审，排期及开发，把控整个项目的时间节奏。
项目难点：
- 技术难点：
- 权限控制： 【PMS】关联到平台和商家两个端的用户权限，前端逻辑和后端逻辑相对复杂，项目过程中产品经理，后端，前端三人协调较久。
成果：
解决难点之后，并没有发现任何缺陷的时候宁静，获得项目经理的好评。
2021.10-2022.03
【小程序】
TS货源
【小程序】TS货源
项目描述：
客户使用 - 客户授权查看商家竞标商品，并进行投标。
技术栈：
Vue3 + uni-app + Axios + TypeScript
搭建：
Vue CLI
个人职责：
- 项目前端开发负责人。
- 开发方面负责项目架构，总结开发规范。
项目难点：
我们团队中，包括我没人接触过小程序，只能靠自己以及网上的资料来摸索。反复查看微信小程序，uni-app的文档，并且在社区上寻找相关解决方法。
成果：
7天内达到上线的要求，并发布第一版本到线上。
2021.06-2021.10
【ERP】
企业资源计划系统
【ERP】企业资源计划系统
项目描述：
采购、库存、销售等各个子系统集成为一体化的企业系统（进销存ERP）。
技术栈：
React + Ant Design Pro + TypeScript
搭建：
umi
个人职责：
- 负责销售开单模块，生产管理模块（效率统计，流水线数据），售后管理模块（退货单）等。
- 国际化（i18n），实现多语言切换。
- 数据空间不同，所展示的库存和对应模块数据也不一样。
项目难点：
销售开单方式较多，（上传Excel，手动输入IMEI，用扫码枪扫箱单、扫单个IMEI），需要汇总多数据源。
【RIGHT PHONE】电子商城网站
项目描述：
公司搭建属于自己的电商网站来对外销售手机（PC端 | 移动端）。
技术栈：
Vue3 + VueX + Vue Router + Ant Design Vue + Vant + TypeScript
搭建：
Vue CLI
个人职责：
- 负责首页，商品详情页，登录页面，footer页脚所有相关模块。
- 购物车模块，结账页面（Paypal）。
- 国际化（i18n），实现多语言切换。
遗憾：
PC端和移动端综合质量不错，推广不太理想。
Education
2019 - 2020
韩国交换生
计算机科学与技术
韩国韩信大学
韩信大学交换一年的时间段，学习的科目主要有
"Web Design", "Mobile Programming", "计算机组成原理", "面向对象", "英语会话",
"PhotoShop" 等。
2016 - 2019
哈尔滨商业大学
计算机科学与技术
哈尔滨商业大学
大学3年的阶段，前一年半对自己所选的专业完全没有感觉，
大二下学期接触到HTML课程之后对前端开发感到兴趣，
逐渐学CSS和JavaScript，然后业余时间补了一下BootStrap, jQuery的知识。
联系方式
微信：
dongjinghaha
Phone：
175-0201-3585
Email：
2524480125@qq.com