Time of Update: 2015-04-14
標籤:聲明 javascript 局部變數 全域變數 var 最近見群裡有一道關於面試的試題,考察的關於全域變數和局部變數的基礎知識: fun foo(){ var a = b = 0;}
Time of Update: 2015-04-14
標籤:arguments 是函數運行時的實參列表(對象),每個函數都有自己的 arguments,但不往外層函數尋找 arguments 的相關屬性,即不行成鏈(只有 OA 形成範圍鏈)。例1 <script>(function(d, e, f){ console.log(arguments); console.log(typeof
Time of Update: 2015-04-14
標籤: 1 /** 2 * Created by Administrator on 2015/4/14. 3 */ 4 function Set() { 5 this.values = {}; 6 this.n = 0; 7 this.add.apply(this, arguments); 8 } 9 Set.prototype = {10 add: function () {11 for (var i = 0; i <
Time of Update: 2015-04-14
標籤:JavaScript中的範圍和閉包 很多人都在說自己對閉包的理解,有的對我理解閉包很有協助,有的我看了還是沒能夠理解,以下是我自己學到現在對範圍和閉包的理解,可能還比較淺顯,希望給跟我一樣在學習JavaScript的人們一點點協助,也希望大家不吝指教! 先要瞭解全域變數和局部變數。 在最外層直接聲明的變數,就叫全域變數。全域變數(或函數),在全域的任何地方都可以使用(作用範圍是全域)。在函數中聲明的變數,叫做該函數的局部變數。局部變數(或函數),只在該函數內部
Time of Update: 2015-04-14
標籤:受《大公司怎樣開發和部署前端代碼?》這篇文章的啟發,結合自己的項目實踐,建立了一套JavaScript檔案的版本管理和載入的機制,雖然比較粗糙,但是解決了不少實際的問題。使用到的主要工具: Node.js NPM grunt和相關外掛程式(grunt-hashmap,grunt-contrib-uglify,自訂的外掛程式) LAB.js功能能點:
Time of Update: 2015-04-15
方便編譯成JavaScript的熱門工具(1)現在市面上有大量的小巧語言,可以將你的代碼搬到Web上,異常輕鬆,而且很少有不足之處。每個編程人員都有自己青睞的一兩種語言。這年頭,要數JavaScript愛好者最幸運了,因為他們青睞的語言風靡互連網,而互連網風靡全世界。然而,那些鐘情於其他程式設計語言的人卻陷入了困境。他們要麼在一旁觀望,詛咒勢不可擋的HTML、CSS、JavaScript和Node.js,要麼想辦法喜歡上它。幸好,還有第三種方法讓你可以享受你所青睞的語言帶來的樂趣,同時仍可以將編
Time of Update: 2015-04-15
javascript非同步處理工作機制詳解,javascript非同步從基礎的層面來講,理解JavaScript的定時器是如何工作的是非常重要的。計時器的執行常常和我們的直觀想象不同,那是因為JavaScript引擎是單線程的。我們先來認識一下下面三個函數是如何控制計時器的。var id = setTimeout(fn, delay); - 初始化一個計時器,然後在指定的時間間隔後執行。該函數返回一個唯一的標誌ID(Number類型),我們可以使用它來取消計時器。var id =
Time of Update: 2015-04-15
jq的擴充函數解析上面兩節中,已經大概剖析了jq的基本架構。然後,還有jq一相當重要的功能沒有提及,那就是jq的擴充功能。Jq一共有兩種擴充功能,一種是類的靜態擴充,一種是類執行個體的擴充。但其實在jq中,兩個都是統一使用一個函數的。先來看下一段代碼: (function(){var test=function(selector){return new
Time of Update: 2015-04-15
javascript中scrollTop詳解,javascriptscrolltopscrollTop 表示滾動的高度,預設從position:0;開始向下滾,scrollTop(offset)的offset表示相對頂部的位移,以像素計,<br/>scrollTop()滾動的高度既能‘設定'滾動值,也能‘擷取'滾動值。當設定滾動值時,該方法就會設定所有匹配元素的滾動值。當擷取滾動值時,該方法只返回第一個匹配元素的滾動位置。需要擷取scrollTop的值,可以參考如下代碼:複製代碼
Time of Update: 2015-04-15
JavaScript 匿名函數和閉包介紹,javascript匿名函數匿名函數:沒有名字的函數;閉包:可訪問一個函數範圍裡的變數的函數;一 匿名函數// 普通函數 function box(){ // 函數名是box; return 'Lee'; } box(); // =>Lee; 調用函數;// 匿名函數 function(){ // 匿名函數,會報錯;
Time of Update: 2015-04-15
使用window.prompt()實現彈出使用者輸入的對話方塊,window.prompt彈出無意中看到window.prompt()方法,之前真沒有使用過,孤陋寡聞。不過現在學習下吧。在網頁中,有時需要彈出一個提示框,而且在提示框中還需要使用者輸入一些內容,這就可以用prompt對象,具體實現用法如下。<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/
Time of Update: 2015-04-15
javascript繼承的六大模式小結,javascript六大1.原型鏈function SuperType(){this.property = true;}SuperType.prototype.getSuperValue = function(){return this.property;};function SubType(){this.subproperty = false;}//繼承了SuperTypeSubType.prototype = new
Time of Update: 2015-04-15
JavaScript 瀏覽器物件模型BOM使用介紹,物件模型bomBOM也叫做瀏覽器物件模型,它提供了很多個物件,用於訪問瀏覽器的功能;這些功能與任何網頁內容無關;BOM缺少規範,每個瀏覽器供應商都按照自己的想法去擴充它,那麼瀏覽器共有對象就成了事實的標準;一 window對象// BOM的核心對象是window,它表示瀏覽器的一個執行個體;// window對象處於JavaScript結構的最頂層;// 對於每個開啟的視窗,系統都會自動為其定義window對象;//
Time of Update: 2015-04-15
jsMind通過滑鼠拖拽的方式調整節點位置,jsmind節點jsMind是一個純javascript實現的思維導圖類庫,基於html5的canvas實現,以BSD協議開源。提供了思維導圖的顯示,編輯等功能,支援freemind資料格式,有豐富的開發介面可供使用,具體功能請訪問軟體首頁進一步瞭解。jsMind 現已支援通過滑鼠拖拽的方式調整節點位置了。只需引用最新版本的 jsmind.js 以及 jsmind.draggable.js 即可使用該功能。需要注意的是,當思維導圖設定為不可編輯的時候,
Time of Update: 2015-04-15
JavaScript DOM基礎,javascriptdom基礎 DOM(Document Object Model)即文件物件模型,針對HTML和XML文檔的API(應用程式介面); DOM描繪了一個層次化的節點樹,運行開發人員可以添加/移除和修改頁面的某一部分;一 DOM介紹 D(文檔):可以理解為整個Web載入的網頁文檔; O(對象):可以理解為類似window對象之類的東西,可以調用屬性和方法,這裡說的是document對象; M(模型)
Time of Update: 2015-04-15
JavaScript 事件對象介紹,javascript事件對象JavaScript事件的一個重要的方面是它們擁有一些相對一致的特點,可以給開發提供強大的功能;最方便和強大的就是事件對象,它們可以幫你處理滑鼠事件和鍵盤敲擊方面的情況;此外還可以修改一般事件的捕獲/冒泡流的函數;一 事件對象// 事件處理函數的一個標準特性是:以某些方式訪問的事件對象包含有關於當前事件的上下文資訊;// 事件處理由三部分組成:對象.事件處理函數=函數; document.onclick = function(){
Time of Update: 2015-04-14
jQuery外掛程式PageSlide實現左右側欄導覽功能表,jquerypageslidejQuery左右側欄導覽功能表外掛程式PageSlide,目前比較流行的導覽功能表展現形式,特別是在手機端或者觸屏頁面,效果還是不錯的,支援自訂展現的方向,菜單內容可自行定義,支援載入頁面,或者模態的窗格中顯示此頁的隱藏的內容,推薦使用。使用方法:1.載入外掛程式和jQuery<link rel="stylesheet" type="text/css"
Time of Update: 2015-04-14
jQuery實現簡單二級下拉式功能表,jquery下拉式功能表html代碼<div class="UpLayer"><dl><dt><a href="javascript:void(0)">幫客之家</a></dt><dd><a href="http://www.demo.com/js/">特效</a> <a href="http://www.demo.com/Tutorials/"
Time of Update: 2015-04-14
jQuery外掛程式StickUp實現網頁導航置頂,jquerystickup實用的jQuery網頁元素固定導航置頂外掛程式StickUp,簡單的jQuery外掛程式,實現網頁元素固定,如導航固定讓其總是保持在視圖中可見,在one-page頁面中就可以看出效果,大家可以研究研究。使用方法:1.載入外掛程式和jQuery<script src="js/jquery.js">script> <script
Time of Update: 2015-04-14
jQuery外掛程式bxSlider實現響應式焦點圖,jquerybxslider優秀響應式jQuery焦點圖外掛程式bxSlider,優秀響應式布局設計jQuery外掛程式,自適應任何裝置,切換內容可以是視頻、圖片、HTML、支援觸摸裝置,自訂函數callback,支援眾多的參數自訂配置,瀏覽器支援Firefox, Chrome, Safari,iOS, Android, IE7+。使用方法:1. 載入jQuery和外掛程式<!-- jQuery library (served