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

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

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

    转载: Android App 启动页(Splash)黑/白闪屏现象产生原因与解决办法   首先感谢博主分享,本文作为学习记录 惊鸿一瞥 微信的启动页,相信大家都不陌生. 不知道大家有没有发现一个现象 ...

  2. zookeeper启动入口

    最近正在研究zookeeper,一些心得记录一下,如有错误,还请大神指正. zookeeper下载地址:http://zookeeper.apache.org/releases.html,百度一下就能 ...

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

    本次python爬虫百步百科,里面详细分析了爬虫的步骤,对每一步代码都有详细的注释说明,可通过本案例掌握python爬虫的特点: 1.爬虫调度入口(crawler_main.py) # coding: ...

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

    根据上一篇文章中搭建了一个springboot简单工程,在该工程中编写HelloWordController.java接口类,并在该类中写了一个main函数,做为该类的接口服务启动入口.此时如果新增多 ...

  5. django启动入口源码分析

    manage.py是启动入口,在里面调用execute_from_command_line(sys.argv)方法 def execute_from_command_line(argv=None): ...

  6. 如何让ubuntu启动时打印字符信息----字符启动

    一.概述 要想实现字符启动,需要修改grub.cfg(启动配置文件),将“静态启动”改为“字符启动”. 但是grub.cfg通常只作为只读文件,修改它时实际上修改的是其他的文件然后再通过update- ...

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

    /*********************************************************************  * Author  : Samson  * Date   ...

  8. STM32启动文件：startup_stm32f10x_hd.s等启动文件的简单描述

    在官方的库文件中,分别有如下文件: startup │ │ │ ├─arm │ │ │ │ startup_stm32f10x_cl.s │ │ │ │ startup_stm32f10x_hd.s ...

  9. 用efibootmgr管理UEFI启动项，添加丢失的启动项

    UEFI用来替代传统BIOS引导操作系统,学会修改UEFI启动项也变得十分重要,UEFI全称为:“统一的可扩展固件接口”(Unified Extensible Firmware Interface), ...

随机推荐

  1. 匿名函数lambda及面试题三道

    # 函数名 = lambda 参数 :返回值. 匿名函数只是函数,如果要通过可迭代对象给匿名函数传参,就需要使用 map 或者 filter calc = lambda n:n**n calc(1)c ...

  2. 入坑deep learning 1

    想体验一下跑keras的感觉,按照这个小妹妹的教程:https://zhuanlan.zhihu.com/p/28333410 0. 大概花了十来个小时才搞定初步的小环境 1. 在linux 16.0 ...

  3. NPOI 操作excel之 将图片插入到指定位置；

    //新建类 重写Npoi流方法 public class NpoiMemoryStream : MemoryStream { public NpoiMemoryStream() { AllowClos ...

  4. oracel sql分组求和过滤条件

  5. inventory file 与hosts patterns （ansible 机器清单 与 主机匹配模式)

    Ansible配置: ansible有两个核心配置文件: ansible.cfg 配置文件和Inventory配置文件 Ansible.cfg配置文件 Inventory机器列表配置 这里介绍Inve ...

  6. timeline server介绍

    1. timeline是什么 2. timeline能做什么 3. timeline结构 4. timeline怎么配置   1). timeline是什么? 它能存储和检索应用当前和历史信息在yar ...

  7. java readProperties

    @Deprecated public static Map<String, String> readProperties(String propertiesFile) { Properti ...

  8. 划分树（poj2104）

    poj2104 题意:给出n个数,有m次查询,每次查询要你找出 l 到 r 中第 k 大的数: 思路:划分树模板题 上述图片展现了查询时如何往下递推的过程 其中ly表示 [sl,l) 中有多少个数进入 ...

  9. Java语法基础学习DayEleven(Map)

    一.Map接口 1.概述:Map与Collection并列存在,用于保存具有映射关系的数据Key-Value. Map接口 |- - - - -HashMap:Map的主要实现类 |- - - - - ...

  10. oracle监控资源管理器

    资源管理器的配置在一组dba视图显示,主要是如下视图: dba_rsrc_plans 显示计划和状态. dba_rsrc_plan_directives 显示计划指令 dba_rsrc_consume ...