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

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>