大屏可配置参数

大屏页面的参数如何配置呢?比如隔多久刷新页面请求函数、隔多久轮播图滚动一次?

有两种方案

# 一、url上传参,携带在?后面

阿里云的datav,就是这么做的,是个很好的理论实践。但在实际开发中我发现,有个点要特别注意,就是当url传了特殊字符时,需要特别处理,比如传百分号,url上应该写成%25,为什么会有这种问题?我在实际开发中就遇到过,url配单位的,而单位刚好有百分号。

下面是浏览器的对应规则

image.png

参考(12条消息) url参数中有+、空格、=、%、&、#等特殊符号的问题解决_url带冒号_段刘昌的博客-CSDN博客 (opens new window)

实际开发中,我遇到过页面url会被decode两次的问题,代码上并没找到decode位置,大概率是某些第三方库造成的。这时就需要写成%2525,这样暂时解决了问题,但是我发现,第一次刷新页面变成%25,第二次刷新页面问号后面的内容被浏览器自动化截断,所以这个问题实际上并无解决,因为开发时调试时都可能去刷新页面,给测试提测肯定会频繁刷新页面【改url参数】。

于是产生了另一个方案:自定义字符串替换成特殊符号。举个例子,CHAR01替换成%,CHAR02替换成#。这样就解决了刚刚提到的问题。

url携带参数,还有个弊端,就是当参数过长时,超过浏览器限制长度就会被截掉,且太长的参数要也不方便看。

# 二、按特殊按键弹出让用户配置url参数

如按f6,弹窗让用户配。这样就完全没有上面提到的各种问题。

Buy me a cup of coffee ☕.