摘要： 下載地址 jQuery1.7.2正式發(fā)布了，下載地址：http://code.jquery.com/jquery-1.7.2.min.js(minified, production)http://code.jquery.com/jquery-1.7.2.js(unminified, debug) 注：如果你正在使用jQuery Mobile，請使用最新的jQuery 1.7.2和jQuery Mobile 1.1這兩個版本，因為之前的jQuery Mobile版本還基于jQuery core 1.7.1或更早的版本。更新內(nèi)容Ajax#4624: Charset in default aja.. 閱讀全文

摘要： 問題的產(chǎn)生 在寫JS的過程中，為了調(diào)試我們常常會寫很多 console.log、console.info、console.group、console.warn、console.error代碼來查看JS的運行情況，但發(fā)布時又因為IE不支持console，又要去掉這些代碼，一不小心就會出錯。 本文分享自己昨晚寫的一個console類來試圖解決這一問題。當(dāng)然，更好的做法是把測試代碼分開寫，那樣就不會有這個問題。解決思路 如何解決IE下不兼容的問題呢，那就是我們自己定義一個console類來覆蓋瀏覽器提供的console功能，這樣只要在頁面中引用此JS文件就可以了。 另外，此類還提供了查看輸出... 閱讀全文

摘要： 檢測瀏覽器的方式 1、對象特征檢測法：判斷瀏覽器能力的通用方法。如果更關(guān)注瀏覽器的能力而不在乎它的實際身份，就可以使用這種檢測方法。常見的原生Ajax寫法中就用這種方法來創(chuàng)建XMLHttpRequest：IXHR: function(){ if(window.ActiveXObject){ XHR=new ActiveXObject('Microsoft.XMLHTTP'); }else if(window.XMLHttpRequest){ XHR=new XMLHttpRequest(); }else{ ... 閱讀全文

摘要： Levenshtein算法Levenshtein算法定義及算法原理見這篇文章：一個快速、高效的Levenshtein算法實現(xiàn)JavaScript實現(xiàn)function levenshteinDistance(s,t){ if(s.length>t.length){ var temp=s; s=t; t=temp; delete temp; } var n=s.length; var m=t.length; if(m==0){ return n; } else if(n==0){ ... 閱讀全文

摘要： 今早在https://attachments.me/hirehack/public/computer.html做題，有一題是遞歸求嵌套數(shù)組中最大值:/*This challenge requires that, given as input an array which may contain: - integer values. - inner-arrays of integer values. - any recursive combination thereof. Return the largest value contained in the array or any of its 閱讀全文

摘要： Window對象窗口操作 Window對象對操作瀏覽器窗口非常有用，開發(fā)者可以移動或調(diào)整瀏覽器窗口的大小。可用四種方法實現(xiàn)這些操作： moveBy(dx,dy)：把瀏覽器窗口相對當(dāng)前位置水平移動dx個像素，垂直移動dy個像素。dx值為負左移，dy為負上移。 moveTo(x,y)：移動瀏覽器窗口，使它的左上角位于用戶屏幕的(x,y)處。可以使用負數(shù)，不過這樣會把部分窗口移出屏幕的可視區(qū)域。 resizeBy(dw,dh)：相對瀏覽器窗口當(dāng)前大小，把窗口的寬度調(diào)整dw個像素，高度調(diào)整dy個像素。dw、dy為負時縮小窗口。 resizeTo(w,h)：把窗口的寬度調(diào)整為w，高度調(diào)整為h，... 閱讀全文

摘要： 早上看到《JavaScript 每周導(dǎo)讀》【第三期】一文，里面發(fā)現(xiàn)一篇文章(Extending JavaScript – The Right Way)，覺得還不錯，翻譯過來跟大家共享，本文并不是逐字逐句進行翻譯，盡量說得通俗易懂。 原文地址：Extending JavaScript – The Right Way以下是譯文 JavaScript已經(jīng)內(nèi)置了很多強大的方法，但有時你需要的某個功能在內(nèi)置的方法中沒有，我們怎么來優(yōu)雅地擴展JavaScript功能呢。 例如我們想增加一個capitalize()方法來實現(xiàn)首字母大寫，通常我們這樣寫：if(!String.prototype.ca... 閱讀全文

摘要： 前言 當(dāng)前,在軟件開發(fā)中單元測試越來越受到開發(fā)者的重視,它能提高軟件的開發(fā)效率,而且能保障開發(fā)的質(zhì)量。以往，單元測試往往多見于服務(wù)端的開發(fā)中，但隨著Web編程領(lǐng)域的分工逐漸明細，在前端Javascript開發(fā)領(lǐng)域中，也可以進行相關(guān)的單元測試，以保障前端開發(fā)的質(zhì)量。 在服務(wù)器端的單元測試中，都有各種各樣的測試框架，在JavaScript中現(xiàn)在也有一些很優(yōu)秀的框架，但在本文中，我們將自己動手一步步來實現(xiàn)一個簡單的單元測試框架。 JS單元測試有很多方面，比較多的是對方法功能檢查，對瀏覽器兼容性檢查，本文主要談第一種。 本文檢查的JS代碼是我以前寫的一個JS日期格式化的方法，原文在這里(jav... 閱讀全文

摘要： 繼承 繼承是面向?qū)ο笳Z言的必備特征，即一個類能夠重用另一個類的方法和屬性。在JavaScript中繼承方式的實現(xiàn)方式主要有以下五種：對象冒充、call()、apply()、原型鏈、混合方式。 下面分別介紹。對象冒充 原理：構(gòu)造函數(shù)使用this關(guān)鍵字給所有屬性和方法賦值。因為構(gòu)造函數(shù)只是一個函數(shù)，所以可以使ClassA的構(gòu)造函數(shù)成為ClassB的方法，然后調(diào)用它。ClassB就會收到ClassA的構(gòu)造函數(shù)中定義的屬性和方法。 示例：function ClassA(sColor){ this.color=sColor; this.sayColor=function(){ ... 閱讀全文

摘要： 最近在博問中看到一個問題，問在MVC中如何用AJAX方式上傳圖片，這里做了一個DEMO，詳細解釋一下。 本DEMO代碼非常簡單，就是一個頁面上有一個上傳圖片按鈕，點擊后彈出一個層，在這個彈出層里上傳圖片，然后把圖片地址更新到頁面上。在獲得上傳的圖片地址后你可以做其他處理(如插入到文本編輯器中)。Controllerpublic class ImageController : Controller{ public ActionResult Index() { return View(); } [HttpPost] public JsonResul... 閱讀全文

摘要： 工廠方式 創(chuàng)建并返回特定類型的對象。 function createCar(sColor,iDoors,iMpg){ var oTempCar=new Object(); oTempCar.color=sColor; oTempCar.doors=iDoors; oTempCar.mpg=iMpg; oTempCar.showColor=function(){ alert(this.color); } return oTempCar;} 調(diào)用示例：var oCar1=createCar("red",4,23);var oCar2=c... 閱讀全文

摘要： 前言一直比較喜歡收集網(wǎng)頁特效，很多時候都會遇到CSS被壓縮過的情況，這時查看起來就會非常不方便，有時為了減少文件大小，也會對自己的CSS進行壓縮，網(wǎng)上提供這樣服務(wù)的很多，但都不盡如人意，因此打算自己動手寫一個JS來進行CSS的格式化和壓縮原理CSS的結(jié)構(gòu)如下：選擇器{ css屬性聲明：值;}所以對CSS格式化也就比較簡單，大致分為以下幾步;1、把多個空格合并成一個，去掉換行2、對處理后的字符串按"{"進行分組3、遍歷分組，對含有"}"的部分再次以"}"進行分組4、對分組后的數(shù)據(jù)進行處理，主要是加上空格和換行對CSS壓縮就比較簡單了，把 閱讀全文

摘要： Math對象的屬性E：值e，自然對數(shù)的底LN10：10的自然對數(shù)LN2：2的自然對數(shù)LOG2E：以2為底E的對數(shù)LOG10E：以10為底E的對數(shù)PI：值派SQRT1_2：1/2 的平方根SQRT2：2的平方根Math對象的方法:最大值與最小值min()&&max()用于取一組數(shù)中的最小值跟最大值。示例：var iMax=Math.Max(1,2,3);alert(iMax);//outputs 3var iMin=Math.Min(1,2,3);alert(iMin);//outputs 1約對值abs()用于返回數(shù)字的絕對值。示例：var iNegOne=Math.abs(- 閱讀全文

摘要： 在博問中看到一個問題(為什么說這段JavaScript代碼存在循環(huán)引用)中有一篇好文章，特轉(zhuǎn)過來學(xué)習(xí)下。 原文地址：JavaScript 中的內(nèi)存泄露模式 本文地址：JavaScript 中的內(nèi)存泄露模式【轉(zhuǎn)】 JavaScript 是用來向 Web 頁面添加動態(tài)內(nèi)容的一種功能強大的腳本語言。它尤其特別有助于一些日常任務(wù)，比如驗證密碼和創(chuàng)建動態(tài)菜單組件。JavaScript 易學(xué)易用，但卻很容易在某些瀏覽器中引起內(nèi)存的泄漏。在這個介紹性的文章中，我們解釋了 JavaScript 中的泄漏由何引起，展示了常見的內(nèi)存泄漏模式，并介紹了如何應(yīng)對它們。 注意本文假設(shè)您已經(jīng)非常熟悉使用 Ja... 閱讀全文

摘要： 混亂的URI編碼 JavaScript中編碼有三種方法:escape、encodeURI、encodeURIComponent C#中編碼主要方法：HttpUtility.UrlEncode、Server.UrlEncode、Uri.EscapeUriString、Uri.EscapeDataString JavaScript中的還好，只提供了三個，C#中主要用的就有這么多，還沒有列出其他編碼(HTML)，一多就弄不明白，弄不明白就心生恐懼，心生恐懼就變得苦逼，本文就向大家詳細解釋在JavaScript及C#中如何對URI進行編碼的方法(注：本文不涉及到其他編碼)。escape：不推薦使... 閱讀全文

摘要： 內(nèi)置對象 定義：由ECMAScript實現(xiàn)提供的、獨立于宿主環(huán)境的所有對象，在ECMAScript程序開始執(zhí)行時出現(xiàn)。 由定義可知開發(fā)者不必明確實例化內(nèi)置對象，它已被實例化了。在ECMAScript-262只定義了兩個內(nèi)置對象，即Global和MathGlobal Global對象是ECMAScript中最特別的對象，因為實際上它根本不存在。 由于在ECMAScript中不存在獨立的對象，所有函數(shù)都必須是某個對象的方法，如前面提到的isNaN()、isFinite()、parseInt()和parseFloat()等，都是Global對象的方法。 escape()、encodeURI... 閱讀全文

摘要： 最終效果：插件原理 所有彈出層的原理都差不多，就是用一個全屏半透明DIV做遮罩層，在這個遮罩層上再顯示出一個層放要顯示的內(nèi)容，其他的就是CSS的運用了。 本插件為了使用簡單，把JS跟CSS封裝在了一個JS文件(插件)中，所以使用起來非常方便，做到了一行代碼調(diào)用。插件源代碼 插件(jquery.artwl.thickbox.js)的源碼如下：/* File Created: 三月 1, 2012 Author:artwl blog:http://artwl.cnblogs.com */;(function ($) { $.extend({ artwl_bind... 閱讀全文

摘要： 背景 今天在博問中看到一個問題：用canvas 的 lineto方法畫對角線，但畫出來的圖形不對？ 這是一個很常見的誤區(qū)，這里給大家細說一下。原理 在w3網(wǎng)站上是這樣解釋的：Thecanvaselement has two attributes to control the size of the coordinate space:widthandheight. These attributes, when specified, must have values that arevalid non-negative integers.Therules for parsing non-ne... 閱讀全文

摘要： 創(chuàng)建var d=new Date();要注意的是在JavaScript中月份的值是從0到11(0表示1月)。設(shè)置日期和時間值設(shè)置日期和時間值有兩種方法：1、只聲明距離1970年1月1日凌晨12點的毫秒數(shù) a、直接用距離1970年1月1日凌晨12點的毫秒數(shù) var d=new Date(0); b、parse方法： parse方法接受字符串為參數(shù)，把該字符串轉(zhuǎn)換成日期值，返回的是毫秒數(shù)。 例如為2012年2月27日創(chuàng)建Date對象：var d=new Date(Date.parse("Feb 27,2012")); 如果傳給parse方法的字符串不能轉(zhuǎn)換成日期，該函數(shù)返回Na 閱讀全文

摘要： 代碼如下:function numInstring(str){ str=str.replace(/ /ig,""); var strArr=str.split(""); var result=[],beforeLength,afterLength,reg; for(var i=0;i<strArr.length;i++){ if(str.indexOf(strArr[i])!=-1){ beforeLength=str.length; reg=new RegExp(strArr[i],"ig"); ... 閱讀全文