Time of Update: 2015-06-24
標籤:對任何程式,都存在一個規模的問題,起初我們使用函數來組織不同的模組,但是隨著應用規模的不斷變大,簡單的重構函數並不能順利的解決問題。尤其對JavaScript程式而言,模組化有助於解決我們在前端開發中面臨的越來越複雜的需求。為什麼需要模組化對開發人員而言,有很多理由去將程式拆分為小的代碼塊。這種模組拆分的過程有助於開發人員更清晰的閱讀和編寫代碼,並且能夠讓編程的過程更多的集中在模組的功能實現上,和演算法一樣,分而治之的思想有助於提高編程生產率。在本文中,我們將集中討論JavaScript的
Time of Update: 2015-06-24
標籤:查看cookie 建立cookie 建立cookie下面代碼將建立一個cookie,該cookie名稱為UserName,值為Paul,到期時間為7天后(2015年6月29日)<span style="font-size:24px;"><!DOCTYPE
Time of Update: 2015-06-24
標籤:In this lesson we will get introduced to the Observable type. An Observable is a collection that arrives over time. Observables can be used to model events, asynchronous requests, and animations. Observables can also be transformed,
Time of Update: 2015-06-24
標籤:JavaScript事件冒泡和事件委託付建宇 - 2
Time of Update: 2015-06-24
標籤:window.opener 返回的是建立當前視窗的那個視窗的引用window.opener 的用法 window.opener 返回的是建立當前視窗的那個視窗的引用,比如點擊了a.htm上的一個連結而開啟了b.htm,然後我們打算在b.htm上輸入一個值然後賦予a.htm上的一個id為“name”的textbox中,就可以寫為: window.opener.document.getElementById("name").value = "輸入的資料";
Time of Update: 2015-06-24
標籤:這裡僅僅是一個簡單代碼demo,因為時間問題並未做深入研究,因為今天做項目時要用到阻止事件冒泡的內容,找了好多才找到一個可以使用的,特記錄之。<!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>阻止事件冒泡</title><script
Time of Update: 2015-06-24
標籤: 所謂高階函數(higher-order function) 就是操作函數的函數,它接收一個或多個函數作為參數,並返回一個新函數。 下面的例子接收兩個函數f()和g(),並返回一個新的函數用以計算f(g());//返回一個新的可以計算f(g())的函數//返回的函數h()將它所有的實參傳入g(),然後將g()的傳回值傳入f()//調用f()和g()時的this值和調用h()時的this值是同一個thisfunction compose(f,g){ return function(
Time of Update: 2015-06-24
標籤:javaScript事件(三)事件對象 一、事件 二、事件流 以上內容見:javaScript事件(一)事件流 三、事件處理常式 四、IE事件處理常式 以上內容見javaScript事件(二)事件處理常式 五、事件對象 1、認識事件對象 事件在瀏覽器中是以對象的形式存在的,即event。觸發一個事件,就會產生一個事件對象event,該對象包含著所有與事件有關的資訊。包括導致事件的元素、事件的類型以及其他與特定事件相關的資訊。
Time of Update: 2015-06-24
標籤:javascript建構函式和原型對象建構函式也是函數,用new建立對象時調用的函數,與普通函數的一個區別是,其首字母應該大寫。但如果將建構函式當作普通函數調用(缺少new關鍵字),則應該注意this指向的問題。var name = "Pomy";function Per(){ console.log("Hello "+this.name);}var per1 = new Per(); //"Hello undefined"var per2 = Per(); //"Hello
Time of Update: 2015-06-24
標籤:有時候學習一個新技術,看的很多,但是在運用上 就不是很熟練了,只能多多進行實踐,然後通過解決問題,才能深層次理解它。本次以修改網頁皮膚和複選框為例代碼示範不全,如果要完成這些效果還需要HTMl、CSS等文檔相互協作完成, js只負責完成動作。網頁換膚根據使用者不同切換,達到整個網頁換膚的目的 。<script>function(){var oLink=document.getElementsByTagName("link")[0];var
Time of Update: 2015-06-24
標籤:(function(){ var mTable=document.getElementById(‘table‘); var sort=function(el,index,desc){ var mTbody=el.tBodies[0], mRow=mTbody.rows, len=mRow.length, maxIndex=mRow[0].cells.length, arr=[], i;
Time of Update: 2015-06-24
標籤:在 JavaScript 中,不存在方法重載的概念,方法重載指的是可以定義不同類型的參數和參數個數的同名方法,然後可以按需調用。如需實現按參數個數的不同去執行不同的方法主體,正確的做法是通過定義一個方法,通過方法本身的 arguments 參數數組來判斷參數個數,然後分別處理。 這裡舉個頁面 JavaScript 存在多個同名方法的例子: 1 <script type="text/javascript">2 function
Time of Update: 2015-06-24
標籤: 對象的類屬性(class attribute)是一個字串,用以表示對象的類型資訊。ECMAScript3和ECMAScript5都未提供設定這個屬性的方法,並只有一個間接的方法可以查詢它。預設的toString()方法(繼承自Object.prototype)返回了如下格式的字串: [object class] 如: "[object Null]","[object Undefined]","[object String]","[object Number]","[object
Time of Update: 2015-06-24
標籤:在當下,極多的程式員是通過自學來完成入門以及提升的。對於javascript的學習來說,同樣不例外。許多新手入門javascript選擇通過視頻教程或者論壇交流的方式進行學習,這種方式固然較為輕鬆和便捷,但在知識的擷取上有些片段化,對於新手來說不是很好。在javascript的入門階段,通過書籍來學習對於新手來說才是最好的手段。書籍的學習固然比較枯燥,但是也是最權威,最系統化的,對於新手來說能夠快速的完成基礎知識的奠基,而對於之後進一步的提升也是大有裨益。這裡筆者就結合自身經驗為各位jav
Time of Update: 2015-06-24
標籤:學習Javascript閉包(Closure) 閉包(closure)是Javascript語言的一個痛點,也是它的特色,很多進階應用程式都要依靠閉包實現。下面就是我的學習筆記,對於Javascript初學者應該是很有用的。一、變數的範圍要理解閉包,首先必須理解Javascript特殊的變數範圍。變數的範圍無非就是兩種:全域變數和局部變數。Javascript語言的特殊之處,就在於函數內部可以直接讀取全域變數。 var n=999; function
Time of Update: 2015-06-24
標籤:函數綁定(Function binding)很有可能是你在開始使用JavaScript時最少關注的一點,但是當你意識到你需要一個解決方案來解決如何在另一個函數中保持this內容相關的時候,你真正需要的其實就是 Function.prototype.bind(),只是你有可能仍然沒有意識到這點。第一次遇到這個問題的時候,你可能傾向於將this設定到一個變數上,這樣你可以在改變了上下文之後繼續引用到它。很多人選擇使用 self, _this 或者 context 作為變數名稱(也有人使用
Time of Update: 2015-06-24
JavaScript建立閉包的兩種方式的優劣與區別分析,javascript優劣通常JavaScript建立閉包比較常用的有兩種方式。建構函式方式:new function() { var 變數... } 內聯執行方式:(function() { var 變數... })();
Time of Update: 2015-06-24
淺談javascript建構函式與執行個體化對象,javascript建構函式前言--講在前面我想有很多以前很少接觸後台程式設計語言的初學者朋友跟我一樣,對javascript裡面一系列的“名詞”搞的一頭霧水。好像大概知道講的是什麼,但其實理解的還是不清楚;我想,學習任何一種知識,首當其衝應該把最基本的名詞解釋搞清楚(知道它講的到底是什麼,有助於我們更好的理解它。)即知其然知其所以然,這樣對以後的進階學習是很有協助的。下面的簡單講一下我自己對這樣一些看似不重要但又不得不清楚的知識點的理解。(若有
Time of Update: 2015-06-24
javascript中使用new與不使用執行個體化對象的區別,javascriptnew我們先來看個執行個體function Me(name,age,job){ this.name = name; this.age = age; this.job = job;}請問這以下兩種執行個體化對象方式有什麼區別呢?var mefun1 = new Me('fei','20','it');var mefun2 =
Time of Update: 2015-06-24
jquery中ready()函數執行的時機和window的load事件比較,jqueryreadyjquery的ready()實現的是 DOMContentLoaded 事件,DOMContentLoaded與window load事件的區別簡單的說ready()是在文檔載入完成就會觸發,此時圖片等資源可能還沒有完全載入, load是在所有資源都載入完成後才會觸發看下ready函數的代碼就什麼都清楚了。下面的代碼加上了注釋:// Handle when the DOM is ready