元件化入門

2021-07-31 07:01:49 字數 1255 閱讀 3520

網頁結構和元件化:

首先我們思考一下在常規網頁開發時,網頁的結構大概是什麼樣的?

(1)上中下、左中右、上下、左右

(2)上中下結構:上、下結構保持不變,中間部分內容發生變化

元件化:將頁面中可以重複使用的標籤封裝成乙個元件,方便這一部分ui重複使用

類似於js中的函式,封裝了一部分處理**,通過函式呼叫就可以重複使用這些**。

案例一:

// 封裝乙個簡單的元件

template:""

});案例二:

controller:function($scope)

});template:""

});template:""

});

過濾器及自定義過濾器

超級超級詳細的介紹,請看下方**:

* name:過濾器名稱

* fn:過濾器處理函式

* */

/** 過濾器中,直接return function(value) {}

* 通過閉包函式來實現資料處理,固定語法結構!

* value引數:第乙個引數,用於接收要處理的資料:資料就是過濾器管道符前面變數中的資料

*/return function(value)

});$scope.name = "jerry";

});

長度:位置: 把資料中的物件,轉換成json字串的格式輸出展示到頁面上

經常能用於**程式除錯,使用較少!

****

原始輸出:

日期格式化:

日期格式化:通常情況下,需要按照使用者的要求進行輸出,這時候就會附帶引數

y/m/d/h/m/s/e 年/月/日/時/分/秒/星期

原始輸出資料的方式:

通過拼接輸出資料的方式:¥.00

對於要展示的貨幣資料【原始資料就是數字】

按照指定的貨幣格式進行輸出

貨幣過濾器輸出:

貨幣過濾器輸出:

貨幣過濾器輸出:

$scope.price = 499.1213;

$scope.date = new date();

$scope.name = "john smith";

$scope.users = [,,

,,,,

,,,,

]}]);

MySQL優化入門

表 符合三正規化 nf 一正規化 表的列具有原子性 不可再分割 列的資訊不能分割 關係型資料庫自動滿足一正規化 二正規化 表中的記錄是唯一的 設定主鍵,不含業務邏輯,資料穩定,不用修改 三正規化 表中不要有冗餘資料 表的資訊如果能被推導出來 就不應該單獨設計乙個字段 設計者有時候為了方便 多設計字段...

vt虛擬化入門

vmx的目的是簡化虛擬化開發以及提公升虛擬化應用的執行效率,跟傳統的作業系統以及 驅動 程序沒有關係,跟所謂hook更沒關係。你非要把這種 陷入 模擬 的執行流程 叫做一種hook也無不可。虛擬化的本質是要獲取全部硬體的控制權,攔截在硬體和傳統作業系統之間。在傳統作業系統 看來跟執行在真正的硬體上沒...

ORACLE SQL優化 入門

聽了王海波老師的課後的筆記 1.sql優化需要什麼?select from t1 where t1.x 2.為什麼建索引可以優化 建立索引以後,oracle就有兩個選擇,當選擇了更優秀的路徑去執行,這個過程就叫做優化。3.什麼是訪問路徑 訪問路徑是用於從行源檢索行的一種技術 1 table acce...