TypeScript

【数据库】完成数据关联关系设计+并采用mysql数据库完成数据能力管理 【开发】采用nodejs+React完成系统开发，按时完成系统上线，运行阶段系统稳定

内容: 1、可视化大屏低代码系统项目，技术选型和搭建 2、系统技术栈:react + react-router-dom + react-redux+ ant design + typescript + sass 3、可视化大屏 designer 页面设计，柱状图，折线图，饼图，地图等组件的开发 4、基于 vue 系统设计的云空间报表系统，日常开发和大宽表的性能优化 5、日常线上问题排查和解决 业绩: 1、从0~1搭建了低代码可视化大屏系统，方便银行大屏的搭建，让汇报数据更直观，使用更方便 2、解决了云空间系统报表加载性能，增强用户的体验度，使其业务更加广泛 3、团队技术人员之间每周技术分享，不断提升团队人员的技能

公司结算系统分为管理端和商户端，目前外网无法访问，期间在公司负责前端团队的技术架构、核心代码审核、在公司期间技术侧带领团队实现如下业绩： 1.基于结算系统业务复杂性，将系统拆分成独立的微应用架构，实现了独立开发和部署。已在管理端投入使用，构建速度提升了 75%，显著提高了研发效率和系统可维护性 2.2021年前端技术侧启用自主研发的前端性能检测系统“灵缇”，已检测系统性能问题包括系统报错、三方库风险、性能评分低 等。未来将全面升级系统并实施监控预警 3.主导引入前端脚手架工具 Yis ，以提升团队效率和一致性。Yis 简化开发流程，集成了开发、规范、构建、发布等流程，让开发 者更专注于编码 云账户综合服务平台系统：https://service.yunzhanghu.com 使用的技术栈：ReactJS为主统一技术栈、Antd组件库、移动端小程序Taro框架以及官网涉及nextJS SSR技术栈。

AstroPaper is a minimal, responsive, accessible and SEO-friendly Astro blog theme. This theme follows best practices and provides accessibility out of the box. Light and dark mode are supported by default. Moreover, additional color schemes can also be configured. This theme is self-documented _ which means articles/posts in this theme can also be considered as documentations.

1. 项目介绍：主要是展示公司天猫、抖音平台各旗舰店的经营情况和各指标数据 2. 负责项目的前端可视化主开发工作，还原 UI 设计图并使用响应式布局适配H5端及 PC端。 3. 使用 Vue.js、VueRouter、Vuex、Vue-CIi 进行开发，使用 Echarts.js 绘制图表。 4. 使用 keep-alive 对部分页面进行缓存，优化用户使用体验。 5. 接入企业微信，根据登录的用户所在的用户组进行权限控制。 6. 通过按需加载来解决页面数据量过大而造成卡顿的问题。

1. 鲸吞后台管理系统（Vue3+Element Plus）：投放人员使用的后台管理系统，用于各平台的投放，包括权限管理、投放管理、系统管理、站点管理、建站工具、用户画像、数据报表等功能模块； 2. 静态落地页生成工具（Node.js）：基于Koa框架，开发的静态文件生成工具，将建站工具创建的页面结构数据，转化成静态HTML文件，保存到落地页模板项目中； 3. 用户加微小程序（微信小程序）：根据不同投放模式，向用户展示不同的二维码； 4. 落地页模板项目（H5+jQuery）：静态HTML项目，存储原有投放模式的静态页面、建站工具生成的新页面，以及用户加微展示页面；

项目描述： 本系统主要是为重庆数语有限公司开发的薪资管理系统，为了方便该公司的财务部方便管理，降低风险，减少人为计算错误带来的风险，增加透明度，让公司薪酬政策更加透明化，具有较强的可监控和可追溯性。 该系统主要分为七大模块：组织机构、人事管理、员工薪资、薪资核算、考勤数据、个税数据、社保公积金。 该系统分为超级管理员和普通管理员两种角色，超级管理员拥有对所有菜单得访问权限，进行一系列的管理操作；而普通管理员只能进行查看和修改个人信息。 项目技术栈：vue2+vue-router+axios+element-ui+vuex+Dayjs+echarts等 个人职责： 1、负责项目的登录模块、首页模块、人事管理模块、员工薪资模块、考勤数据 2、封装公共组件：表单、面包屑、弹窗及提示组件、导航组件等 3、实现权限管理，利用前置路由守卫实现不登录仅能进入登录页，利用动态路由实现不同的角色有不同的路由，在页面动态渲染不同权限的侧边导航栏； 4、封装公共的工具方法：时间格式化、字符串去重、监听浏览器窗口大小变化等 5、用echarts实现数据分析：总体数据、员工统计数据、福利统计、绩效考核统计数据

项目前端采用uniapp框架，主要包括主页，直播室，个人中心，注册登录等页面，实现了聊天室评论，发送礼物等功能。后端采用了springboot框架，集成了spring security，socketui，文件存储用的minio，视频直播推流采用的nginx-flv

项目描述：系统用户面向学校老师和管理员，集成了对学校教室的物联网控制、视频巡视，以及资源 文件、审批流程、教职工信息、假期考勤等管理功能。审批流程使用的功能模块有文档预览和下载权 限审批、员工入职、转正、离职审批。员工可绑定平台用户，同步修改信息。 1. 使用 css 变量实现主题切换，可配置主题，默认科技蓝风格界面，UI 配合磨砂玻璃、阴影发光、阴 影呼吸动画、颜色减淡等效果。 2. 封装通用页面布局通用组件。根据用户当前页面的菜单权限，展示按钮、分页、搜索等布局，配置 页面布局组件的增删改查接口，表单规则等即可快速完成页面通用的增删改查功能。 3. 封装动态通用表单。通过配置表单组件规则，快递完成表单功能。可配置规则有表单类型、是否必 填、提示信息、默认值、动态修改表单规则的回调等，实现表单域的值联动。 4. 使用滴滴开源的 LogicFlow 框架实现审批流程的设计，业务和流程的绑定使用连线的方式交互。 5. 文档管理支持 pdf、word、excel、音视频、文本的预览下载，可自定义配置文档的查看、预览、 下载和申请权限，通过审批流程申请预览和下载权限。 6. 假期管理可添加假

项目背景： 房地产是我国的重要经济主体，从事房地产相关的从业人员就有数千万人，在房地产行业最火热的时期，对于房产经纪人而言抢新挂牌的二手房源为首要目标，然而市场上二手房源供应不足，需要每天耗费巨大精力从各大平台里刷新新挂牌的二手房。 服务建设： 抢房系统基于阿里云的云计算平台部署，通过自研的Python分布式爬虫系统，在自研的高效IP代理池基础上，实现全网不同平台的房源数据的实时采集，克服不同平台的页面数据非标准化，平台反爬力度强，信息编码加密等各种技术难题，实现每天数百万房源信息的刷新及入库。 项目效果：抢房系统从超过50+家的全国性、地方性的公开二手房信息挂牌平台（包括某壳,某58,某居客,某房天下等）实时采集房源数据，精准提取核心信息，匹配订阅用户，为房产经纪人实现秒级推送，服务于60w+的房产经纪人，获得用户的良好口碑，实现行业TOP2的占有率。

【介绍】此网站在是某国际会议网站，主要用于会议介绍、演讲申请、参会指南、议程、议程讨论等，议程需要多次修改调整改成动态，议程评论是动态其他全是前端功能 【技术】主要是NUXT 3 【开发时长】一周 【测试上线】二周

项目搭建: 1、开发环境:Mac + node 环境 + vscode + chrome 2、系统技术栈:vue3 + ant.design.vue + pinia + typescript + sass 责任描述: 1、PC 商城系统前端框架设计和项目搭建 2、PC 商城注册，登录模块，首页商品展示，搜索，商品分类，商品详情，加购开发 3、账号管理，我的企业，资质管理，我的商家，我的足迹，消息通知模块开发 4、日常迭代排期，开发进度跟进，工作中的问题协调解决以及日报周报，月报汇总 5、项目访问地址:https //www.crrysc.com/

【介绍】某公司海外站，简洁实用，介绍公司、介绍产品、介绍案例、联系我们 【前端技术】主要是用NUXT3开发，轮播和某几个icon用的elementUI,WhatsApp的相关应用 【后端】联系我们里的留言

后台管理系统大多都是一些页面交互的增删改查，因为设计到公司协议不方便多透露，购物车的化就是用vue的vuex状态管理，实现新加购物车，删除购物车，加入收藏和去取消收藏

某些业务复杂功能组件， 一个是用于生成商品spu,sku逻辑，不需要后端生成，前端维护商品数据状态, 另一个是图片热区，可以在图片区域，放置点击热区. 把位置比例信息给用户端。用户端配置对应图片的可点击区域

【微前端】采用微前端的技术架构，完成主应用与子应用的通信 【系统能力】复杂table、复杂图表的实现，异步导出等的实现

一款长篇阅读类APP。在职期间整合Android和IOS端APP内的H5页面为合集项目，使用多页面应用开发以优化H5在native中的用户体验，提高组件复用。其中模板语言使用的pug使代码可读性更高，代码默认经过编码处理(转义),安全性更高；优化项目中的JSBridge为DSBridge更优雅的实现与native相互通信；优化webpack配置以提升打包速度，提升开发效率，缩小打包体积增加用户体验。在各页面内使用神策数据埋点，便于产品了解PV、UV，充分统计用户行为习惯，配合大数据端准确推送给用户喜欢的内容以提升留存率。

AstroPaper is a minimal, responsive, accessible and SEO-friendly Astro blog theme. This theme follows best practices and provides accessibility out of the box. Light and dark mode are supported by default. Moreover, additional color schemes can also be configured. This theme is self-documented _ which means articles/posts in this theme can also be considered as documentations.

主要负责项目管理中多个功能的上架、下架、编辑，实现后台人员统一上下架管理App中所需的数据 应用到了Vue3、typescript、SASS

1.风电首页，短视频循环播放，接口数据加载完成跳转； 2.数据预处理，上传excel表格，解析表格个列拿到字段渲染； 3.系统设置，文件数据筛选完保存地址； 使用vue3、vue-router、ant design、axios、typescript