由于一个大型的AngularJS应用有较多组成部分，所以最好通过分层的目录结构来组织。有两个主流的组织方式：按照类型优先，业务功能其次的组织方式这种方式的目录结构看起来如下：.├── app│ ├── app.js│ ├── controllers│ │ ├── page1│ │ │ ├── FirstCtrl.js│ │ │ └── SecondCtrl.
本风格指南的目的是展示AngularJS应用的最佳实践和风格指南。这些最佳实践来自于：AngularJS项目源码本人阅读过的源码和文章本人的实践经历说明: 这只是风格指南的草案，主要目的是通过交流以消除分歧，进而被社区广泛采纳。在本指南中不会包含基本的JavaScript开发指南。
实例说明本实例是在窗口打开时，将整个窗口放在屏幕的最上面，使窗口无法在屏幕中进行显示，然后动态地使窗口进行下移，直到窗口显示在屏幕的左上角为止。技术要点本实例主要应用了 screen 对象的 availHesht 属性来获得当前屏幕工作区的高度，并用 window 对象的 moveBy（）方法使窗口自动下移。下面对 window 对象的 moveBy（）方法进行详细的介绍。
实例说明本实例实现在窗口打开时，将窗口安装指定的大小放在屏幕中间，并使窗口不断放大，直到窗口大小与屏幕大小相同为止。技术要点本实例主要应用 screen 对象的 availWidth 和 availHeight 属性来获取屏幕工作区域的宽度和高度，并用 window 对象的 resizeTo（）方法来指定窗口的位置，用 window 对象的 moveTo 方法使窗口不断变大。实现过程实现功能主页面<!
实例说明在打开窗口时，将窗口设置为最小的宽度，并使窗口的高度逐渐增加，当窗口的高度与屏幕的高度一致时，使窗口的宽度不断增加，直到与屏幕的宽度相一致。技术要点本实例主要应用了 screen 对象的 availWidth 和 availHeight 属性获得当前屏幕的宽度和高度，并使用 resizeTo（）方法来自动增加窗口的高度和宽度。实现过程实现功能主页面 index.html<html>
实例说明当点击页面打开连接时，在屏幕左上角会弹出一个窗口，并动态改变窗口的宽度和高度，当窗口的高度和屏幕高度一致时，继续添加窗口的宽度，直到与屏幕大小相同为止。
实例说明本实例实现在打开页面，当页面出现纵向滚动条时，页面中的内容将从上向下进行滚动。技术要点本例主要是使用 window 对象的 scroll（）方法指定窗口的当前位置。下面对 scroll（）方法进行详细说明。scroll（）方法的语法格式：scroll(x,y); 参数说明如下。x：屏幕的横向坐标y：屏幕的纵向坐标功能：指定窗口滚动坐标的位置。
实例说明弹出日期选择器来供用户来选择日期。技术要点本例主要使用 window 对象的 showModalDialog()方法实现。实现过程1.用来弹出日期选择器的主页面。点击图片弹出日期选择器，然后在文本框输出选择的日期。<!DOCTYPE html> <html> <head> <title>日期选择器</title> <meta charset="utf-8"/> <
实例说明在网站中经常需要用户自定义颜色来显示某些信息。这可以在网页添加一个拾色器来实现。技术要点在本实例中仅使用 216 种浏览器安全的颜色，即所谓的 Netscape 色块。这 216 种颜色分别代表 0、51、102、153、204 这 5 个颜色值以及每一种原色（即红、绿、蓝）。这些十进制数值对应的十六进制数分别为 0x00、0x33、0x66、0x99、0xCC 和 0xFF。
实例说明弹出全屏显示的网页模式对话框，用户关闭之前不能浏览网站的其他内容。技术要点本实例主要应用 screen 对象的 width、height 属性和 window 对象的 showModalDialog（）方法实现。其实还有一种方法打开网页对话框，即 showModelessDialog（）方法。
实例说明弹出一个指定大小的网页模式对话框。技术要点本实例主要应用 window 对象的 showModalDialog（）方法，该方法用于弹出网页（模式）对话框，其语法如下。variant = object.showModalDialog(sURL[,vArguments[,sFeatures]]) 参数说明。sURL: 指定 URL 文件地址。
实例说明通常情况我们使用 window.close()关闭IE窗口时，都会弹出一个是否关闭的询问框，这节我们来屏蔽掉它。技术要点本例主要应用 JavaScript 的 window 对象的 opener 属性将要关闭的IE窗口的打开窗口设置为 NULL，然后再通过 window 对象的 close()方法将该窗口关闭，这样就不会弹出询问对话框了。实现过程实现功能主页面 index.html<html> <
实例说明关闭弹出的窗口时，同时刷新父窗口，一般用来使父窗口获取最新的数据。技术要点本实例主要应用 window.open()语句打开新窗口，并在新窗口中应用 opener 属性，该属性返回一个引用，用于指定打开本窗口的窗口对象。语法：window.openerwindow.opener.方法window.opener.属性功能：返回的是一个窗口对象。
实例说明在弹出的窗口中加入关闭按钮，点击后弹出的窗口关闭。技术要点本实例主要应用 window 对象的 close（）方法实现。close（）方法的语法如下。window.close() 功能：window 对象的 close()方法用于自动关闭浏览器窗口。实现过程1.要弹出的窗口且是功能实现界面 New.html。<html> <head> <meta charset="utf-8" /> <title>
实例说明为了让相同的广告信息不在每次打该开网页时都弹出，而只在第一次打开该网页时弹出。技术要点Cookie 是网站在访问者硬盘上存储的一些定制的信息段。通过浏览器，网页可以实现对 Cookie 的存储、获取和删除。Cookie 的目的只有一个，即记录访问者的个体信息。在开始使用 Cookie 前，我们需要知道下面的规则。
实例说明点击页面上的按钮，弹出窗口，并将窗口居中显示。技术要点本例首先应用 JavaScript 中的 window 对象的 open()方法，打开指定大小的新窗口，然后通过 screen 对象，获取屏幕分辨率，再根据获取的值通过 window 对象的 moveTo()方法，将新窗口移动到屏幕居中位置。moveTo()方法将窗口移动到指定坐标（x,y）处,其语法格式如下。window.
实例说明当网页运行一定的时间后，自动关闭网页上指定的广告窗口。技术要点本实例主要应用window对象的setTimeout()方法和close()方法来实习.window对象的setTimeout()方法用于延迟执行某一操作。实现过程1.要关闭的广告窗口。<html> <head> <title>打开新窗口显示广告信息</title> <style type="text/css">
实例说明点击按钮创建窗口技术要点主要是使用 window 是对象的 open()方法来创建和调用其他窗口。实现过程1.制作用于点击按钮打开的窗口广告页面<pre name="code" class="html"><html> <head> <title>打开新窗口显示广告信息</title> <style type="text/css"> body{ background-image:url(new.jpg);
实例说明本实例要在指定的时间后打开窗口。技术要点主要应用 window 对象 setTimeout()方法实现定时打开窗口。setTime()方法的语法格式如下。<span style="font-size:14px;">setTimeout(function,milliseconds)</span> 参数说明如下。function：要调用的 JavaScript 自定义函数名称。milliseconds:设置超时时间（以 ms 为单位）。
实例说明本实例要在窗口每次被加载的时候弹出一个广告对话框。技术要点本实例主要应用 JavaScript 的 window 对象。
关注时代Java
