Time of Update: 2016-04-15
標籤:JavaScript事件代理首先介紹一下JavaScript的事件代理。事件代理在JS世界中一個非常有用也很有趣的功能。當我們需要對很多元素添加事件的時候,可以通過將事件添加到它們的父節點而將事件委託給父節點來觸發處理函數。這主要得益於瀏覽器的事件冒泡機制。假設有一個 UL 的父節點,包含了很多個 Li 的子節點:1 <ul id="parent-list">2 <li id="post-1">Item 1</li>3 <
Time of Update: 2016-04-16
滑動開關效果 css3滑動開關】純CSS3代碼實現滑動開關效果-css3滑動效果-css3左右滑動,css3-css3 今天看到一篇有關 css3事件的博文,一時興起便整理下相關的資料。 點擊按鈕,可以實現開關的滑動效果。 今天看到一篇有關 css3事件的博文,一時興起便整理下相關的資料。 點擊按鈕,可以實現開關的滑動效果。 今天看到一篇有關 css3事件的博文,一時興起便整理下相關的資料。
Time of Update: 2016-04-16
[css] css3 中的新特性加強記憶,csscss3css3被拆分成如下的小模組,選取器,盒模型,背景和邊框,文字特效,2D/3D轉換,動畫,多欄版面配置和使用者介面 2D轉換 使用transform:屬性來為元素設定2D轉換,相容瀏覽器加首碼 –webkit- -moz- 使用rotate()方法,讓元素旋轉一定的角度,參數:角度例如:transform:rotate(30deg);
Time of Update: 2016-04-16
css筆記,css學習筆記背景圖片自適應 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>無標題文檔</title> 6 <style> 7 div { 8 position: absolute; 9 width: 100%;10 height: 100%;11 z-index: -1;12
Time of Update: 2016-04-16
怎麼讓手機瀏覽器和焦點在文本輸入框時不自動放大頁面,焦點輸入框方法一:禁止頁面縮放在head標籤中加入以下代碼<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0, user-scalable=no">content的解釋width=device-width //寬度等於裝置螢幕寬度initial-scale=1.0
Time of Update: 2016-04-16
JavaScript設計模式 Item9 --適配器模式Adapter適配器模式(轉換器面模式),一般是為要使用的介面,不符本應用或本系統使用,而需引入的中間適配層類或對象的情況。適配器模式的作用是解決兩個軟體實體間的介面不相容的問題。一、定義適配器模式(Adapter)是將一個類(對象)的介面(方法或屬性)轉化成客戶希望的另外一個介面(方法或屬性),適配器模式使得原本由於介面不相容而不能一起工作的那些類(對象)可以一些工作。速成封裝器(wrapper)。適配器的別名是封裝器(wrapper),
Time of Update: 2016-04-16
2016.3.18__ JavaScript基礎_2__第十三天2016.3.18__ JavaScript基礎2_第十三天今日課程預覽1.for迴圈如果您希望一遍又一遍地運行相同的代碼,並且每次的值都不同,那麼使用迴圈是很方便的。當然,我們可以一遍遍的重複代碼。document.write(cars[0] + "");document.write(cars[1] + "");document.write(cars[2] +
Time of Update: 2016-04-16
【轉載】HTML和XML的區別,轉載htmlxml本文源地址 http://blog.163.com/txl129_2006@126/blog/static/1851087820103218453645/有改動。 什麼是HTML HTML的全拼是Hypertext Markup Language, 中文也就是超文本連結標示語言。HTML(HyperTextMark-upLanguage)即超文字標記語言
Time of Update: 2016-04-16
7.1 Javascript:表單與驗證-長度驗證該採用什麼樣的方式對使用者作出提醒呢?你一定不想用alert()提示框在輸入欄位後加一個sqan標籤function validate_Length(inputFiled,helpText){ //如果輸入欄位內容是空,則在span標籤內提醒 if(inputFiled.value.length==0) { if(helpText!=null)
Time of Update: 2016-04-16
JavaScript中的參考型別JavaScript中的參考型別JavaScript中的資料類型有兩種,基本類型與參考型別!基本類型主要包括Boolean、String、Number;參考型別包括Object、Array、Function、Date(常用的)。參考型別參考型別的值(對象)是參考型別的一個執行個體。在JS中,參考型別是一種資料結構,用於將資料和功能組織在一起。它也常被稱為類,但這種稱呼並不妥當。儘管JS從技術上講是一門物件導向的語言,但是並不具備傳統的物件導向語言所支援的類和介面等
Time of Update: 2016-04-16
javascript跳躍式前進(1) - 基本概念前言javascript 是弱類型語言,比較接近python和perl這類,不如java和c那樣嚴格.所以寫慣了強型別語言的小夥伴看到有些另類的寫法也相當正常;有些東東不精講..以後單獨脫離出來細講;要點提取:文法區分大小寫[非常重要哦,比如True和False就不是布爾值了,而是標示符] 和強型別基本大同小異,以強型別的命名風格基本沒什麼錯誤;推薦駝峰大小寫 注釋有單行和多行注釋 strict 模式,速度運行是最快的;但是相當多的東西給限制了
Time of Update: 2016-04-16
JavaScriptCore學習之JavaScriptCoreJavaScriptCore架構的類JavaScriptCore架構對外暴露的類實際上非常少,這樣帶來的好處是API非常簡單。如所示,只有5個類,分別是JSContext,JSValue,JSManagedValue,JSVirtualMachine,JSExport,其中最核心的是JSContext和JSValue,我們平時打交道的基本就是這兩個類了。這些類的基本介紹如下:JSVirtualMachineA
Time of Update: 2016-04-16
AngularJS HTML DOMAngularJS 為 HTML DOM 元素的屬性提供了綁定應用資料的指令。今天就為大家介紹一下AngularJS中一些與HTML DOM操作有關的指令。ng-options在 AngularJS 中我們可以使用 ng-option 指令來建立一個下拉式清單,清單項目通過對象和數組迴圈輸出。範例程式碼如下:<script src="js/angular.min.js"></script><script
Time of Update: 2016-04-16
一 JavaScript之資料類型js中有5種單一資料型別:Undefined、Null、Boolean、Number和String。還有一種複雜資料類型——Object。ECMAScript不支援任何建立自訂類型的機制,所有值都成為以上6中資料類型之一。一.typeof操作符typeof操作符是用來檢測變數的資料類型。對於值或變數使用typeof操作符會返回如下字串。 字串 描述 undefined 未定義 boolean 布爾值 string 字串 number 數值
Time of Update: 2016-04-16
前端開發——滾滾屏(沒有縱向捲軸)1.前端流程:1)需求分析2)原型圖(低傳真)——產品經理/設計師/策劃繪製3)做4)代碼實現2.優秀網站欣賞:1)百度錢包 一分錢專享 : https://1.baidu.com/2)T管家 http://www.weixint.com/3)QQ PC版 http://im.qq.com/pcqq/4)360瀏覽器歡迎頁面 http://se.360.cn/wel/welcome.html3.若要用HTML5+CSS3做全屏(設計)1)
Time of Update: 2016-04-16
JavaScript基礎教程03var動態資料類型var動態資料類型,是JavaScript中一個特性,它用起來非常靈活,靈活就導致了可能有一些意外的風險,在日後的執行個體,我會帶領大家來分析。javascript中對於var類型的分析,看一百遍書,不如寫幾行代碼。下面這個代碼 是我精心準備的,希望大家能對於var 擁有動態類型的的這種變數有一個初步的解。var動態資料類型<script type="text/javascript">//01.js
Time of Update: 2016-04-15
JavaScript資料推送Comet技術詳解,javascriptcometJavaScript資料推送主要致力於webapp的線上推送服務,不用我們每次都像伺服器去發送Ajax請求而主動從Server端推送資料到本地。資料推送進化史:1. HTTP協議簡易輪詢,保持著一個連結不放,或者通過前端不停的向後端發送請求2. H5更新後有了WebSocket大大改善了雙向和單向推送資料的便利性3. SSE(Server-Send Event):伺服器推送資料的新方式 Comet:基於
Time of Update: 2016-04-15
Javascript實現蘋果懸浮虛擬按鈕,javascript懸浮Javascript實現蘋果懸浮虛擬按鈕直接引入代碼到頁面即可代碼有部分冗餘的地方,有興趣的小夥伴可也自己修改如果有什麼BUG 記得評論 告訴我哦web-touch.jsvar new_element_N=document.createElement("style"); new_element_N.innerHTML = '#drager {' + ' position: fixed;' + '
Time of Update: 2016-04-15
對jquery的ajax進行二次封裝以及ajax緩衝代理組件:AjaxCache詳解,jqueryajaxcache雖然jquery的較新的api已經很好用了,
Time of Update: 2016-04-15
學習使用bootstrap3柵格系統,學習bootstrap3柵格一、bootstrap開發環境搭建1. 下載bootstrap, http://www.bootcss.com/2. 下載jquery, 通過IE直接存取http://code.jquery.com/jquery-2.0.3.min.js3. 在html頁面中匯入bootstrap與jquery的js,css檔案,.viewport的<meta>標籤,這個標籤可以修改在大部分的行動裝置上面的顯示,加如