原创 iframe 父級子級相互獲取元素的方法

1)在iframe中查找父頁面元素的方法:$('#id', window.parent.document) 2)在iframe中調用父頁面中定義的方法和變量:parent.method parent.value 在iframe

原创 link和@import的區別

頁面中使用CSS的方式主要有3種:行內添加定義style屬性值,頁面頭部內嵌調用和外面鏈接調用,其中外面引用有兩種:link和@import。外部引用CSS兩種方式link和@import的方式分別是: XML/HTML代碼 <lin

原创 component的參數傳遞

參數傳遞和綁定方式: bindings聲明,如: bindings: { data: '<', rangeType: '@?', customClass: '@', } 參數調用方式: 在js的controller裏通過this.dat

原创 momentJS日期處理類庫---時間加減處理

計算最近在使用JavaScript計算時間差的時候,發現很多問題需要處理,在查看momentJS之後,發現非常容易。         console.log(moment().format("YYYY-MM-DD HH:mm:ss"))

原创 使用angularjs定義html中的屬性ng-attr-(suffix)

html中的屬性很多,同樣可以使用angularjs來定義: ng-attr-(suffix)=只能使用變量定義 <div title="angularjs中的title">title</div> <div ng-attr-title

原创 AngularJS 使用$sce控制代碼安全檢查

由於瀏覽器都有同源加載策略,不能加載不同域下的文件、也不能使用不合要求的協議比如file進行訪問。在angularJs中爲了避免安全漏洞,一些ng-src或者ng-include都會進行安全校驗,因此常常會遇到一個iframe中的ng-s

原创 angular 自定義服務

    在AngularJS中,我們經常將通用的業務邏輯封裝在服務裏面,這樣一來,不僅減少了代碼量,而且使出錯率也降低了,代碼的易讀性也提高了,所以說,我們經常用到了業務邏輯,或者是說持久化數據化操作應該放在自定義的服務裏面,而不是Con

原创 angularjs的$on、$emit、$broadcast

如何在作用域之間通信呢? 1.創建一個單例服務,然後通過這個服務處理所有子作用域的通信。 2.通過作用域中的事件處理通信。但是這種方法有一些限制;例如,你並不能廣泛的將事件傳播到所有監控的作用域中。你必須選擇是否與父級作

原创 localStorage使用總結

localStorage使用總結 一、什麼是localStorage、sessionStorage 在HTML5中,新加入了一個localStorage特性,這個特性主要是用來作爲本地存儲來使用的,解決了cookie存儲空間

原创 一招制敵 - 玩轉 AngularJS 指令的 Scope (作用域)

學習了AngularJS好長時間,最近再次回首看看指令這部分的時候,覺得比自己剛開始學習的時候理解的更加深入了,尤其是指令的作用域這部分。 當初看的是《AngularJS權威指南》這本書,但是感覺這本書關於這方面講的不是很細緻, 另外

原创 angular路由 ui.router

angular路由 路由 (route) ,幾乎所有的 MVC(VM) 框架都應該具有的特性,因爲它是前端構建單頁面應用 (SPA) 必不可少的組成部分。 那麼,對於 angular 而言,它自然也有 內置 的路由模塊:叫做 n

原创 angularJS constant和value

angularjs自身有二種,設置全局變量的方法,在加上js的設置全局變量的方法,總共有三種。 要實現的功能是,在ng-app中定義的全局變量,在不同的ng-controller裏都可以使用。 1,通過var 直接定義global

原创 AngularJS常用服務($http、$location、$sce等)

這篇博客,只是簡單地說下AngularJS中的常用的系統(自帶)服務。如果邏輯不清晰,就當作是一個參考手冊吧,來查查用法什麼的。  另外,附上一些參考網站:  AngularJS手冊:http://man.hubwiz.com/manu

原创 同源策略詳解

同源策略在web應用的安全模型中是一個重要概念。在這個策略下,web瀏覽器允許第一個頁面的腳本訪問第二個頁面裏的數據,但是也只有在兩個頁面有相同的源時。源是由URI,主機名,端口號組合而成的。這個策略可以阻止一個頁面上的惡意腳本通過頁面的

原创 angular controller之間通信方式

用 Angular 進行開發,基本上都會遇到 Controller 之間通信的問題,本文對此進行一個總結。 在 Angular 中,Controller 之間通信的方式主要有三種: 1)作用域繼承。利用子 Controller 控制