Time of Update: 2015-11-12
Javascript設計模式理論與實戰:橋接模式橋接模式將抽象部分與實現部分分離開來,使兩者都可以獨立的變化,並且可以一起和諧地工作。抽象部分和實現部分都可以獨立的變化而不會互相影響,降低了代碼的耦合性,提高了代碼的擴充性。基本理論橋接模式定義:將抽象部分與它的實現部分分離,使它們都可以獨立地變化。橋接模式主要有4個角色群組成:1)抽象類別2)擴充抽象類別3)實作類別介面4)具體實作類別根據javascript語言的特點,我們將其簡化成2個角色:1)擴充抽象類別2)具體實作類別怎麼去理解橋接模式
Time of Update: 2015-11-12
純javascript響應式樹形菜單效果,javascript響應樹形簡要教程aimaraJS是一款非常實用的純javascript響應式多級分類樹結構外掛程式。該分類樹可以動態添加和刪除樹節點,可以製作多級樹結構,每個節點上可以都帶有右鍵操作功能表,並且每個節點上都可以配置不同的表徵圖。它的特點有: 可以建立一個基本的樹結構並渲染它。 可以即時添加和刪除樹節點。 可以顯示不同的樹節點表徵圖。 在樹節點開啟和關閉的時候可以自訂事件。
Time of Update: 2015-11-12
使用jQuery擷取data-的自訂屬性,jquerydata-廢話少說,先上代碼jQuery.fn.dataset = function(attr, val) { // 擷取資料集 if (arguments.length == 0) { var dataset = {}; jQuery(this).eq(0).each(function() { var attrs = this.attributes; for (var i = 0,
Time of Update: 2015-11-12
JavaScript編程的單例設計模講解,javascript編程講解在Javascript中,單例模式是一種最基本又經常用到的設計模式,可能在不經意間就用到了單例模式。本文將從最基礎的理論開始,講述單例模式的基本概念和實現,最後用一個例子來講述單例模式的應用。理論基礎概念單例模式,顧名思義就是只有一個執行個體存在。通過單例模式可以保證系統中一個類只有一個執行個體而且該執行個體易於外界訪問,從而方便對執行個體個數的控制並節約系統資源。如果希望在系統中某個類的對象只能存在一個,單例模式是最好的解決
Time of Update: 2015-11-12
JavaScript函數的一些注意要點小結及js匿名函數,javascriptjs下面給大家介紹javascript函數函數的基本文法是:function functionName(arg0,arg1,...,argN) { statements}下面是個樣本:function str(name,age){ document.write("hello my name is " + name + ". and i am " + age + " years old.");}str(" oliver"
Time of Update: 2015-11-12
淺談javascript中replace()方法,javascriptreplace定義和用法replace() 方法用於在字串中用一些字元替換另一些字元,或替換一個與Regex匹配的子串。文法stringObject.replace(regexp/substr,replacement)傳回值一個新的字串,是用 replacement 替換了 regexp 的第一次匹配或所有匹配之後得到的。說明字串 stringObject 的 replace() 方法執行的是尋找並替換的操作。它將在
Time of Update: 2015-11-12
js數組常見操作及數組與字串相互轉化執行個體詳解,js數組本文執行個體講述了js數組常見操作及數組與字串相互轉化方法。分享給大家供大家參考,具體如下:數組與字串的相互轉化<script type="text/javascript">var obj="new1abcdefg".replace(/(.)(?=[^$])/g,"$1,").split(",");//字串轉化為數組var obj2 = "new2abcdefg".split(""); //字串轉化為數組alert(
Time of Update: 2015-11-12
javascript實現五星評分功能,javascript五星評分本文為大家分享了javascript實現五星評分功能的執行個體代碼,大家可以參考學習一下,具體的實現辦法如下在分享javascript實現五星評價功能的執行個體代碼之前,先看一看:star1.png star1.png 具體代碼: <!DOCTYPE html><html
Time of Update: 2015-11-12
詳解javascript函數的參數,詳解javascript函數javascript函數可以用任意多個參數來調用,而不用管函數定義時指定了幾個參數。因為函數是弱類型的,沒有方法去聲明它所期望的參數類型,並且給任何函數傳遞任何類型的值都是合法的。1.Js函數可以傳入不同的參數,如function writeNString(strMsg){document.write(strMsg +
Time of Update: 2015-11-12
淺談使用MVC模式進行JavaScript程式開發,mvcjavascript隨著前台開發日益受到重視,用戶端代碼比重日益增加的今天,如何在javascript開發裡應用MVC模式,這個問題似乎會一直被提到,所以偶在這裡粗略的談一下自己的看法吧。MVC模式的基本理念,是通過把一個application封裝成model, view和controller三個部分達到降低耦合,簡化開發的目的。這麼說很空洞,大家可以實際看個例子:<select id="selAnimal">
Time of Update: 2015-11-12
簡單學習JavaScript中的for語句迴圈結構,javascriptfor可以直接看樣本,用得太多了,很簡單(function() { for(var i=0, len=demoArr.length; i<len; i++) { if (i == 2) { // return; // 函數執行被終止 // break; // 迴圈被終止 continue; // 迴圈被跳過 }; console.log('demo1Arr['+
Time of Update: 2015-11-12
JavaScript中利用各種迴圈進行遍曆的方式總結,javascript為了方便例子講解,現有數組和json對象如下var demoArr = ['Javascript', 'Gulp', 'CSS3', 'Grunt', 'jQuery', 'angular'];var demoObj = { aaa: 'Javascript', bbb: 'Gulp', ccc: 'CSS3', ddd: 'Grunt', eee: 'jQuery', fff: 'angular'};for
Time of Update: 2015-11-12
jQuery+CSS3實現3D立方體旋轉效果,jquerycss3本文介紹了如何利用jQuery+CSS3實現3D立方體旋轉效果,先看一看:切換圖片過程中,圖片進行旋轉:HTML結構3D圖片畫廊的圖片列表和導覽按鈕分別使用兩個無序列表來製作。<section> <div id="css3dimageslider" class="transparency"> <ul> <li> <img src="img/css3dimg1.jpg">
Time of Update: 2015-11-12
每天一篇javascript學習小結(基礎知識),javascript小結1、字元轉換 var s1 = "01"; var s2 = "1.1"; var s3 = "z";//字母'z'無法轉換為數字,所以或返回NaN var b = false; var f = 1.1; var o = { valueOf: function() { return -1; } }; s1 = -s1; //value becomes numeric -1 s2 =
Time of Update: 2015-11-11
上傳檔案中使用ajaxfileupload.js碰到的問題在做上傳圖片時需要用到非同步上傳值伺服器,當時選用了ajax的ajaxfileupload可以上傳。 這裡寫下踩過的坑 1:使用$.ajaxFileUpload({});函數,網頁報錯,提示沒有這個函數。 解決:匯入ajaxfileupload.js檔案。簡單 2:上傳成功了沒有執行回調,即$.ajaxFileUpload({ url:”,
Time of Update: 2015-11-11
angularjs ngSanitize ngRoute ngAnimate 外掛程式angularjs ngSanitize ngRoute ngAnimate 外掛程式學習要點:1. Angularjs 中的 ngSanitize2. Angularjs 中的 ngRoute3. Angularjs 中的 ngAnimate1. Angularjs 中的 ngSanitize讓瀏覽器簡析 html 標籤1. 引入 js angular-sanitize.min.js2. 在 module
Time of Update: 2015-11-11
JavaScript設計模式 Item 5 --鏈式調用1、什麼是鏈式調用這個很容易理解,例如:$(this).setStyle('color', 'red').show();一般的函數調用和鏈式調用的區別:調用完方法後,return this返回當前調用方法的對象。function Dog(){ this.run= function(){ alert(The dog is running....);
Time of Update: 2015-11-11
淺析js中substring和substr的方法,substringsubstr1、substring 方法:用於提取字串中介於兩個指定下標之間的字元substring(start,end)開始和結束的位置,從零開始的索引參數 描述start 必需。一個非負的整數,規定要提取的子串的第一個字元在 stringObject 中的位置。stop &
Time of Update: 2015-11-11
舉例講解JavaScript substring()的使用方法,javascriptsubstring定義和用法substring() 方法用於提取字串中介於兩個指定下標之間的字元。文法stringObject.substring(start,stop) 傳回值一個新的字串,該字串值包含 stringObject 的一個子字串,其內容是從 start 處到 stop-1 處的所有字元,其長度為 stop 減 start。說明substring() 方法返回的子串包括 start
Time of Update: 2015-11-11
3種js實現string的substring方法,stringsubstring最近遇到一個題目,“如何利用javascript實現string的substring方法?”我目前想到的有以下三種方案:方法一:用charAt取出截取部分:String.prototype.mysubstring=function(beginIndex,endIndex){ var str=this, newArr=[]; if(!endIndex){ endIndex=str.length; }