原创 document.documentElement.scrollTop || document.body.scrollTop問題分析

在設計頁面時可能經常會用到固定層的位置,這就需要獲取一些html對象的座標以更靈活的設置目標層的座標,這裏可能就會用到document.body.scrollTop等屬性,但是此屬性在xhtml標準網頁或者更簡單的說是帶<!DOCTYP

原创 angularjs入門學習【應用剖析下】

    通過Route和$location改變視圖 首先,我們知道Ajax用於但頁面請求,而我們經常遇到的是多個子頁面視圖,需要管理使其在適當的時候向用戶展示或隱藏 而在學習angularjs之後,我們可以使用$route服務來爲我們管理

原创 angularjs入門學習一【核心理念】

                                                                                                          angular中常見的核心

原创 angularjs入門學習【指令篇】

一、首先我們來了解下指令API 屬性 含義 restrict 申明標識符在模版中作爲元素,屬性,類,註釋或組合,如何使用 priority 設置模版中相對於其他標識符的執行順序 Template 指定一個字符串式的內嵌模版,如果你指定

原创 HTML5背景大視頻響應式佈局完美支持

首先在這裏我們知道<video>是 <script src="video.js" type="text/javascript" charset="utf-8">script> <link rel="stylesheet" href

原创 javascript中ajax框架及解決緩存帶來的問題

首先,在這裏,我不會 對ajax異步更新的概念什麼的進行解釋,主要通過下面的框架,進行解釋,並且解決常見的瀏覽器緩存問題 <script type="text/javascript"> function ajax(url,fn

原创 javascript字符串中查找子字符串

在javascript中,查找字符串中的子字符串是否存在,我們可以只用indexOf方法來確定 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>無標題文檔</

原创 CSSreset

/*  @名稱: base  @功能: 重設瀏覽器默認樣式  */  /* 防止用戶自定義背景顏色對網頁的影響,添加讓用戶可以自定義字體 */  h

原创 angularjs入門學習【應用剖析中篇】

   在上一節講完了關於應用開發中如數據綁定,添加樣式一類的基礎操作後,接下來,將在應用中,與控制其有關的一些事件。。。 一、UI和控制器的分離 我們需要明確控制器在應用中的三個作用: 【1】在應用模型中設置初始狀態 【2】通過$sco

原创 height:100%失效

height明明設置了100% 爲什麼卻看不到效果。很多時候在基礎不是很紮實的時候,經常會遇到這樣的問題,究其原因其實簡單 首先你要確保html{height:100%;} body{height:100%;} 這樣的話,在加載頁面時,

原创 box-shadow兼容ie版本

很多時候,想ie兼容css3的一些新的屬性如box-radius,box-shadow,都會選擇用ie-css3.htc,在這裏,偶有發現了一個方法 box-shadow{ filter: progid:DXImageTransform.

原创 js實現多物體運動框架併兼容各瀏覽器

首先,我們需要知道在js中獲取對象的寬度如offsetWidth等,可能會存在一些小小的bug。原因之一在於offsetWidth僅僅只是獲取盒子模型中內容的部分寬度,並不包含內邊距,邊框和外邊距,這樣會導致控制對象運動與預期不符,這裏就

原创 currentstyle和getComputedStyle兼容問題

currentStyle:獲取計算後的樣式,也叫當前樣式、最終樣式。優點:可以獲取元素的最終樣式,包括瀏覽器的默認值,而不像style只能獲取行間樣式,所以更常用到。注意:不能獲取複合樣式如background屬性值,只能獲取單一樣式如b

原创 haslayout

haslayout 是Windows Internet Explorer渲染引擎的一個內部組成部分。在InternetExplorer中,一個元素要麼自己對自身的內容進行計算大小和組織,要麼依賴於父元素來計算尺寸和組織內容。爲了調

原创 angularjs中directive聲明scope對象時修飾符解釋和用法

  在angular中我們定義directive方法時,可以看到   return { restrict: 'AE', scope: {}, template: '<div></div>', link: f