项目描述：提供国内期货交易所的实时价格和基本图表分析功能,用户可以通过 PC 直接下单，支持大多数国内期货公司的交易系统。 1、PC 版包含兼容 web 编译脚本 该项目技术技术采用 Vuejs、HQChart、Electron、WebScoket等，这个选型技术的理由是接近原生。 当我决定重构项目的时候，使用 Electron 来开发一款桌面端应用软件，将之前写好的 web 项目搬到 electorn 里面进一步做优化改善代码并符合标准的架构，确保遵循编程规范化，接下来配合 electorn 应用目录结构来布置，其中有一个图表换用 hqchart 来开发股票图表展示。这个整体更接近原生的，也有窗口交互效果。 另外兼容 web 打包的方法，多数逻辑做了判断处理，当 web 环境时就会编译出 html 文件，反而会编译出一个桌面端应用软件，支持跨平台（Windows、MacOS、liunx）。 2、APP版 该项目技术采用 ReactHook、React-Native、WebView 、抽取 HQChart的h5模块、WebScoket等，这个选型技术目的是接近原生，比h5app 的用户体验更好。 项目成果： 在研发过程中遇到两个麻烦问题 第一个问题是，在实时更新渲染的情况下会导致 js 进程会有阻塞现象，在一个任务队列中等待完成更新渲染，明显是对用户体验不好。研究一段时间找到了利用自然规律的方法，相当于人心跳自有规律，按照人心跳的频率来更新渲染，不会出现非常卡顿的情况，任务队列的数量更少，用户体验就好多了。 提示：js 天生是单进程 第二个问题是，在 reac t-native 上找不到原生的股票图表组件，研究一段时间就只能想到了调用 HTML 的解决方案，从 web 抽取出来再次优化兼容*版，缩短加载时间，稍微会展示出来，触摸的表现自然化，在 html 上实时更新绘制，一点卡顿都没有，这样问题都解决了。 UI 辅助：根据自己美术功底与设计经验去设计一套 APPUI 界面，连 PS 会处理图片之类，大大缩短公司开发成本的时间。

该项目主要是做直播的开发，直播采用的技术是腾讯云直播 JS库(TcPlayer) 1、后台管理 Web版 开发后台技术采用 ReactHook+TypeScript+antdpro 框架 该解决方案： 开发一个高阶表单以及高阶表格的组件化来实现数据增删查改，通过 JSON 配置就能生成各种后台页面，足以达到复用化，极大减少开发成本。 另外，工会后台管理是以复用方式来实现，用一个判断环境来编译。 提示：以后任何后台项目都能适用即可。 2、直播H5版 该技术采用 ReactHook、Websocket、Antdmobile、tcplayer、axios等 包含主要的职责工作内容: -负责项目从0到1的搭建，及日常版本更新、项目维护 -负责设计并搭建部分项⽬基础架构，公共组件及组件化开发 -负责前端性能优化、简化开发流程达到提高开发效率的目的 -负责提升用户体验 项目成果 当前引入腾讯云直播封装的 tcplayer ，主要是通过 Api 调用封装实现的，遇到延时问题的时候尽量优先选择 HTT P-FLV 协议，其时延在2-5秒之间，在判断兼容浏览器的情况下会选择 HLS（M3U8)协议，它支持大多数主流的浏览器都能确保可以播放。

项目描述：该项目偏重于类似*聊天工具的交流方式和应用类资讯信息，并提供当地对数字货币的数字资产交易服务。 包含主要的职责工作内容: -与前端同事合作开发 vue 后台管理 -单独开发 cavans 深度图组件 -单独开发 electron 桌面端 -基于 klinecharts 的股票组件 -负责项目的日常版本更新、项目维护