Angularjs启动入口, splash画面,与加快启动的技巧

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

时间: 2024-10-08 21:55:03

Angularjs启动入口, splash画面,与加快启动的技巧的相关文章

Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法(转)

转载: Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法   首先感谢博主分享,本文作为学习记录 惊鸿一瞥 微信的启动页,相信大家都不陌生. 不知道大家有没有发现一个现象,微信每次启动的时候,是直接进入这个启动页面. 我的意思是,很多应用,往往会先白屏停顿一下后再进入启动页面(Splash).为了印证这一点,我把手机上所有的App都点了一遍.选几个例子 如下图: 微信:  斗鱼:  斗鱼和微信是直接进入了,他们的Splash页面. 知乎:  B站:  知乎和B站要先

zookeeper启动入口

最近正在研究zookeeper,一些心得记录一下,如有错误,还请大神指正. zookeeper下载地址:http://zookeeper.apache.org/releases.html,百度一下就能找到,不过还是在这里列一下. 我认为学习一个东西,首先要理出一个头绪,否则感觉无从下手,这里我从启动开始研究,即从zkSever.sh入手. if [ "x$JMXDISABLE" = "x" ] then echo "JMX enabled by defau

python爬虫主要就是五个模块:爬虫启动入口模块,URL管理器存放已经爬虫的URL和待爬虫URL列表,html下载器,html解析器,html输出器 同时可以掌握到urllib2的使用、bs4(BeautifulSoup)页面解析器、re正则表达式、urlparse、python基础知识回顾(set集合操作)等相关内容。

本次python爬虫百步百科,里面详细分析了爬虫的步骤,对每一步代码都有详细的注释说明,可通过本案例掌握python爬虫的特点: 1.爬虫调度入口(crawler_main.py) # coding:utf-8from com.wenhy.crawler_baidu_baike import url_manager, html_downloader, html_parser, html_outputer print "爬虫百度百科调度入口" # 创建爬虫类class SpiderMai

步步为营_Android开发课[31]_用户界面之Splash(闪屏启动)

Focus on technology, enjoy life!-- QQ:804212028 浏览链接:http://blog.csdn.net/y18334702058/article/details/44624305 主题:用户界面之Splash(闪屏启动) - 用Splash做闪屏启动界面(实例): 实现效果: APP启动全屏显示一张背景图片,2s后跳转到MainActivity. AndroidManifest.xml: (在AndroidManifest中使用android:them

SpringBoot(二):设置springboot同一接口程序启动入口

根据上一篇文章中搭建了一个springboot简单工程,在该工程中编写HelloWordController.java接口类,并在该类中写了一个main函数,做为该类的接口服务启动入口.此时如果新增多个接口服务类时,不修改任何代码是无法访问新增类的接口服务. 实际上springboot提供了统一配置全局扫描接口服务类的启动方法,本文就介绍如何使用: 如何配置统一启动入口 在src根目录下新建一个app包,在包下创建一个App.java类,通过代码配置使其作为该工程的一个通用启动入口类: pack

系统的启动模式(启动级别)的改动---使用upstart启动机制的

/*********************************************************************  * Author  : Samson  * Date    : 06/18/2014  * Test platform:  *              Mint 15  *              GNU bash, version 4.2.45  * *************************************************

系统的启动模式(启动级别)的修改---使用upstart启动机制的

/*********************************************************************  * Author  : Samson  * Date    : 06/18/2014  * Test platform:  *              Mint 15  *              GNU bash, version 4.2.45  * *************************************************

[转] ASP.NET WEB API程序在VS启动或发布到IIS后启动后发生 - Could not load file or assembly &#39;System.Web.Http.WebHost’异常,无法正常访问

Just do Copy Local = true in the properties for the assembly(System.Web.Http.WebHost) and then do a redeploy, it should work fine. http://stackoverflow.com/questions/20323107/could-not-load-file-or-assembly-system-web-http-webhost-after-published-to-

oracle下 启动subversion命令 及 oracle相关服务启动备忘

linux shell下  svnserve - d -r + 目录   例如:svnserve -d -r /svn 启动 svn服务. 访问svn://192.168.0.120/kjcg 测试. 启动oracle: 一.如何启动数据库实例 1.进入到sqlplus启动实例 [[email protected] ~]$ su - oracle --“切换到oracle用户” 2. Password: [[email protected] ~]$ lsnrctl start  --“打开监听”