HTML5

数据获取目标：从"中国指数"网站(chinaindex.net)获取电影粉丝排行榜数据数据接口：通过移动端API接口objectFansRank获取数据数据处理：使用JavaScript对返回的加密或编码数据进行解码

基于Laravel10+PearAdminLayui构建的php后台管理系统。完整的用户账户管理，基于RBAC的权限管理系统，支持角色分配、权限控制、菜单管理等；灵活的系统配置管理、完整的操作日志记录、强大的文件上传管理、模块化组件系统等

熟悉 W3C 标准，还原 UI 交互设计等。掌握 HTML5、CSS3 及常用 div+css布局， 了解less,sass等css预处理技术。 熟悉前端部署及功能调试，nginx代理、gzip及sourceMap映射 熟悉vue2、vue3、react等前端常用框架及配套插件,Pinia、Hooks等 熟悉element-ui、vant、antdesign等主流UI框架 熟悉常用前端构建工具vite、webpack、Rollup等； 熟悉前端包管理工具npm、pnpm、yarn及npm、nvm等node周边生态工具 前端主流技术栈vue、vite、three.js、echarts、canvas，微信小程序、uniapp; 参与过低代码模板设计器开发，大屏展示设计器开发，以往项目基本为saas系统、小程序、h5 会一点java springboot 普通增删改查

基于 TDesign 打造的通用页面模板，内置登录注册、个人中心、设置中心、信息流、权限管理、消息通知等完整功能模块。用户可一键克隆模板，按需替换业务接口与样式变量，实现分钟级页面搭建；同时提供路由守卫、主题切换、国际化、Mock 数据等开箱即用的工程能力，显著降低开发成本，助力企业快速孵化多端一致、体验优雅的中后台应用。

简单来说，它是一个旨在极大简化表单创建过程的软件开发工具。它利用图形化界面（通常是拖拽式操作）和预先构建好的组件，让用户（尤其是非专业开发者）能够快速、直观地设计和构建功能丰富的在线表单，而无需或只需编写极少量的传统代码。 技术选型： 核心库：react.js(18.3.1) react-dom(18.3.1) typescript(5.8.3) 路由：react-router-dom 状态库: zustand css框架：tailwindcss(3.4.17) 国际化：react-il8next UI组件库: antd 打包工具: vite 语法检查: eslint 核心特点: 可视化设计界面 : 1. 所见即所得： 用户在一个类似画布的界面上直接操作表单元素（如文本框、下拉框、单选框、复选框、日期选择器、子表单等）。 2. 拖拽操作： 通过鼠标将所需组件从组件库拖放到设计区域。 3. 实时预览： 设计过程中可以实时看到表单的最终呈现效果，无需编译或部署。 低代码/无代码: 配置取代编码： 表单的逻辑（如字段校验规则、条件显示/隐藏、数据联动、简单的计算）通常通过配置属性面板（如设置必填、格式、显示条件等）来实现，而不是编写复杂的JavaScript或后端代码。 丰富的组件库: 1. 提供大量预构建、可复用的表单字段组件（如输入框、选择器、日期时间、成员单选、子表单、多标签、过滤条件等） 2. 组件通常具有丰富的属性可配置（样式、校验、交互行为）。

1、周期小但精致的低代码博客项目，有自研物料库，第三方物料库、模拟手机渲染、PC渲染等功能 2、负责项目从0-1搭建，负责项目所有前端代码

1、 从 0 到 1 基于 sketchrule 搭建可视化大屏编辑器框架，提供图标组件动态开发模板，合理分配图表开发任务。 2、 负责代码合并与审查，并在 gitlab 解决代码冲突，负责版本迭代代码部署及后续维护。 3、 负责本产品在本司内培训、宣发任务。完成院内培训宣传、实操演讲。

1.低代码平台为电商后台多表单页面的低代码配置平台。将二十多种常见的表单组件如input、select、upload、级联选择器、dialog、等等，通过拖拽生成所需要的表单页，前端不需要写代码，大大提升了研发工作效率。 2.此项目由我个人从0到1独立设计并研发。

Maleon是一个“拖拽式、零编码的数据可视化开发平台”，可以低门槛、高效地开发出高水准的数据大屏。 系统功能： 1、账号中心：包括账号设置和我的企业，负责管理人员和调配 2、工作空间管理：支持创建多个工作空间，工作空间之间数据相互隔离，权限相互隔离 3、可视化大屏管理：对所创建的大屏进行统一管理。包括大屏的搜索排序分组，创建，编辑，预览发布分享重命名复制删除 4、数据源管理：支持数据库类，API类，文件类的添加 5、数据集管理：根据连接数据源中数据创建数据集合 6、画布编辑器：包括组件栏，画布，组件设置，页面设置，大屏操作栏

1. 项目分为渲染引擎，流程引擎，构造器，模型层，权限层等部分。 2. 我负责渲染引擎，流程引擎的开发，担任前端负责人

1、界面设计模块 2、组件拖拽模块 3、属性配置模块 5、json存储模块 6、组件渲染模块 因公司内部要求不可以公布系统内的核心界面，以下作品图片是类似的，仅供参考

1)负责系统架构设计、技术选型和需求讨论 2)负责系统的通用表格和表单的实现以及通用控件的封装 3）利用微前端 qiankun 方案将 react 架构和 vue 架构的整合 4)微前端打包抽取子系统的公共依赖

低代码可视化设计及开发，由本人设计并全部开发完成，目前已经上线使用，并且有多个用户用该平台完成整个项目

项目内容： 1. 前端低代码开发平台框架，用于实现对各种前端框架，灵活的自定义页面能力 2. 当前实现了对uniapp、vue的兼容 3.

项目描述：该工具通过可视化的界面快速构建页面，减少代码修改。APPELF 安卓面板使用，方便修改 页面样式和功能。有工程信息、全局配置、页面配置、组件属性、图库管理等模块。使用工具设计的页 面在深圳中学(初中部、高中部)、第二实验学校成功上线。 1. 可切换图形模式和脚本模式。 2. 可全局配置工程画布宽高、屏保、轮播页面、配色。 3. 配置单个页面进入执行动作、防误触禁用点击时间、设备订阅信息。 4. 配置组件属性、行间样式、类名。 5. 使用 dom-to-image 生成预览图。 6. 使用 vue-draggable-resizable-gorkys 调整大小和位置拖动。 7. 使用 vuedraggable 将组件拖拽到画布。 8. 实现了水平方向、垂直方向布局的快捷对齐。 9. 实现了多选、删除、撤销恢复、箭头方向键微调位置的快捷键。 10. 使用 LocalStorage 自动缓存工程数据，避免工作数据丢失。 责任描述：参与该系统所有前端模块的开发和维护，有些组件使用现有公共组件。

负责平台技术选型、基础架构及方案设计，包含:工程化相关方案设计与落地、各模块方案设计与核心实现 动态表单开发，借助 Vee-validate，基于 hook 实现可维护性更高的动态表单及表单设计工具 低代码物料出码功能，基于 vue-json-pretty 封装物料协议数据预览与编辑 主导页面组装模块设计，选用通用 blocksuite 方案，使页面元素丰富且高度可定制 AI 数据建模及应用创建模块选用 nodejs 服务，借助 langChainjs 构建端到端语言模型服务 基于 monaco-editor 实现低代码编辑器复杂功能，包含自动补全、语法提示等 LSP 服务相关内容 主导封装 webpack plugin 及 loader 支持静态资源自动上传、源码脱敏防备、构建优化等 流程引擎及服务编排等内容实现，基于鼠标 move 事件封装 vue draggable 组件实现组件拖拽与页面内容编排 数据源支持 1000 万行表格数据渲染与编辑，通过 canvas 技术实现

项目简介：低代码+可视化搭建平台，涵盖数据源管理与加工、页面组装、流程引擎、低代码编辑器； 工作内容与成果： 参与页面组装模块设计，选用通用 blocksuite （block）方案，使页面元素及物料丰富高度可定制 动态表单开发，借助 Vee-validate，基于 hook 实现可维护性更高的动态表单及表单设计工具 低代码物料出码功能，基于 vue-json-pretty 封装物料协议数据预览与编辑 基于 monaco-editor 实现低代码编辑器复杂功能，包含自动补全、语法提示等 LSP 服务相关内容 主导封装 webpack plugin 及 loader 支持静态资源自动上传、源码脱敏防备、构建优化等 流程引擎及服务编排等内容实现，基于鼠标 move 事件封装 vue draggable 组件实现组件拖拽与页面内容编排 数据源支持 1000 万行表格数据渲染与编辑，通过 canvas 技术实现；

背景： 由于公司长期依赖于QuickBI，但其自定义能力受限，迭代链路繁琐，成本高昂，无法满足大量分析报表的需求。 职责：带领团队，搭建了一个类似QuickBI的平台，支持一站式开发能力，解决了个性化交互、权限配置和成本等方面的问题。 实施：与产品经理和设计师合作，拆解业务需求，转化为可执行的前端任务。领导团队进行技术选型，确定前端框架和工具，制定开发计划和任务分配。负责架构设计、流程设计、功能设计、代码编写。注重团队沟通和协作，及时解决问题，确保项目按时交付。 结果：按期完成目标上线，报表产出占据开发份额8成以上，人力成本节省7成以上。

node+vue 后端：express+axios+awilix 前端：vue3+axios+elementplus 选择模版，通过自定义配置，一键生成桌面应用。省去大量不必要的开发时间。生成后的项目扩展性极强，内置丰富的代码逻辑供二次开发使用。

介绍：是一个针对测试、实施及客户的低代码开发平台。用户可以通过简单的拖动和配置去生成界面。支持开发针对项目进行个性化拓 展。 业绩:负责日常的开发及维护工作；作为产品线负责人参与项目开发预研及决策；目前项目已广泛应用到国资，文旅，教育，财政，军 资等一系列国家企事业单位。负责日常的统计，流程，审批等一系列工作。