功能:根据web中电视墙的配置去显示页面 这个窗口的交互非常多
- 涉及和后台显示的比例问题
- 后台要求窗口大小web计算后需要取整
- web中每一个窗口的大小与真实屏幕一个窗口大小的比例大概是 - 窗口width : 2400
- 然后真实屏幕的大小是动态生成的根据当前设置的墙布局(几行几列)来算真实屏幕大小,比方说33 ,真实屏幕大小就是24003, web上窗口/2400*3 的比例去做的,每次修改完窗口的大小就向上取整去传到后台
- 这样会出现一个问题 -可能web绘制的窗口只有 100px, 那这样我们的比例就是 1: 24px,这样的话由于web提交窗口大小取整了,用户配置时移动到的地方和真实显示在电视墙的地方就会有明显的差距,有可能出现这样一个情况,就是我们准确的拖到一个墙块上,真实显示的可能超出这个墙的大小,用户体验会非常不好
- 后来经过热烈的讨论保留小数点也是没法解决这个差异
- web绘制的窗口是父窗口,里面有 33 (colrow) 个窗口组成,以子窗口的占父窗口的百分比计算子窗口的大小,如100/30 = 33.333% 然后由于js计算精度的问题,子窗口计算出来的大小可能偏大也可能偏小。偏小还好若是偏大的话就有可能出现父容器窗口不够大,布局出现问题--我就遇到过这个问题,测试人员给我提了一个单
如何区分
- 我们监听一下mouseup事件 , 若是鼠标移动的范围在2px内我们就断定为click事件,反之为mouseup事件
而且需要保证每个窗口自己只订阅一次修改完成的事件
如何设计这个组件 1.一些默认的样式 -
原生 --- 你做了哪些优化