Time of Update: 2015-07-20
標籤:頭操作unshift和shiftvar arr = [1, 2, 3];arr.unshift(4); // arr = [4, 1, 2, 3]; 頭加arr.shift(); // arr = [1, 2, 3]; 頭部刪除尾部操作push和popvar arr = [1, 2, 3];arr.push(4); // arr = [1, 2, 3, 4]; 尾部加入arr.pop(); // arr = [1, 2, 3]; 尾部刪除萬能操作splicevar arr = [1, 2,
Time of Update: 2015-07-17
標籤:java javascript 一.函數定義方式1.普通方式定義函數function 函數名(參數n){函數體}function add(a,b){return a+b;}方式2.直接量定義函數var 函數名=function(參數n){函數體}var add=function(a,b){return a+b;}方式三.構造方式定義函數var 函數名=new Function(參數n,函數體);var add = new
Time of Update: 2015-07-17
標籤:javascript asp.net 介紹職責鏈模式(Chain of
Time of Update: 2015-07-17
標籤:javascript Date日期對象的建立 建立一個日期對象:var objDate=new Date([arguments list]);我總結了參數形式主要有以下3種:new Date("month dd yyyy hh:mm:ss");//後面的hh:mm:ss可選(不選的話就是預設的開始時間),而且前三項的順序可以隨意,甚至各欄位後面可以加逗號new Date(yyyy,mth,d
Time of Update: 2015-07-17
標籤:javascript介紹策略模式定義了演算法家族,分別封裝起來,讓他們之間可以互相替換,此模式讓演算法的變化不會影響到使用演算法的客戶。本文在理解策略模式之前,我們先來一個例子,一般情況下,如果我們要做資料合法性驗證,很多時候都是按照swith語句來判斷,但是這就帶來幾個問題,首先如果增加需求的話,我們還要再次修改這段代碼以增加邏輯,而且在進行單元測試的時候也會越來越複雜,代碼如下: validator = { validate: function
Time of Update: 2015-07-17
標籤:javascript 設計模式 介紹建構函式大家都很熟悉了,不過如果你是新手,還是有必要來瞭解一下什麼叫建構函式的。建構函式用於建立特定類型的對象——不僅聲明了使用的對象,建構函式還可以接受參數以便第一次建立對象的時候設定對象的成員值。你可以自訂自己的建構函式,然後在裡面聲明自訂類型對象的屬性或方法。基本用法在JavaScript裡,建構函式通常是認為用來實現執行個體的,JavaScript沒有類的概念,但是
Time of Update: 2015-07-17
標籤:javascript前言本章我們要講解的是S.O.L.I.D五大原則JavaScript語言實現的第3篇,裡氏替換原則LSP(The Liskov Substitution Principle )。英文原文:http://freshbrewedcode.com/derekgreer/2011/12/31/solid-javascript-the-liskov-substitution-principle/開閉原則的描述是:Subtypes must be
Time of Update: 2015-07-17
標籤:javascript前言本章我們要講解的是S.O.L.I.D五大原則JavaScript語言實現的第2篇,開閉原則OCP(The Open/Closed Principle )。開閉原則的描述是:Software entities (classes, modules, functions, etc.) should be open for extension but closed for
Time of Update: 2015-07-21
總結CSS3新特性(Transform篇),css3transform概述:CSS3新添加的Transform可以改變元素在可視化地區的座標(這種改變不會引起文檔的重排,只有重排),以及形狀,還有些3D形變.結合 Animation(這裡以後會有個連結的) 能實現酷炫的動畫;旋轉(rotate):rotate支援一個參數,一個角度值 0-360deg#demo { transform:rotate(180deg) ;/*實現旋轉,左上方的東西會在右下角顯示*/}縮放(scale)
Time of Update: 2015-07-21
JavaScript:S.O.L.I.D五大原則之裡氏替換原則LSP前言本章我們要講解的是S.O.L.I.D五大原則JavaScript語言實現的第3篇,裡氏替換原則LSP(The Liskov Substitution Principle )。 開閉原則的描述是:Subtypes must be substitutable for their base types.衍生類別型必須可以替換它的基底類型。
Time of Update: 2015-07-21
JavaScript:S.O.L.I.D五大原則之依賴倒置原則DIP前言本章我們要講解的是S.O.L.I.D五大原則JavaScript語言實現的第5篇,依賴倒置原則LSP(The Dependency Inversion Principle )。 依賴倒置原則依賴倒置原則的描述是:A. High-level modules should not depend on low-level modules. Both should depend on abstractions.
Time of Update: 2015-07-21
JavaScript——遞迴,嵌套和閉包關於函數建立的三種方式以及遞迴,嵌套和閉包的概念經常容易搞混。函數定義的三種方式:1.聲明式函數(標準的關鍵字function+函數名+(參數列表)+{函數主體})例如:function functionname(param1,param2,......,paramn){function statment}2.匿名式函數(將函數賦予的變數+建構函式Function+(參數))例如:var variable=new
Time of Update: 2015-07-20
如何用CSS控制字的間距,CSS控制字間距如何用CSS控制字的間距:有時候預設的字間距並不能夠滿足實際需要,可能需要進行人為的控制,下面就簡單介紹一下如何?此效果。使用letter-spacing屬性即可以設定字間距。代碼執行個體如下: <!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author"
Time of Update: 2015-07-19
JavaScript:求值策略(Evaluation strategy)介紹本章,我們將講解在ECMAScript向函數function傳遞參數的策略。電腦科學裡對這種策略一般稱為“evaluation strategy”(大叔註:有的人說翻譯成求值策略,有的人翻譯成賦值策略,通看下面的內容,我覺得稱為賦值策略更為恰當,anyway,標題還是寫成大家容易理解的求值策略吧),例如在程式設計語言為求值或者計算運算式設定規則。向函數傳遞參數的策略是一個特殊的case。
Time of Update: 2015-07-19
js實現頭像圖片切割縮放及無重新整理上傳圖片的方法,js縮放本文執行個體講述了js實現頭像圖片切割縮放及無重新整理上傳圖片的方法。分享給大家供大家參考。具體如下:fname:後台接收時用的名字, 必填funstr:開始上傳執行的函數, 預設無funbak:上傳成功後的回呼函數, 必填furl:上傳地址; 預設當前form的提交頁面注意:上傳地址和當前地址必須為同意網域名稱否則回呼函數擷取不到
Time of Update: 2015-07-19
JavaScript實現模仿桌面視窗的方法,javascript視窗本文執行個體講述了JavaScript實現模仿桌面視窗的方法。分享給大家供大家參考。具體如下:這裡使用JS模仿了桌面視窗的移動、八個方向的縮放、最小化、最大化和關閉,以及 雙擊縮小放大視窗、改變視窗大小的預覽效果等功能。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
Time of Update: 2015-07-19
js實現使用者離開頁面前提示是否離開此頁面的方法(包括瀏覽器按鈕事件),js頁面本文執行個體講述了js實現使用者離開頁面前提示是否離開此頁面的方法(包括瀏覽器按鈕事件)。分享給大家供大家參考。具體如下:使用者離開頁面前,提示是否離開此頁面(包括瀏覽器按鈕事件)<script type="text/javascript">window.onbeforeunload = function(){return
Time of Update: 2015-07-17
為什麼設定的vertical-align垂直置中不起作用,textalign垂直置中為什麼設定的vertical-align垂直置中不起作用:vertical-align屬性可能使用並不是太頻繁,但是有時候可能會使用vertical-align:middle設定對象內部的元素垂直置中對齊,但是有時候會發現此設定並非都會產生效果。代碼執行個體如下:<!DOCTYPE html><html><head><meta
Time of Update: 2015-07-17
toolTip(用svg製作出富有動態對話方塊),tooltipsvg昨晚看了用svg如何製作富有動態tooltip,於是今天就心血來潮學著做一下,於是也成功做出來,也明白其中的原理,收穫頗多阿!接下來要多去學習svg,這是個好東西。這其中也注意了一些平時糾結的細節應該怎麼去做,比如: <article> <section id="sound1"> </section> <section
Time of Update: 2015-07-17
Web前端知識技能大匯總,Web知識技能匯總項目起源 還記得@jayli