前端开发的小坑

前言

这里记录一下在做前端开发的时候遇到的一些小坑。。╮(╯▽╰)╭

奇怪的空格

下面两段HTML:

<form>
  <fieldset>
      <div>
         <button>
             Hello
         </button>
      </div>
  </fieldset>
</form>

和

<form><fieldset><div><button>Hello</button></div></fieldset></form>

最后展现出来是一样的吗？

不一样，请自己复制到HTML中打开，你们会发现第一段HTML的两个button之间有一个小小的空格，原因是浏览器会把换行符连同前后的空格一起渲染成一个空格。
虽然这是一个很不起眼的小点，但是确实扎扎实实的坑了我好久啊！

Angular BlockUI不工作

在最近的Angular项目中使用了BlockUI来给项目添加一个Loading Modal。 然而按照教程配置好之后，并没有出现预想中的Block效果。
官方教程都不靠谱啊，要想block效果起作用需要给ng-app的DOM节点增加一个属性：

    <div ng-app="myApp" block-ui=”main”></div>