零星记录
1、顶部的按钮点击事件不要放在init中,因为
待审核、已审核、展示中、不显示的按钮相同的可以共用,具体的数据操作根据页面的pageType来。
具体做法:如时间筛选,按钮和弹款内的选择内容、取消啥的放在一个对象上。
2、在写弹框,要写方法直接获取值,这样开发人员知道这个值id或内容,这样好传数据。
3、关于弹框和遮罩层:遮罩层和弹框应该分开写,这样点击遮罩层关闭弹框时不用事件冒泡阻止,耦合性不用太高。
4、input的自带type="date/week/month"不能在火狐也完全显示,所以要找插件。
input:设置width:auto是不会随着内容而伸缩的,可通过设置size="10"来控制长度。
p:如果p[position: relative],其子元素为div[position: absolute],这里p元素是做不了div元素的包含父元素的(后面将p元素改为div)。
5、overflow:scroll / overflow: auto
这两个属性在元素超出一定范围内都会出现滚动,不同的是前者会使得容器右边占用滚动条宽度,在元素没有可以不出现滚动情况下,该元素一开始宽度是去除滚动的,后面又加上滚动条宽度,刷新时,元素宽度会抖动变化,overflow:auto不会出现上述情况。
6、父display:flex(100px)
三个子元素水平,如果其中一个已经设置width:100%,这时,其中一个设置30%时,宽度会小于30px。所以在做页面时出现这种应为父元素30px宽度,但小于实际值得注意一下。
7、数据分析页的侧栏,初次点击收起不起作用,处理该问题方法可以参考官网解决方案的例子,主要实现方式为:因为要默认展开,所以,会有一个特殊类),点击时可判断该类是否存在,如果存在去掉该类,否则就正常判断。
数据分析,日期控件要触发的事件都变为一样的了,这样要在一个事件用if/else判断所要调用什么事件。这样不规范,可以将相同的都封装成一个对象,调用这个对象时要传入一个类,这样就知道是哪部分的数据要进行筛选刷新了。