技术栈：
Vue2、Element UI、Vuex、Echarts、I8n、WebSocket

技术要点：
一、来自世界各的交易员使用Klipc，所以系统有多语言的需求，包括汉语、英语、马来语、泰语、越南语，使用I18n对项目进行国际化。
二、系统有Dark和Light两种主题，使用sass来处理不同主题。设置HTML的data-theme属性为light或dark，使用map-get根据键名获取颜色。
三、系统需要展示大量的数据以供使用者更便捷的获取所有账号的信息，故使用了Echarts进行数据的可视化的处理，使用Element UI的表格进行数据展示。使用Echarts时存在一些问题：
1、Echarts的标签、图例、tooltip提示框等的文字在进行语言切换时不能被切换，需要进行重新渲染。
2、系统有Dark和Light两种主题，切换主题时，Echarts的文字颜色不能被切换，这两个问题由于多语言和主题在Vuex中保存了数据，监听主题和多语言状态，在有变化时重新渲染图表。
3、系统需要适配不同分辨率的屏幕，故使用了Rem适配方案，但Vue2的px2rem插件不能转换Echarts中文字的单位，所以Echarts中的文字不会随分辨率的变化而变化，解决方案为获取Echarts父节点的宽度，以此为基准设置字体大小，同时监听resize事件，重新渲染图表，以应对用户手动改变窗口大小。
四、部分数据需要实时更新，使用了WebSocket获取最新的数据展示给用户。