js小技巧

Jquery

each 中的continue

• each 不支持continue 属性,因此需要用 return true 来替换
• each 不支持break属性,因此需要用 return false 来替换

查找对象集合中的某一类属性

array.map(function(e){
      return  e.name;
})

过滤对象中的某一项

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))

result为

[{id: 0, text: "0"},
 {id: 2, text: "1"}]

如何给生成的dom赋值

• 注意1.7版本不支持on方法

  $(this).on("click",function(){
  });

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

$(obj).on("mouseover",function(){
	鼠标悬浮
}).on("mouseout",function(){
    鼠标离开
})

css与attr之间的区别

• css设置与style相关的属性,不适用自定义属性
• attr可以设置css属性,也可以设置自定义属性

JavaScript

字符串转换数组

"ABCDEFGHIJKLMNOPQRSTUVWXYZ".split('')

结果为:["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"]

数组转换成字符串

["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()

["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()

"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"

向上取整

Math.ceil(3/2)   result 为 2

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

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

es6

数组去重

方式一:

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

方式二:

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

result 为1,2,3,4

HTML

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

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

CSS

不换行

word-wrap:break-word;