原创 angularjs UI控制其分離,scope應用及$watch觀察模型變化

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

原创 angluar入門學習二【應用剖析上】

在藉助angularjs構建應用時,需要遵循以下的步驟 一、調用angular    1.加載angualr.js      2.使用ng-app告訴angualr管理哪一部部分的DOM,ng-app可放於大部分的標籤中,並告訴瀏覽器藉助

原创 js實現浮動框【緩衝效果】

<!DOCTYPE html> <html> <head> <meta charset='utf-8'/> <title>右側緩動懸浮寬</title> <style type="text/css"> #f_fi

原创 angularjs compiler編譯器

 Angular的HTML compiler允許開發者自定義新的HTML語法。compiler允許我們對任意HTML元素或屬性,甚至是新的HTML標籤、屬性(如<beautiful girl=”cf”></beautiful >)附加行

原创 正則表達式大全【整理篇】

字符  含意  \  做爲轉意,即通常在"\"後面的字符不按原來意義解釋,如/b/匹配字符"b",當b前面加了反斜杆後/\b/,轉意爲匹配一個單詞的邊界。  -或-  對正則表達式功能字符的還原,如"*"匹配它前面元字符0次或多

原创 javascript實現獲取json數據分頁功能

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>無標題文檔</title> <script> var a={"code":1,"list":[{"category

原创 分別用普通過程,面向對象過程,和繼承方法實現拖拽效果

首先我們在這裏先寫一個正常邏輯下,一個面向過程的js拖拽demo <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title></title> <styl

原创 關於內層DIV設置margin-top不起作用的解決方案

昨天晚上,在寫上一篇冒泡事件的時候,遇到了,內層div與外層div之間設置了margin-top,無效,決定好好的研究解決一下。 <div>上部層</div> <div> <!--父層--> <div style="marg

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

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

原创 將一個關鍵字符串分解爲單獨的關鍵字

問題:有一個帶有關鍵字的字符串,關鍵字由逗號隔開,你要將該字符串鳳姐爲單個關鍵字的一個數組,然後使用一個關鍵字標籤來打印出關鍵字 解決方案:String+split方法根據都好來分割字符串,遍歷數組,打印出這些單個的值,示例1-1給出一個

原创 檢查一個存在的,非空的字符串

問題:檢測一個已經定義了的變量,是一個字符串,並且它不爲空 解決方案:使用typeof運算符,通用的valueOf()方法,以及String length屬性來創建一個條件測試,並且其長度大於0,結果爲真 if(((typeof unk

原创 使用 html5 FileReader 獲取圖片, 並異步上傳到服務器

原理: 1.使用FileReader 讀取圖片的base64編碼 2.使用ajax,把圖片的base64編碼post到服務器。 3.根據接收到post的數據分析圖片的類型(jpg,gif,png),並把base64_decode後

原创 使用javascript從一個字符串提取自字符串

問題:有一個字符串是由ijige句子組成,其中的一個句子擁有一個項目列表,該列表以一個冒號開始(:),以一個句點結束(.),我們如何去提取這個列表 解決思路:使用indexof+String方法來找到冒號,然後再次使用它找到冒號後面的第一

原创 javascript中this和super用法

"this",作爲一個特殊的關鍵字,它的規則如下:  1。可以表示構造函數傳遞。this(a,b)表示調用另外一個構造函數。這裏面的this就是一個特殊語法,不是變量,沒有什麼類型。  2。可以在一個類的

原创 WebApp常見meta標籤

<meta name="apple-touch-fullscreen" content="yes">"添加到主屏幕“後,全屏顯示 <meta name="apple-mobile-web-app-capable" content="yes