1.AngularJS中路由實現的原理?
路由功能主要是 $routeProvider服務 與 ng-view 實現,ng-view相當于提供了頁面模板的掛載點,當切換URL進行跳轉時,不同的頁面模板會放在ng-view所在的位置; 然后通過 routeProvider 配置路由的映射。
一般主要通過兩個方法:
when():配置路徑和參數;
otherwise:配置其他的路徑跳轉,可以想成default。
when的第二個參數:
controller:對應路徑的控制器函數,或者名稱
controllerAs:給控制器起個別名
template:對應路徑的頁面模板,會出現在ng-view處,比如"<div>xxx</div>"
templateUrl:對應模板的路徑,比如"src/xxx.html"
resolve:這個參數著重說下,該屬性會以鍵值對對象的形式,給路由相關的控制器綁定服務或者值。然后把執行的結果值或者對應的服務引用,注入到控制器中。如果resolve中是一個promise對象,那么會等它執行成功后,才注入到控制器中,此時控制器會等待resolve中的執行結果。
redirectTo:重定向地址
reloadOnSearch:設置是否在只有地址改變時,才加載對應的模板;search和params改變都不會加載模板
caseInsensitiveMatch:路徑區分大小寫
路由有幾個常用的事件:
$routeChangeStart:這個事件會在路由跳轉前觸發
$routeChangeSuccess:這個事件在路由跳轉成功后觸發
$routeChangeError:這個事件在路由跳轉失敗后觸發
2.AngularJS 創建模塊
AngularJS支持模塊化的方法。模塊用于單獨的邏輯表示服務,控制器,應用程序等,并保持代碼的整潔。我們在單獨的js文件中定義的模塊,并將其命名為按照module.js文件形式。在這個例子中,我們要創建兩個模塊。
Application Module?- 用于初始化控制器應用程序
Controller Module?- 用于定義控制器
3、CSS雪碧圖?
CSS雪碧 即CSS Sprites,也有人叫它CSS精靈,是一種CSS圖像合并技術,該方法是將小圖標和背景圖像合并到一張圖片上,然后利用css的背景定位來顯示需要顯示的圖片部分。