Time of Update: 2017-01-19
本文執行個體講解了javascript實現無縫上下滾動的代碼,分享給大家供大家參考,具體內容如下js實現上下無縫滾動的原理是這樣的:1、首先給容器設定高度或寬度,然後overflow:hidden; 2、容器高度設定後,內容超出則被隱藏。3、改變容器的scrollTop(上下滾動)屬性的值,讓內容上下移動一個節點的位置(滾動的原理);
Time of Update: 2017-01-19
本文執行個體講述了javascript基於prototype實作類別似OOP繼承的方法。分享給大家供大家參考,具體如下:這裡要說明的是,公有屬性(使用this.修飾符)可以被覆蓋,私人屬性(使用var 修飾符)不能被覆蓋子類不能訪問父類的私人屬性,父類的方法正常訪問父類的私人變數。function Vegetable(){ this.taste='delicious'; var a = 'I\'m Vegetable\'a!' this.fun1 = function(){
Time of Update: 2017-01-19
本文執行個體分析了javascript針對不確定函數的執行方法。分享給大家供大家參考,具體如下:在javascript中,有時候只知道一個函數的名字,但並不確定該函數有沒有,如何判斷該函數是否存在,並執行呢。一個方法是用eval() 執行拼接的程式字串,但可能帶來效能問題。另一個方法是使用符號屬性的方式來訪問函數,因為函數都是window對象的屬性。利用window[函數名] 來代表該function對象,用window[函數名]()來執行或調用該函數。例子:<html>
Time of Update: 2017-01-19
本文執行個體為大家分享的是一個拖放的效果,參考的代碼,重構以下,加以理解學習。首先來看效果:拖動div 拖放狀態:未開始 【程式說明】拖動原理:其實就是在拖動塊上監聽mousedown事件,滑鼠點擊時,通過事件對象擷取對應的座標參數。然後滑鼠移動時再監聽document上的mousemove事件,擷取滑鼠的clientX 和clientY座標然後設定拖動塊的left 和 top。首先是監聽mousedown事件複製代碼
Time of Update: 2017-01-19
本文執行個體分析了JavaScript中Textarea捲軸不能拖動的解決方案。分享給大家供大家參考,具體如下:在IE中,你是否碰到過Textarea的捲軸不能拖動,但點上下按鈕可以滾動內容?這個問題的原因很可能就是在該Textarea中綁定了onfocus事件,但是,基於某種條件,又將其焦點去掉(即blur()),這樣就導致捲軸不能拖動。一個典型的例子為:me.$input.on("focus",function(){ if ($isIE && me.enabled == false)
Time of Update: 2017-01-19
本文執行個體講述了JavaScript組件開發的技巧。分享給大家供大家參考,具體如下:使用JavaScript,按照物件導向的思想來構建組件。現以構建一個TAB組件為例。從功能上講,組件包括可視部分和邏輯控制部分;從代碼結構上講,組件包括代碼部分和資源部分(樣式、圖片等)。組件的特點:高內聚,低耦合(不與其他代碼邏輯交叉,可以繼承,包含);封裝性(隱藏私人方法和變數);可重用性(可反覆多次使用,用來組裝更複雜的應用)。<html><head><meta
Time of Update: 2017-01-19
本文執行個體講述了JavaScript擷取當前cpu使用率的方法。分享給大家供大家參考,具體如下:想擷取當前系統cpu的使用率,如果允許使用hta,可以使用以下的代碼擷取當前cpu的使用率(較為精確)setInterval(function() { var locator=new ActiveXObject ("WbemScripting.SWbemLocator"); var service=locator.ConnectServer("."); var cpu=new Enumerator
Time of Update: 2017-01-19
什麼是javascript閉包?javascript允許使用內建函式,內建函式可以訪問它們所在的外部函數中聲明的所有局部變數、參數和聲明的其他內建函式。當其中一個這樣的內建函式在包含它們的外部函數之外被調用時,就會形成閉包。簡單的javascript閉包例子:<script> function f1(){ var n=999; nAdd=function(){n+=1} function f2(){ alert(n); } return f2
Time of Update: 2017-01-19
javascript的return語句簡單介紹:return語句在js中非常的重要,不僅僅具有返回函數值的功能,還具有一些特殊的用法,有個清晰的把握是非常有必要的。下面就結合執行個體簡單介紹一下return語句的作用。一.用來返回控制和函數結果:通常情況,return語句對於一個函數是很有必要的,因為往往需要函數在一系列的代碼執行後會得到一個期望的傳回值,而此值就是通過return語句返回,並且將控制權返回給主調函數。文法格式:return 運算式代碼執行個體如下:function add(){
Time of Update: 2017-01-19
閉包函數是什麼?在開始學習的閉包的時候,大家很能都比較難理解.就從他的官方解釋來說,都是比較概念化的.不過我們也還是從閉包的含義出發。閉包是指函數有自由獨立的變數。換句話說,定義在閉包中的函數可以“記憶”它建立時候的環境。官方解釋說完後,我們先來看一個簡單計數的例子.var c = 0;function count(){c++;}count();// 1count();// 2這個例子是利用了全域變數來實現,但是這裡有個問題是,c這個變數也容易被其他方式所調用,這時候就可能會改變 c
Time of Update: 2017-01-19
編程範式編程範式是一個由思考問題以及實現問題願景的工具組成的架構。很多現代語言都是聚範式(或者說多重範式):
Time of Update: 2017-01-19
split()方法的定義和用法:split()方法可以利用字串的子字串的作為分隔字元將字串分割為字串數組,並返回此數組。注:作為分割符的子字串不會成為返回的數組的元素的一部分或者數組元素的一員。這裡只介紹使用一般字元作為分隔字元,關於使用Regex作為分隔字元的可以參閱Regexsplit()函數一章節。點擊可參閱更多相關String對象方法和屬性。文法結構:複製代碼 代碼如下:stringObject.split(separator,limit)參數列表: 參數
Time of Update: 2017-01-19
toString()方法的定義和用法:toString()方法可以把Number對象轉換成字串,並返回此字串。點擊可查看更多相關Number對象(類)的方法和屬性。文法結構:複製代碼 代碼如下:NumberObject.toString(radix)參數列表: 參數 描述 radix 可選。規定表示數位基數,使2 ~ 36
Time of Update: 2017-01-19
parseFloat()方法的定義和用法:parseFloat()方法可以解析一個字串,並返回一個浮點數。注:如果字串中的第一個字元不能夠轉換成數字,此方法返回NaN。如果字串中含有多個數字,但只會返回第一個數字。點擊可查看更多ECMAScript的全域方法和屬性。文法結構:複製代碼 代碼如下:parseFloat(string)參數列表: 參數 描述 string 必需。要被解析的字串。 執行個體代碼:複製代碼
Time of Update: 2017-01-19
Math.round()方法的定義和用法:Math.round()方法將對參數進行四捨五入操作。點擊可參閱更多相關Math對象方法和屬性。文法結構:Math.round(x)參數列表: 參數 描述 x 必需。必須是數實值型別。 執行個體代碼:執行個體一:複製代碼 代碼如下:console.log(Math.round(-2.1));輸出結果:-2。執行個體二:複製代碼
Time of Update: 2017-01-19
本章節介紹一下如何?對數字保留兩位小數效果,如果數位原本小數位元不到兩位,那麼缺少的就自動補零,這個也是為了統一的效果,先看代碼執行個體:function returnFloat(value){ var value=Math.round(parseFloat(value)*100)/100; var xsd=value.toString().split("."); if(xsd.length==1){ value=value.toString()+".00"; return value; }
Time of Update: 2017-01-19
什麼是事件?事件(Event)是JavaScript應用跳動的心臟 ,也是把所有東西粘在一起的膠水。當我們與瀏覽器中 Web 頁面進行某些類型的互動時,事件就發生了。事件可能是使用者在某些內容上的點擊、滑鼠經過某個特定元素或按下鍵盤上的某些按鍵。事件還可能是 網頁瀏覽器中發生的事情,比如說某個 Web 頁面載入完成,或者是使用者滾動視窗或改變視窗大小。通過使用 JavaScript
Time of Update: 2017-01-19
第一種方法:javascript實現保留兩位小數一位自動補零代碼執行個體:第一種方法介紹一下如何?對數字保留兩位小數效果,如果數位原本小數位元不到兩位,那麼缺少的就自動補零,這個也是為了統一的效果,先看代碼執行個體:function returnFloat(value){ var value=Math.round(parseFloat(value)*100)/100; var xsd=value.toString().split("."); if(xsd.length==1){
Time of Update: 2017-01-19
Function是javascript裡最常用的一個概念,javascript裡的function是最容易入手的一個功能,但它也是javascript最難理解最難掌握的一個概念。今天我們來嘗試理解Function和Object.因為這個裡面有些人前期可能會搞糊塗.他們之間到底是什麼關係.當然也不除外當初的我.注意:官方定義: 在Javascript中,每一個函數實際上都是一個函數對象.我們先來看最簡單的兩個代碼,也是最容易理解的.function fn(){}var obj =
Time of Update: 2017-01-19
本文執行個體分析了JavaScript文檔片段操作方法。分享給大家供大家參考,具體如下:使用文檔片段在某些情況下可以提高頁面效率。javascript操作dom是一個很耗效能的過程,在某些情況下,不得不進行dom迴圈操作,我們每次對dom的操作都會觸發"重排",這嚴重影響到能耗,一般通常採取的做法是儘可能的減少dom操作來減少"重排"。面對迴圈操作dom的過程,我們選擇使用文檔片段(creatDocumentFragment),將需要添加到dom中的內容一次性添加到文檔片段中,然後將文檔片段添加