陈志豪

实现的功能模块：

• 基本的投票统计、解谜、解锁成就等环节
• 同时采用手动埋点与结合百度统计方式进行数据统计与来源分析
• 接口采用的是 Midwayjs 框架，基于IP和UA进行了简单的地区和设备信息统计、数据通过TypeOrm操作Mysql存储读取。

遇到的难点 / 亮点：

• 包含部分界面动画实现细节： 《聊聊「兔年第一杯喝什么」这个活动》 (掘金)
• 游戏玩法升级，增加了更多的游戏玩法： 《聊聊「龙年第一杯喝什么」这个活动》 (掘金)

实现的功能模块：

• 官网介绍页 https://www.yiqijian.com/
• 负责视频剪辑编辑器工具栏模块，结合Vuex串通全局数据，与编辑器模块联调
• 开发分发管理模块，提供一键发布到各个平台的能力
• 负责 AI 剪同款 流程开发。对接 AI 分析、匹配视频流程，提供最终配置生成视频
• 使用 Node.js + pm2 管理，使用 Puppeteer 录制界面动画，生成视频

遇到的难点 / 亮点：

• 官网介绍页使用 SSG 预渲染，提升首屏加载速度，提高SEO收录
• 使用pm2开启多线程录制视频，提高视频录制效率
• 前置处理录制数据，通过资源管理模块解决了资源重复加载问题，并且把资源转换为本地链接解决录制过程视频卡顿问题

实现的功能模块：

• 官网介绍页 https://www.z-metaspace.com/
• 使用 three.js加载模型，开发了选角色、切换角色模块
• 在3D场景中，使用 Vue.js 实现覆盖与场景上的按钮交互、提供丰富的玩法功能

遇到的难点 / 亮点：

• 官网介绍页使用 Next.js，使用SSR渲染，实现从接口动态获取最新资讯渲染
• 在小程序中需要加载3D模型，基于Github 「threejs.miniprogram」项目，把部分 three.js 模块适配到小程序中
• 与建模师联调，调试不同版本 three.js 和3D模型，确保多平台、多版本浏览器的适配

实现的功能模块：

• 智能客服管理后台开发
• 基于 SDK 开发智能客服聊天界面，提供不同的主题切换与界面适配
• 使用 webpack 打包SDK脚本(umd、iife)，提供给内部多个不同业务使用。封装功能包括基础问答、语音输入、语音文本互转等功能。

遇到的难点 / 亮点：

• 封装Axios请求，发起post请求后获取并处理SSE返回内容，实现实时打字效果。
• 排查并处理浏览器与微信浏览器的限制，兼容不同浏览器的语音录入API。
• 实现了获取流式返回文本的时候，根据特定规则切割语句（指定标点符号/文本超长上限）调用语音转文本接口实现语音回答尽可能快的输出

实现的功能模块：

• 参与开发系统「资源库」模块，同时提供对外组件/iframe提供给给不同业务调用
• 参与视频制作模块、在线图片制作模块、视频协同审核模块的开发，负责模块间的联动和多项目整合
• 负责稿件后续分发流程，一键推稿发布至到各端。同时开发了Chrome浏览器插件，辅助获取账号信息
• 基于腾讯TRTC实现多人在线会议。并打造了延伸产品：在线课堂
• 维护 & 重构升级 基于写稿核心流程。从简单地富文本编辑器栏拓展到支持模板套用、错别字识别、接入系统「资源库」模块、导入word文档等功能

遇到的难点 / 亮点：

• 基于 tinymce.js 富文本编辑器，开发了多款符合业务使用的插件
  • 开发了 tinymce-plugins 插件开发脚手架。 gitee/Jioho/tinymce-plugins
  • 研究不用的富文本库，实现了解析word文档剪贴板中的 rft 数据，实现了「富文本编辑器复制word文档中的图片」 - (个人博客 / CSDN）👈
  • 通过修改 mammoth.js 库，支持导入word文档，并且保留word文档中的基本样式。「魔改mammoth支持导入样式」 - (个人博客 / CSDN / 掘金）👈
• 开发「资源库」模块时对接自家上传接口，实现大文件分片上传
• 基于 window.postMessage API 封装了支持连续收发消息的跨页面通信功能

• 买标网 ： 使用原生语法结合Vant组件库开发，实现了基础的展示、发布、聊天、海报分享等功能
• 科学家地图 ：使用 Taro 框架开发，提供场地信息查询预约，资讯查询等功能

实现的功能模块：

• 基于Vant小程序组件和ColorUi，封装项目业务组件和模版
• 对接腾讯地图，实现地图地区统计，点击地图数据下钻
• 按照设计稿高度还原。实现登录、获取手机号、微信支付等功能，与后台接口对接