Time of Update: 2015-07-17
標籤:1.命令模式1.1 傳統的命令模式命令模式的應用情境:請求的寄件者和請求接收者消除彼此耦合關係以頁面點擊按鈕為例點擊按鈕後,藉助命令對象,解開按鈕和負責具體行為對象之間的耦合<body> <button id=‘button1‘>按鈕1</button> <button id=‘button2‘>按鈕2</button> <button id=‘button3‘>按鈕3</button>&
Time of Update: 2015-07-17
標籤:1.《JavaScript設計模式與開發實踐》讀書筆記之觀察者模式觀察者模式定義對象間的一種一對多的依賴關係,當一個對象的狀態發生改變時,所有依賴於它的對象都將得到通知。JavaScript中通常採用事件模型替代傳統的觀察者模式1.1
Time of Update: 2015-07-17
JS 事件派發器EventDispatcher在Java和AS中經常用到EventDispatcher,寫了一個JS版本的。 addListener :添加事件監聽器removeListener:移除事件監聽器dispatchEvent:派發事件 /** * Created by taozh on 2015/7/11. * Mail:wiui@hotmail.com */var z = {};z.EventDispatcher = function () {
Time of Update: 2015-07-17
jQuery中(function($){})(jQuery)詳解,jqueryfunction簡單的說(function($){ //code})(jQuery)聲明了一個匿名函數,也就是將jQuery對象作為參數傳給函數給大家舉個例子// 全域var str = "全域字串...";(function () { // 第1層 (function () { // 第2層 (function () { // 第3層 (function () { // 第4層
Time of Update: 2015-07-17
jQuery實現平滑滾動頁面到指定錨點連結的方法,jquery本文執行個體講述了jQuery實現平滑滾動頁面到指定錨點連結的方法。分享給大家供大家參考。具體如下:$.fn.scroller = function() { var speed = 'slow'; // Choose default speed $(this).each(function() { $(this).bind('click', function() { var target =
Time of Update: 2015-07-17
js程式基礎字串詳細1. .charAt()裡面寫數字 在一般瀏覽器上相當於方括弧 但是由於IE6的存在他就有了用處 因為IE6不相容方括弧2. charCodeAt() 和charAt差不多隻不過出來的是ascii碼 也能轉換中文3. fromcharCode() 和上面的用處正好相反 輸進去一個十進位的數 可以吧編碼轉換為對應的字元 不需要執行個體化對象就可以使用4. insizeOf() 括弧裡面寫一個字元或者幾個 尋找第一個出現的字元,如果沒有返回-15. lastindexOf
Time of Update: 2015-07-17
jQuery的bind()方法使用詳解,jquerybindbind()方法用法詳解:此方法是使用比較頻繁的方法之一,雖然在API手冊上有著對方法的介紹,但是由於語言簡短,例子不夠詳細,可能會造成不能夠完全準確的掌握bind()方法的使用,下面就結合執行個體介紹一下此方法的使用。文法格式:$(selector).bind(type,[data],function(eventObject))此方法可以為所有匹配元素的特定事件綁定事件處理函數,例如:<!DOCTYPE html><
Time of Update: 2015-07-17
JavaScript截斷字串的方法,javascript截斷本文執行個體講述了JavaScript截斷字串的方法。分享給大家供大家參考。具體如下:這裡JavaScript截斷字串,類似於substr(),只不過這個函數不會截斷單詞,在發生截斷後,會添加一個省略符號if (!function_exists('subsent')) { function subsent($string, $start = 0, $length = 0, $cap = '...') { if ($length &
Time of Update: 2015-07-17
jQuery實現的進度條效果,jquery實現進度條在某些特定的情境下,應用進度條效果,可以提高網站的人性化程度,能夠讓使用者能夠掌握進度,增加對進度的耐心,否則可能直接導致關閉頁面,從來導致網站流失使用者,下面就是用過jQuery實現的進度效果代碼。<!DOCTYPE html><html><head><meta charset="utf-8"><title>幫客之家</title><script
Time of Update: 2015-07-17
淺談javascript中return語句,javascriptreturnreturn語句在js中非常的重要,不僅僅具有返回函數值的功能,還具有一些特殊的用法,有個清晰的把握是非常有必要的。下面就結合執行個體簡單介紹一下return語句的作用。一.用來返回控制和函數結果:通常情況,return語句對於一個函數是很有必要的,因為往往需要函數在一系列的代碼執行後會得到一個期望的傳回值,而此值就是通過return語句返回,並且將控制權返回給主調函數。文法格式:return
Time of Update: 2015-07-17
jQuery的end()方法使用詳解,jquery使用詳解end()方法的定義和用法:end()方法能夠回到最近的一個"破壞性"操作之前,即將匹配的元素列表變為前一次的狀態。如果沒有破壞性操作將返回一個空集。破壞性操作的概念:指任何改變所匹配元素的操作。可能大家對這個概念比較模糊,舉個例子:$("li").css("color","red");以上代碼的CSS函數就不是一個破壞性操作,因為匹配元素列表並沒有發生變化,改變的是元素中的常值內容的CSS屬性。$("li").find(".first"
Time of Update: 2015-07-17
Javascript簡單改變表單元素背景的方法,javascript表單本文執行個體講述了Javascript簡單改變表單元素背景的方法。分享給大家供大家參考。具體如下:這裡使用Javascript改變表單元素的背景,如改變文字框的背景function colorChange(formName,formItem){ document.forms[formName.name].elements[formItem.name].style.backgroundColor =
Time of Update: 2015-07-17
jQuery簡單實現驗證郵箱格式,jquery驗證郵箱在表單提交的時候可能需要用到郵箱驗證代碼,代碼比較簡單,就是郵箱格式的判斷,如果說有痛點可能就是關於Regex的使用,這裡就不多說了,大家可以自行查詢,下面就給出一段可以使用的驗證代碼,複製黏貼即可。代碼執行個體如下:<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script><script
Time of Update: 2015-07-17
jQuery實現提示密碼強度的代碼,jquery強度如何?色條隨輸入密碼長度變化效果:在很多網站註冊頁面都有這樣的功能,當使用者輸入密碼的時候,下面會出現一個色條,色條的長度會跟隨輸入密碼的長度變化,並且色條的顏色也會根據輸入密碼長度的不同有所改變,一般是用來提示密碼強度。下面就簡單介紹一下使用jQuery如何?此功能。代碼執行個體如下:<!DOCTYPE html><html><head><meta
Time of Update: 2015-07-17
淺談window對象的scrollBy()方法,windowscrollbyscrollBy()方法的定義和用法:此方法可以把內容移動指定尺寸。單位是像素(px)。點擊可參閱更多window對象的屬性和方法。文法結構:scrollBy(x,y)參數列表:參數 列表x 必需。內容向右移動的尺寸。y 必需。內容向下移動的尺寸。瀏覽器支援:1.IE瀏覽器支援此屬性。2.Firefox瀏覽器支援此屬性。3.Opera瀏覽器支援此屬性。4.chrome瀏覽器支援此屬性。代碼執
Time of Update: 2015-07-17
JavaScript實現對下拉式清單值進行排序的方法,javascript排序本文執行個體講述了JavaScript實現對下拉式清單值進行排序的方法。分享給大家供大家參考。具體如下:function sortList(id) { var obj = document.getElementById("id"); var values = new Array(); for(var i = 0; i < obj.options.length; i++) {
Time of Update: 2015-07-17
jQuery的事件委託執行個體分析,jquery委託執行個體分析事件委託主要是利用事件冒泡現象來實現的,對於事件委託的精準的掌握,可以有利於提高代碼的執行效率。先看一段代碼執行個體:<!DOCTYPE html><html><head><meta charset="utf-8"><title>幫客之家</title><style type="text/css">table{ width:300px;
Time of Update: 2015-07-17
Javascript顯示和隱藏ul列表的方法,javascriptul本文執行個體講述了Javascript顯示和隱藏ul列表的方法。分享給大家供大家參考。具體如下:<ul id="rightNav"> <li> <h2 class="rightNavItem"><a href="#">Show & Hide</a></h2> <ul> <li><a href="">Links
Time of Update: 2015-07-17
javascript實現線上客服效果,javascript線上客服線上客服系統在大量的網站都有應用,特別是銷售類網站,可以有效增加網站的可用性,便於客戶及時聯絡商家,從而增加了交易成功的可能性,線上客服系統的實現方式有多種多樣,這裡介紹一種網上常見並且非常美觀的客服系統,以此達到舉一反三的目的,能夠比較輕鬆的實現其他外觀形式的客服系統,程式碼範例如下:CSS<style type="text/css">body { margin:0px}.main_head {
Time of Update: 2015-07-17
JavaScript基於ajax編輯資訊用法執行個體,javascriptajax本文執行個體講述了JavaScript基於ajax編輯資訊的方法。分享給大家供大家參考。具體如下:// Requires prototype.jsfunction edit(action, obj) { Element.hide(obj); var textarea ='<div id="' + obj.id + '_editor"><input type="text" id="' +