JavaScript

前言

這是一篇關於JavaScript的物件導向和繼承的文章，寫於1年前，作者循序漸進，對想學習JavaScript中物件導向的同學來說是很有協助的，因此試著翻譯一下，不妥之處，請指正。原文連結Objects and Inheritance in Javascript

JavaScript中的物件模型(object model)並不廣為人知。我曾寫過一篇關於他們的部落格。之所以不被人所熟知，原因之一就是JavaScript是這些被人廣泛使用的語言中唯一一個通過原型(prototype)來實現繼承的。但是，我認為另一個原因就是這種物件模型非常複雜，難於解釋。它為什麼這麼複雜並且又令人困惑呢？那是因為JavaScript試圖去隱藏它傳統的物件導向的特性——最終導致了它的雙重人格（譯者註：作者意思是JavaScript既有面向過程的特徵，又有物件導向的特徵）。

這個問題是在著名的問答網站——stackoverflow上看到的。 之前也看到過JavaScript的這個問題，但是沒有深入瞭解，今天在StackOverflow上看到了答案，感覺不錯，記下來分享給大家。問題的描述是這樣的： 複製代碼 代碼如下: console.log(10..toString());//10 console.log(10.toString());//SyntaxError: Unexpected token ILLEGAL

1. 這兩個方法，如果匹配成功，返回一個數組，匹配失敗，返回null。 2. 當RegExp的global屬性為false時，這兩個方法的返回數組是一樣的。 　　數組的第0個元素是整個pattern的第一個匹配字串，接下來的元素是pattern第一個匹配中的子匹配字串。 　　此外，數組還有index和input兩個額外屬性，index是匹配字串的起始位置，input是整個輸入字串。 　　此時，RegExp的lastIndex屬性一直是0。 demo： 複製代碼 代碼如下: var s =

線上示範 大家還記得我們曾經介紹過的表單驗證jquery外掛程式jquery.validationEngine吧，使用這個外掛程式你不需要寫任何一行js代碼就可以產生一個功能強大的表單驗證功能。是不是超棒？ 今天介紹的Parsley同樣也可以協助你只使用簡單的配置即可實現表單驗證功能，基於它的強大DOM-API。 主要特性 •基於超棒的使用者體驗 •超級方便配置 •超輕量級(壓縮後12K），支援jQuery和Zepto

你可以參考到前一版本 http://www.jb51.net/article/33555.htm 這個有點不好的地方，就是如果想改變樣式，也許得使用尋找替換才行。因此，Insus.NET寫出另外一個方法來實現，這樣可以改一應用百。 先寫一個樣式Style: 複製代碼 代碼如下:<style type="text/css"> .overStyle { border-color:#3599ff; } .outStyle { border-color: #fff; }

今天做了一個css的練習，效果有點象Maxthon首頁一樣。使用onmouseover和onmouseout事件實現不同的效果。如： 你可以使用下面javascript。 複製代碼 代碼如下: <script type="text/javascript"> function DynamicSetStyle(id, attr, val) { var element = document.getElementById(id); if (element)

javascript是個入門門檻很低的語言，甚至一個從來沒有接觸過javascript的技術人員，幾小時內就可以寫出一個簡單有用的程式碼。 但是如果因此你就下結論：javascript是門簡單的語言。那你就大錯特錯了。想寫出高效能的代碼，同樣需要具備一個進階程式員的基本素養。 一個java或者c++程式員，不一定能寫出高效能的javascript代碼，但更容易寫出高效能的javascript代碼。

這一次來學習一下Partial Application。我們先看一下函數的介紹，在維基上有簡單的介紹： 在數學中，一個函數是描述每個輸入值對應唯一輸出值的這種對應關係，符號為 f(x)。例如，運算式 f(x)=x2表示了一個函數 f，其中每個輸入值x都與唯一輸出值x2相聯絡。因此，如果一個輸入值為3，那麼它所對應的輸出值為9。而g(x,y) = xy有兩個參量x和y，以乘積xy為值。上面描述了函數（為方便假設x,y都是int），並且給出了函數的兩個例子，先換一種方式來看，f(x)可以表示為：x

前言 在前一篇文章javascript之典型高階函數中主要實現了幾個典型的functional函數。文章最後也提出了疑問，為啥那樣的實現與F#之類的函數式語言“不太一樣”呢？今天來試試更“函數式”的實現。 另一種實現 同樣地，嘗試對之前實現的函數做一些改動，把for迴圈去掉。如何去掉呢？這裡先要引入一個集合的歸納法定義： 一個集合要麼是空集，要麼是一個數與一個集合組成的數對從定義可以看到，每一個集合都可以看作為一個數和一個集合的對。例如：{1,2,4,5} 可以認為是數 1 與 集合{2,4,5

緣由

前兩講我告訴了大家如何使人物移動，那麼今天我們就來看看如何?仿《三國志曹操傳》人物情景對話。具體的連結我寫在下方。一、前言相信大家都還記得吧，在某些新聞裡會有一些慘不忍睹的結果是用像打字機一樣的方式把文字弄出來。那麼今天的主要目的就是要辦到這個。就在9月5日的時候，我在辦公室裡起了個做這種程式的念頭，並且有了點思路。我首先想用調margin的方法，按理說是作出來了，但很不讓人滿意，畢竟很麻煩，並且技術也差。所以我打算用上數組和迴圈。9月13日我抽空寫出來了，但由於這幾天很忙，基本上在工作日不可能

前期在.net 下進行系統操作，同樣的功能實現起來非常複雜，沒想到用javascript竟然如此簡單，所以在網上搜尋了代碼並加以改進。 複製代碼 代碼如下: function PathList(path) { var fso = new ActiveXObject("Scripting.FileSystemObject"); var fldr = fso.GetFolder(path); var fd = new Enumerator(fldr.SubFolders); for (;

最近寫一個jQuery外掛程式，在最後完成最佳化時，對比發現壓縮後檔案比較大，就思考那些是可以被修改和最佳化的，發現壓縮原理也有很大的空間可以學習，通過這次對YUI Compressor壓縮JavaScript深有體會，那些是可以被壓縮的，特別是那些不能被壓縮的，都需要很清楚，這樣才能寫出來的外掛程式才能保持檔案更小，代碼更精巧，而且最佳化的過程中也會發現代碼待改良的地方，對以後也有很大協助。隨便在網上找來一篇文章做記錄了。 YUI Compressor 壓縮 JavaScript 的內容包括：

今天有做了幾個asp.net結合Javascript的教程文章。現回顧頭來看看那些Javascript指令碼，有寫得不太理想，過於複雜。現抽取出來，重構它們。 之前一： 複製代碼 代碼如下: function SelectedAll(cb) { cb.checked = cb.checked ? false : true; var gv = document.getElementById('<%=GridViewCouplets.ClientID %>'); var rc = gv.

今天在犀牛書上發現了一個有用的函數 urlArgs（提取URL的搜尋字串中的參數）。我們經常會看到有的頁面連結地址後面會跟有參數，比如 http://www.xxx.com/?username=yyy&password=zzz 之類的，很多時候我們需要獲得這些參數的值（yyy和zzz），那麼就可以利用 urlArgs 函數，通過該函數的傳回值（傳回值是對象）的屬性來擷取。 urlArgs 函數代碼： 複製代碼 代碼如下: function urlArgs(){ var args = {};

複製代碼 代碼如下: <script> //當失去交點以後 讓文字框內的文字獲得焦點 並且游標移到最後一個字後面 function myfocus(myid) { if(isNav){ document.getElementById(myid).focus();// 擷取焦點 }else{ setFocus.call(document.getElementById(myid)); } } var isNav =

現在很多網站都有這樣的一個效果，當頁面滾動到一定高度時，功能表列會固定在頁面頂部。其實就是改變 position 的值。 html 代碼： 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css"

現在很多網站都用到了返回頂部的效果，當然懶的話也可以直接 a 網站連結到 #，這樣也可以達到效果。今天抽空用原生 javascript 寫了個，由於本人水平有限，如有問題請指出。 html 代碼： 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-回到頂部</title> <style type=