首页 > 技术文章 > 零星记录

L-xjco 2021-05-06 15:44 原文

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判断所要调用什么事件。这样不规范,可以将相同的都封装成一个对象,调用这个对象时要传入一个类,这样就知道是哪部分的数据要进行筛选刷新了。

 

 



 

推荐阅读