2012年07月_lulu_jiang

原创與背景和邊框相關樣式

新增屬性background-clip：指定背景的顯示範圍(FF：-moz-background-clip，其他：-webkit-background-clip)background-origin：指定繪製背景圖像時起點(FF：-moz-background-origin，其他：-webkit-background-origin)background-size：指定背景中圖像尺寸(其他

2012-07-31 16:50:13 817

原创盒相關樣式

盒的類型1.inline-block類型屬於block類型盒的一種，但顯示時具有inline類型盒的特點以前如果要在一行中並列顯示多個block類型元素，需要使用float屬性，這會使得樣式複雜。因此追加inline-block類型使得並列顯示多個block類型變的簡單 div.inlineblock{dis

2012-07-31 10:41:01 524

原创文字與字體相關樣式

給文字添加陰影 text-shadow屬性text-shadow : length length length color;前3個length分別指：陰影離開文字的橫向距離，陰影離開文字的縱向距離，陰影模糊半徑(可不指定，則不模糊，值為0不模糊)color指陰影顏色(可不指定，則使用字體顏色) div

2012-07-30 14:04:31 679

原创策略模式

OO原則：1.封裝變化2.多用組合，少用繼承3.針對接口編程，不針對實現OO模式：策略模式(Strategy Pattern)，定義算法族，分別封裝起來，讓它們之間可以互相替換，此模式讓算法的變化獨立于使用算法的客戶類結構圖：定義Duck虛基類：/// /// 定義Douck虛基類/// 將不會變化的部份定義在此///

2012-07-29 16:19:19 596

原创使用選擇器在頁面中插入內容

使用選擇器來插入文字 h2:before{content:'Hello';color:White;background-color:Orange;} h2.test:before{content:none;} 標題1 標題2 標題

2012-07-28 21:57:14 2469

原创選擇器

屬性選擇器1.[att*=val]如果元素用att表示的屬性之屬性值中包含用val指定的字符的話，該元素使用這個樣式2.[att^=val]如果元素用att表示的屬性之屬性值的開頭字符為用val指定的字符，該元素使用這個樣式3.[att$=val]如果元素用att表示的屬性之屬性值的結尾字符為用val指定的字符，該元素使用這個樣式結構性偽類選擇器1.偽類選擇器

2012-07-27 15:01:44 728

原创獲取地理位置信息

--> function get_location() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(show_map, handle_error,

2012-07-26 13:55:28 5164

原创 Web Workers處理多線程 - 多子線程中進行數據交互

Workers.html var worker = new Worker("workers1.js"); worker.postMessage(""); worker.onmessage = fun

2012-07-25 15:28:08 1399

原创 Web Workers處理多線程 - 線程單層嵌套

主體頁面： var worker = new Worker("worker1.js"); worker.postMessage(""); worker.onmessage = function (e

2012-07-25 14:34:11 1122 1

原创 Web Workers處理多線程

主體頁面： <!-- Web Workers： HTML5中新增，用來實現Web平臺上多線程處理功能 Web Workers可創建一個不會影響前臺處理的後臺線程，並且在這個後臺線程中創建多個子線程將可能耗費較長時間的處理交給後臺去執行，對用戶前

2012-07-25 14:13:45 1076

原创通信API

Demo.html(主窗體) <!-- 跨文檔消息傳輸： HTML5提供了在網頁文檔間互相接收與發送信息的功能，只要獲取網頁所在窗口對象實例，不同源的Web頁面可互相通信 //監聽來至其他窗體的消息 window.addEventListente

2012-07-24 17:11:05 1420

原创 Web離線應用程序

<!-- 離線Web應用程序： Web應用程序沒有和Internet連接，就無法適用因此，HTML5新增一個API，使用本地緩存保存HTML,CSS,JS等文件本地緩存與瀏覽器網頁緩存區別： 1.本地緩存為整個Web程序，瀏覽器網頁緩存只服務于單個網頁 2.本地緩存可靠，可控制。瀏覽

2012-07-24 13:47:51 1950

原创 Web Storage本地存儲

<!-- HTML4使用cookies在客戶端保存簡單用戶信息，但cookie存儲永久數據有以下問題： 1.大小：cookies限制在4KB 2.帶寬：cookies隨HTTP一起發送，浪費帶寬 3.複雜性：要正確操縱cookies困難 HTML5提供了Web Storage功能，就是在Web上存儲數據的

2012-07-20 13:25:41 922

原创多媒體播放

<!-- audio元素與video元素屬性： src屬性：指定播放媒體的URL地址 autoplay屬性：媒體是否在頁面加載后自動播放(裸體屬性) preload屬性：指定視頻，音頻數據是否預加載 none：不進行預加載

2012-07-19 14:56:03 1303

66