JavaScript

基於CSS3滑鼠滑過放大突出效果，css3滑鼠滑過放大還記得之前分享過一款CSS3圖片懸停放大特效，效果非常不錯。今天我們要再來分享一款類似的CSS滑鼠滑過放大突出效果，只不過之前那個是圖片，這次是色塊，其實掌握了其CSS原理，任何網頁元素都可以實現這種突出放大的CSS3動畫特效。如下：線上預覽    源碼下載實現的代碼。html代碼： <div class="container"> <ul class="evenflow

使用CSS如何?截取標題並用省略符號表示超出部分，css省略符號使用CSS如何?截取標題並用省略符號表示超出部分:眾多的網站都有這樣的效果，當新聞標題過長的時候，一般都會截取一部分，並且會在末尾使用省略符號（...）表示被截取掉的部分。這樣的效果當然也可以由背景程式員來完成，當然前台人員利用CSS也可以實現此效果，可以省卻很多後台代碼，有著不小的有點。下面簡單介紹一下如何?此種效果。代碼執行個體如下:<!DOCTYPE

Bootstrap~表單Form，bootstrap表單form在進行自己的後台改版時，大體布局都使用了bootstrap，剩下的表單部分沒理由不去使用它，對於表單的美化和布局，bootstrap做的也是很不錯的，有大氣的邊框，多功能的按鈕及宏觀的表單布局，一切都是那麼的完整與完美！普通表單我們需要將表單元素包裹到form-group類裡，一般以<div

總結CSS3新特性(Transition篇)，css3transitionCSS 過渡（transition）, 是 CSS3 規範的一部分, 用來控制 CSS 屬性的變化速率。 可以讓屬性的變化過程持續一段時間，而不是立即生效。比如，將元素的顏色從白色改為黑色，通常這個改變是立即生效的，使用 transition

總結CSS3新特性(Transform篇)，css3transform概述:CSS3新添加的Transform可以改變元素在可視化地區的座標(這種改變不會引起文檔的重排,只有重排),以及形狀,還有些3D形變.結合 Animation(這裡以後會有個連結的) 能實現酷炫的動畫;旋轉(rotate):rotate支援一個參數,一個角度值 0-360deg#demo { transform:rotate(180deg) ;/*實現旋轉,左上方的東西會在右下角顯示*/}縮放(scale)

JavaScript：JavaScript核心（晉級高手必讀篇）我們首先來看一下對象[Object]的概念，這也是ECMASript中最基本的概念。對象ObjectECMAScript是一門高度抽象的物件導向(object-oriented)語言，用以處理Objects對象. 當然，也有基本類型，但是必要時，也需要轉換成object對象來用。An object is a collection of properties and has a single prototype object.

判斷checkbox選中，checkbox選中源碼如下，僅限參考，直接複製即可:<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script>function checkbox(){var str=document.getElementsByName("box");var objarray=str.length;var chestr="";for

JavaScript：設計模式之裝飾者模式介紹裝飾者提供比繼承更有彈性的替代方案。

JavaScript：執行內容（Execution Contexts）簡介 本章我們要講解的是ECMAScript標準裡的執行內容和相關可執行代碼的各種類型。本文參考了部落格園justinw的中文翻譯，做了一些錯誤修正，感謝譯者。定義每次當控制器轉到ECMAScript可執行代碼的時候，即會進入到一個執行內容。執行內容(簡稱-EC)是ECMA-262標準裡的一個抽象概念，用於同可執行代碼(executable

JavaScript：設計模式之命令模式介紹命令模式(Command)的定義是：用於將一個請求封裝成一個對象，從而使你可用不同的請求對客戶進行參數化；對請求排隊或者記錄請求日誌，以及執行可撤銷的操作。也就是說改模式旨在將函數的調用、請求和操作封裝成一個單一的對象，然後對這個對象進行一系列的處理。此外，可以通過調用實現具體函數的對象來解耦命令對象與接收對象。本文我們來通過車輛購買程式來展示這個模式，首先定義車輛購買的具體操作類：$(function () { var CarManager =

JavaScript 中的string 方法建立string的方法  var str =abc;var str = new String(abc);var str = String(abc'); length 屬性方法indexOf replace charAt split <script typt=text/javascript>var

JavaScript：設計模式之建造者模式介紹在軟體系統中，有時候面臨著“一個複雜物件”的建立工作，其通常由各個部分的子物件用一定的演算法構成；由於需求的變化，這個複雜物件的各個部分經常面臨著劇烈的變化，但是將它們組合在一起的演算法確相對穩定。如何應對這種變化？如何提供一種“封裝機制”來隔離出“複雜物件的各個部分”的變化，從而保持系統中的“穩定構建演算法”不隨著需求改變而改變？這就是要說的建造者模式。

javascript單例模式的理解理解單例模式單例模式的含義是: 保證一個類只有一個執行個體,並提供一個訪問它的全域訪問點。實現的方法是:使用一個變數來標誌當前是否已經為某個類建立過對象,如果建立了,則在下一次擷取該類的執行個體時,直接返回之前建立的對象,否則就建立一個對象。這就確保了一個類只有一個執行個體對象。 比如如下代碼是一個簡單的單例模式代碼執行個體:  var Singleton = function(name){ this.name = name;

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.

JavaScript：閉包（Closures）介紹本章我們將介紹在JavaScript裡大家經常來討論的話題 —— 閉包（closure）。閉包其實大家都已經談爛了。儘管如此，這裡還是要試著從理論角度來討論下閉包，看看ECMAScript中的閉包內部究竟是如何工作的。正如在前面的文章中提到的，這些文章都是系列文章，相互之間都是有關聯的。因此，為了更好的理解本文要介紹的內容，建議先去閱讀第14章範圍鏈和第12章變數對象。

JavaScript：設計模式之策略模式介紹策略模式定義了演算法家族，分別封裝起來，讓他們之間可以互相替換，此模式讓演算法的變化不會影響到使用演算法的客戶。本文在理解策略模式之前，我們先來一個例子，一般情況下，如果我們要做資料合法性驗證，很多時候都是按照swith語句來判斷，但是這就帶來幾個問題，首先如果增加需求的話，我們還要再次修改這段代碼以增加邏輯，而且在進行單元測試的時候也會越來越複雜，代碼如下： validator = { validate:

JavaScript中的Array對象方法調用方法concatfor 迴圈與for in 迴圈 <script type=text/javascript> alert(2);var arr=[4,5,6,8,7,4];alert(arr);alert(length:+arr.length);var arr2=[6,8,9,5,4];alert(arr2);alert(arr2[0]);alert(arr.concat(arr,arr2));for(var x in arr2

JavaScript：設計模式之原廠模式介紹與建立型模式類似，原廠模式建立對象（視為工廠裡的產品）時無需指定建立對象的具體類。原廠模式定義一個用於建立對象的介面，這個介面由子類決定執行個體化哪一個類。該模式使一個類的執行個體化延遲到了子類。而子類可以重寫介面方法以便建立的時候指定自己的物件類型。這個模式十分有用，尤其是建立對象的流程賦值的時候，比如依賴於很多設定檔案等。並且，你會經常在程式裡看到Factory 方法，用於讓子類類定義需要建立的物件類型。本文下面這個例子中，是應用了Factory

javascript進階特性之"繼承"javaScript中並不存在繼承的感念..但是我們可以根據javaScript的原型進行類比JavaScript的繼承：1.寫兩個函數對象，將其中的一個函數賦值給另一個函數對象的原型：  <script type=text/javascript> function A(){this.a = a;this.sayA = function(){alert(this is a.);}}var a = new

JavaScript：設計模式之建構函式模式介紹建構函式大家都很熟悉了，不過如果你是新手，還是有必要來瞭解一下什麼叫建構函式的。建構函式用於建立特定類型的對象——不僅聲明了使用的對象，建構函式還可以接受參數以便第一次建立對象的時候設定對象的成員值。你可以自訂自己的建構函式，然後在裡面聲明自訂類型對象的屬性或方法。基本用法在JavaScript裡，建構函式通常是認為用來實現執行個體的，JavaScript沒有類的概念，但是有特殊的建構函式。通過new關鍵字來調用定義的否早函