Angularjs启动入口
* 自动响应DOMContentLoaded event
* 从ngApp指定的入口启动: 在angular.js执行后, 如果 document.readyState是‘complete‘, 则寻找并执行ngApp指定的root
*** load它指定的module
*** 建立app的injector
*** 编译DOM上ngApp指定的部分 (不一定是全部DOM),
* 用angular.bootstrap()启动,(不能与 ngApp混用)
*** 先load augular.js
*** 定义myApp及其模块
*** 启动
angular.bootstrap(document, [‘myApp‘]);
(如果不指定ngApp,则ionic就不自动启动,)
* 放在最后load, 以避免NG解释减慢DOM的加载
<body>
...
<script src="angular.js"></script>
</body>
* ng-strict-di配合ngapp,确保所有service都是正确annotated,例如:
ng-app="optionalModuleName" ng-strict-di
* 用ng-cloak来阻止显示原始的NG模板(特别是在loading过程中),建议多出小范围使用,代替1个大范围
* splash用非NG的,以加快显示速度
.splash {
display: none;
}
[ng-cloak].splash {
background-color: #428bca;
width: 100%;
text-align: center;
color: white;
display: block !important;
}
<div class="splash" ng-cloak="">
<p>Loading。。。</p>
</div>
* 测试WebApp打开的速度
https://developers.google.com/speed/pagespeed/insights/?url=show.udoido.cn