当前位置:   article > 正文

js小技巧_js里的excludeswitches

js里的excludeswitches

Jquery

each 中的continue
  • each 不支持continue 属性,因此需要用 return true 来替换
  • each 不支持break属性,因此需要用 return false 来替换
查找对象集合中的某一类属性
array.map(function(e){
      return  e.name;
})
  • 1
  • 2
  • 3
过滤对象中的某一项
var objectText=[{id: 0, text: "0"},
 {id: 2, text: "1"},
 {id: 9, text: "2"},
 {id: 1, text: "3"}]
objectText.filter((item)=> [1,2].includes(item.id))
  • 1
  • 2
  • 3
  • 4
  • 5

result为

[{id: 0, text: "0"},
 {id: 2, text: "1"}]
  • 1
  • 2
如何给生成的dom赋值
  • 注意1.7版本不支持on方法
  $(this).on("click",function(){
  });
  • 1
  • 2

-注意on不支持绑定hover事件,可以使用如下代码支持

$(obj).on("mouseover",function(){
	鼠标悬浮
}).on("mouseout",function(){
    鼠标离开
})
  • 1
  • 2
  • 3
  • 4
  • 5
css与attr之间的区别
  • css设置与style相关的属性,不适用自定义属性
  • attr可以设置css属性,也可以设置自定义属性

JavaScript

字符串转换数组

"ABCDEFGHIJKLMNOPQRSTUVWXYZ".split('')
  • 1
结果为:["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"]
  • 1

数组转换成字符串

["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"].toString()
  • 1
["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"].join()
  • 1
"A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z"
  • 1

向上取整

Math.ceil(3/2)   result 为 2
  • 1

时间过期(两小时过期为例)

 let dt = new Date();
 dt.setHours(dt.getHours() + 2);
 return dt > new Date() ? false: true;
  • 1
  • 2
  • 3

es6

数组去重

方式一:

Array.from(new Set([1,2,3,4,1,1]))
  • 1

方式二:

[...new Set([1,2,3,4,1,1])]
  • 1

result 为1,2,3,4

HTML

select 如何选中之后对应的文本获取

.find("option:selected").text();
  • 1

CSS

不换行

word-wrap:break-word;
  • 1
本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号