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

//举例:
<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]
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 786评论 0 3
  • 论《道德经》老子/王弼两版区别 老 子: 「道 德 经」 : 第 三 十 一 章:(王弼版) 兵 者 不 祥 之 ...
    击鼓三生阅读 579评论 0 0
  • 晚上闺蜜几个带着孩子一块儿去看电影,最近很火的一部片子《摔跤吧!爸爸》,听说片中爸爸的教育方法引起了广泛的关注和讨...
    Ivy猫猫阅读 291评论 0 3
  • 过完年上班,跟销售妹纸聊天,话题是如何在新的一年快速成长。妹纸无奈地说道:“Lewis,我其实每年都有给自己设立目...
    Lewis08阅读 600评论 0 7