WEUI 源码学习一

• BEM命名规范

  BEM的意思就是块(block)、元素(element)、修饰符(modifier)
  block代表一个更高级别的抽象或者是一个组件，它仅仅作为一个边界,块功能独立
  Element表示目的，是用一个双下划线隔开
  Modifier表示的是一个状态，是用一个下划线分开的
  

• CSS命名模板

   page
  	page_hd
  	page_bd
   primary | default
  

• 语法点
  .weui-btn + .weui-btn 表示有前btn的btn

  -webkit-tap-highlight-color: rgba(0,0,0,0);
  reset 样式，不同类型的浏览器
  对按上按钮的高亮颜色不一致
  请大家注意有以下坑
  1. 这个属性目前是实验属性，加前缀 -webkit
  Android和IOS手机浏览器都是 -webkit
  PC端 IE -ms
  2. 怎么看效果
  首先把值改成 -webkit-tap-hightlight-color:rgba(0,0,0,0.5);
  

  
  PC端是看不到效果的，只在移动端才生效的样式
  

我还在小程序中测试了一下WEUI的反馈
-webkit-tap-highlight在小程序里不起作用的
*{} * 选择符不能用
顶级元素不再是body 而是page
综上所述，在浏览器，要对-webkit-tap-high-light-color用rgba(0,0,0,0)透明度做下重置，让所有的都一致
按上去的交互，建议使用低等级的
active伪类，适用于一个元素被激活时的样式，在网页和小程序里都可以生效