2020-03-17 10:32:51 版本 : 被忽视知识点(前端坑持续积累)
作者: 郁冲冲 于 2020年02月28日 发布在分类 / 人防组 / 人防前端 下,并于 2020年03月17日 编辑
 历史版本

修改日期 修改人 备注
2023-03-08 10:38:52[当前版本] 郁冲冲 内容更新
2023-03-08 10:07:20 郁冲冲 内容更新
2020-04-08 13:30:03 郁冲冲 1.1.0
2020-03-24 13:57:15 郁冲冲 1.1.0

数组方法 push 和concat 区别

push 会改变原数组的数据
concat 不会改变原数组的数据

除此以外 join 、slice、都不会改变原数组的值;pop()、shift()、push()、unshift()都会改变原数组的值。


判断值为空的赋值情况



数组去重方法

   
 

   
 

   
 
  1. function dedupe(array) {
  2. return Array.from(new Set(array));
  3. }
  4. dedupe([1, 1, 2, 3]) // [1, 2, 3]

代码优化


  1. JSon.parse()消耗性能,尽量整合。


时间格式处理

1.“2019-2-3T20:00:00”转成yyyy—MM—dd

   
 

   
 

   
 
  1. String.replace(/T\S+$/,''

场景:封装好的子组件传值,父组件获取时,不仅获取子组件的传值,还要获取当前索引 $event

移动端注意点


1.meta标签 < meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
2.script标签内一句话 document.documentElement.style.fontSize=docum ent.documentElement.clientWidth/ 7.5 +"px"
(根据设计稿)
3.css:px/100=rem
4.设计稿还原时留意功能

文本溢出界面处理


/*单行文本溢出省略*/
.odd-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
/*多行文本溢出省略*/
.even-ellipsis{display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/*3行文本溢出省略*/
.three-ellipsis{display:-webkit-box !important;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

HTML转换成js字符串工具

http://www.css88.com/tool/html2js/


TimePicker时间选择验证

粘贴图片


iview  select 选择时触发调取接口注意

粘贴图片

@on-open-change方法在开关下拉时都会触发,绑定时加上($event),判断当前是开还是关。避免调取两次接口。


 附件

附件类型

PNGPNG

历史版本-目录  [回到顶端]
    知识分享平台 -V 4.8.7 -wcp