项目问题
1.BEM命名
B:Block是块,一个独立的组件,将所有东西都划分成一个组件
E:Element是块中的子节点,为了表明子节点属于哪个块,写法是 block__element(连接符:__)
M:Modifier声明某个节点的修饰状态(连接符:--)
2.【js】防止按钮在短时间内被多次点击的方法
3.【js】移动端css :active有效
document.body.addEventListener('touchstart', function () {});
4.【js】点击除特定dom外的地方,遮罩消失
ui.$btnSeeDetail.on('click',function(e){
$('.chance-detail').fadeIn()
$(document).on('click',function(){
$('.chance-detail').fadeOut()
})
e.stopPropagation();
})
$('.chance-detail').on('click',function(e){
e.stopPropagation();
})
//举例:
<form class="search-form">
<input type="text" class="search-form__username">
<input type="password" class="search-form__password">
<button id="J_Submit" class="search-form__submit--active"></button>
<form>
5.【兼容ie6】 select框 刺穿弹窗
原因:select脱离z轴到最高层
解决:在弹窗dom结构前加iframe,遮住刺穿的select框
<iframe id="DivShim" scrolling="no" style="position:absolute;top:0;left:0;width:282px;height:128px;-moz-opacity:0;-webkit-opacity:0; opacity:0; filter:alpha(Opacity=0);background:transparent;">
</iframe>
/-- 年会 --/
1.【html】移动端输入数字
<input type="number" pattern="[0-9]*" />
在安卓端设置input类型为number,可限制键盘只输入数字,在ios端,要加入pattern验证输入字段的模式,才能限制数字输入。
2.【js】阻止冒泡,默认行为
e.stopPropagetion()
e.preventDefault()
/--- 信鸽 --/
1..【js】去重
let arr = [1, 2, 2, 3];
let set = new Set(arr);
let newArr = Array.from(set); // Array.from方法可以将 Set 结构转为数组。
console.log(newArr); // [1, 2, 3]