项目问题【5】活动合集

项目问题
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();
      })

//举例：

    
    
    

5.【兼容ie6】 select框 刺穿弹窗
原因：select脱离z轴到最高层
解决：在弹窗dom结构前加iframe，遮住刺穿的select框

/-- 年会 --/
1.【html】移动端输入数字

在安卓端设置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]