前端编程的几点建议及问题

1、能使用html/css解决的问题就不要使用JS

参考链接：http://yincheng.site/using-html-css-instead-of-js

2、尽可能地使用伪元素

链接：http://yincheng.site/using-before-after

需要注意的是 img/input 等单标签是没有before/after伪元素的，因为它们本身是不可以有子元素，如果你给img添加一个before，那么会被浏览器忽略。

3、angular（ionic）中 label标签包含的button按钮的click事件无效

< label  class= "item item-input " >
  < span  class= "input-label" > 短信验证码： </ span >
  < input  type= "text"  placeholder= " 请输入手机验证码 "  style= " width:  30% " >
  < button  class= "button button-small button-assertive"  id= "key-btn"  ng-click= "obtainMsgCode()" > 获取验证码 </ button >
</ label >