Time of Update: 2017-01-19
有些知識當時實在看不懂的話,可以先暫且放下,留在以後再看也許就能看懂了。幾個月前,抱著《JavaScript 進階程式設計(第三版)》,啃完建立對象,就開始啃起了 繼承 ,然而啃完 原型鏈 就實在是看不下去了,腦子越來越亂,然後就把它扔一邊了,繼續看後面的。現在利用這個暑假搞懂了這個繼承,就把筆記整理一下啦。原型鏈(Prototype Chaining)先看一篇文章,文章作者講的非常不錯,並且還配高清套圖哦。lol…連結: [學習筆記] 小角度看JS原型鏈從原文中小摘幾句 建構函式通過
Time of Update: 2017-01-19
"快速排序"的思想很簡單,整個排序過程只需要三步: (1)在資料集之中,選擇一個元素作為"基準"(pivot)。 (2)所有小於"基準"的元素,都移到"基準"的左邊;所有大於"基準"的元素,都移到"基準"的右邊。 (3)對"基準"左邊和右邊的兩個子集,不斷重複第一步和第二步,直到所有子集只剩下一個元素為止。舉例來說,現在有一個資料集{85, 24, 63, 45, 17, 31, 96,
Time of Update: 2017-01-19
replace()最簡單的算是能力就是簡單的字元替換。範例程式碼如下: [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行] 我想大家運行後可以看到結果,它只替換了首字母。但如果加上Regex結果就不一樣了!呵呵,沒錯。replace()支援Regex,它可以按照Regex的規則匹配字元或字串,然後給予替換! [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
由於以前對javascript瞭解不夠深入,一時間手足無措。 後來經過兩位高手同事的指點(對這兩位同事的敬仰猶如滔滔江水連綿不絕...),恍然大悟,豁然開朗 成功地完成了此功能的添加。 首先來介紹一下javascript中關於此功能的一些對象和方法: 1. window.event對象: event代表事件的狀態,例如觸發event對象的元素、滑鼠的位置及狀態、按下的鍵等等。 event對象只在事件發生的過程中才有效。 2. event.srcElement: 表示該事件的發生源
Time of Update: 2017-01-19
this是物件導向語言中的一個重要概念,在JAVA,C#等大型語言中,this固定指向運行時的當前對象。但是在javascript中,由於 javascript的動態性(解釋執行,當然也有簡單的先行編譯過程),this的指向在運行時才確定。這個特性在給我們帶來迷惑的同時也帶來了編程上的 自由和靈活,結合apply(call)方法,可以使JS變得異常強大。2.變化的this
Time of Update: 2017-01-19
可滾動跟隨彈出框效果代碼——雲棲社區 作者:丁學--滾動跟隨 testhide show [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]
Time of Update: 2017-01-19
第一個太簡單就不說了,第二個也很簡單,但每個人都有不同的實現方法,下面給一個比較簡潔的做法,支援IE6、IE7、FF2,其他瀏覽器未測試(可以擴充一下用到ASP.NET的GridView裡): 滑鼠划過表格行變色-簡潔實現 商品名稱 單價 庫存數量 貨位 丁學最喜歡的仙四豪華版-菱紗版 139 10000000 A12-253 仙四豪華版-夢璃版 139 10000000 A12-254 仙四普通版-首發 69 10000000 A12-255
Time of Update: 2017-01-19
[Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]寫成函數可以這樣: 複製代碼 代碼如下:<script type="text/javascript"> function trim(str){ //刪除左右兩端的空格 return str.replace(/(^\s*)|(\s*$)/g, ""); } function ltrim(str){ //刪除左邊的空格 return str.replace(/(^\s*)/g,""); } function
Time of Update: 2017-01-19
下面是他們的字串規則: 1、<(script|link|style|iframe)(.|\n)*<\/\1>\s* 2、\s*on[a-z]+\s*=\s*("[^"]+"|'[^']+'|[^\s]+)\s*(?=>)
Time of Update: 2017-01-19
複製代碼 代碼如下: <!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>javascript之null和undefined</title> </head> <body> <script type="text/javascript">
Time of Update: 2017-01-19
在傳統物件導向的程式設計語言裡,都會提供一種子類訪問父類的特殊文法,引文我們在實現子類方法往往需要父類方法的額外輔助。在這種情況下,子類通常會調用父類中的同名方法,最終以便完成工作。javascript雖然沒有類似上述的特殊文法,但我們可以造一個啊!function her(){};her.prototype.name = 'Anna';her.prototype.toString = function(){var const = this.constructor;return
Time of Update: 2017-01-19
在閱讀本文前,可以先閱讀《Javascript拖拽&拖放系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight屬性》這篇文章,以理清上下文關係。好了,讓我們開始進入正題。 模型相同的屬性/方法 1 Button屬性 Integer類型,可讀可寫。對於特定的滑鼠事件,表示按下的滑鼠按鍵,它可以在拖拽的時候,判斷是否是滑鼠左鍵引發mousedown事件。它的所有取值及其意義(參考自《Javascript進階程式設計》)好了,讓我們開始進入正題。 3.1
Time of Update: 2017-01-19
每個JavaScript函數都有prototype屬性(javascript對象沒有這個屬性),這個屬性引用了一個對象,這個對象就是原型對象。javascript允許我們修改這個原型對象。修改有2種方式:方式1:在原有的原型對象上增加屬性或者方法function Person(){}Person.prototype.add = function(){alert(this.name);};Person.prototype.name = "aty";var p1 = new Person();p1.
Time of Update: 2017-01-19
第一篇就先講講Javascript中的offsetParent屬性吧。 支援的瀏覽器:Internet Explorer 4.0+,Mozilla 1.0+,Netscape 6.0+,Opera 7.0+,Safari 1.0+ element.offsetParent Summary offsetParent returns a reference to the object which is the closest (nearest in the containment
Time of Update: 2017-01-19
經常會在js裡用到數組,比如 多個名字相同的input, 若是動態產生的, 提交時就需要判斷其是否是數組. if(document.mylist.length != "undefined" ) {} 這個用法有誤. 正確的是 if( typeof(document.mylist.length) != "undefined" ) {} 或 if( !isNaN(document.mylist.length) ) {} typeof的運算數未定義,返回的就是 "undefined". 運算數為數字
Time of Update: 2017-01-19
函數直接量,適用於只使用一次,無需命名的函數。如下例,後者雖有fact函數名,但只用作自我調用。 複製代碼 代碼如下:var f = function(x) { return x*x; } var f = function fact(x) { if(x<=1) return 1; else return x*fact(x-1); }; 函數的參數數組:Arguments對象。常用arguments[i]引用,arguments.length等。 對象:
Time of Update: 2017-01-19
例子如下: 複製代碼 代碼如下:<script> /** *動物 */ function Animal(){ this.name='Amimal'; this.showName=function(){ alert(this.name); }; } /* *貓 */ function Cat(){ this.name='cat'; } var animal=new Animal;//建立動物對象 var cat=new Cat;//建立貓對象 animal.showName.call(
Time of Update: 2017-01-19
大家幾乎都有在網上購物的經驗,有的網站會有一個商品放大鏡功能,就是把滑鼠移到圖片上的時候,旁邊會有另外一張大的圖片展示,等同於放大鏡效果,那這樣的效果怎樣實現的呢,我把代碼發給大家,請大家參考。<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>放大鏡</title><style>*{margin:0;padding:
Time of Update: 2017-01-19
JavaScript中的閉包真心是一個老生常談的問題了,最近面試也是一直問到,我自己的表述能力又不能完全支撐起來,真是抓狂。在回來的路上,我突然想到了一個很簡單的事情,其實我們在做項目時候,其實就經常用到閉包的,可是面試問的時候,回答又往往是我們經常搜到的答案,唉 不管是應付面試 還是真的想學點東西
Time of Update: 2017-01-19
想必大家都知道,JavaScrip是全棧開發語言,瀏覽器,手機,伺服器端都可以看到JS的身影。 本文會分享一些高效的JavaScript的最佳實務,提高大家對JS的底層和實現原理的理解。資料存放區電腦學科中有一個經典問題是通過改變資料存放區的位置來獲得最佳的讀寫效能,在JavaScript中,資料存放區的位置會對代碼效能產生重大影響。 – 能使用{}建立對象就不要使用new Object,能使用[]建立數組就不要使用new Array。JS中字面量的訪問速度要高於對象。 –