Time of Update: 2014-07-06
上幾篇文章已經為大家介紹了js調試系列的一些基礎知識,這次亂碼兄弟為大家帶來了js斷點與動態調試方法,需要的朋友可以參考下昨天留的課後練習 1. 分析 votePost 函數是如何? 推薦 的。其實我們已經看到了源碼,只要讀下源碼即可知道他是怎麼實現的了。function votePost(n, t, i) { i || (i = !1); var r = { blogApp: currentBlogApp, postId: n, voteType: t,
Time of Update: 2014-07-06
1)禁用按右鍵功能如果你想為使用者保護網站資訊,那麼開發人員可以使用這段代碼——禁用按右鍵功能。複製代碼 代碼如下:$(document).ready(function() { //catch the right-click context menu $(document).bind("contextmenu",function(e) { //warning prompt - optional
Time of Update: 2014-07-06
例如:有這麼一段代碼:複製代碼 代碼如下:var array = [];array.push(1);array.push(2);array.push(3);for(var i in array) {console.log(i+":"+array[i]);}此時會輸出什麼呢?當然是0:1 1:2 2:3但是如果在for in之前加上Array.prototype.say = "hello";再次運行會輸出什麼呢?複製代碼 代碼如下:0:1 1:2 2:3
Time of Update: 2014-07-06
複製代碼 代碼如下:var a= new Array(new Array(1,2),new Array('b','c')); document.write(a[1][1]); 說白了,就是利用for迴圈定義二維數組! ?<script language="javascript" type="text/javascript"> function Array_2(nRow,nColumn){
Time of Update: 2014-07-06
hover([over,]out) 一個模仿懸停事件(滑鼠移動到一個對象上面及移出這個對象)的方法 當滑鼠移動到一個匹配的元素上面時,會觸發指定的第一個函數。 當滑鼠移出這個元素時,會觸發指定的第二個函數。 複製代碼 代碼如下: $('.myDiv').hover(function() { doSomething... }, function() { doSomething... }); 而問題是有些元素比如菜單是通過AJAX動態載入的,hover方法執行的時候
Time of Update: 2014-07-06
使用該函數,必須整合於jquery包 原理:當瀏覽器移動到某個指定位置時,該圖層上浮,然後加入一個樣式,讓該div層定位於瀏覽器頂部 複製代碼 代碼如下: //控制頭部購物車的顯示 function fixshow(min_height){ min_height ? min_height = min_height : min_height = 830; $(window).scroll(function(){ var s = $(window).scrollTop(); if( s >
Time of Update: 2014-07-06
javascript中一個標識符所在的位置越深,它的讀寫速度也越慢。因此,函數中讀寫局部變數總是最快的,而讀寫全域變數通常是最慢的。一個好的經驗法則是:如果某個跨範圍的值在函數中被引用一次以上,那麼就把它儲存到局部變數裡。 例如: 複製代碼 代碼如下: <!-- 最佳化前 --> <script type="text/javascript"> function initUI () { var bd = document.body, links =
Time of Update: 2014-07-06
checkbox 全選\全部取消$("#ChkAll").click(function(){ $("#divContent input[type='checkbox']").attr("checked",$(this).attr("checked"));});擷取選中的checkbox的value值:var arrChk=$("input[name='chk_list'][checked]");
Time of Update: 2014-07-06
複製代碼 代碼如下:<!DOCTYPE HTML><html lang=zh-cn><head><meta charset=utf-8><title>遮罩演練</title><link href="../css/component2.css" rel="Stylesheet"/><script
Time of Update: 2014-07-06
複製代碼 代碼如下: /* 將json對象轉換為字串 使用方法: var json = {id=3,name="abc"}; var str = tools.j2s(json); */ tools.j2s = function(O) { var S = []; var J = ""; if (Object.prototype.toString.apply(O) === '[object Array]') { for ( var i = 0; i < O.length; i++) {
Time of Update: 2014-07-06
複製代碼 代碼如下:<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery五角星評分外掛程式</title><script type="text/javascript"
Time of Update: 2014-07-06
複製代碼 代碼如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>60重新整理本頁</title> <script type="text/javascript"> var t; t=60; function
Time of Update: 2014-07-06
複製代碼 代碼如下:function lastname(){ //擷取欲上傳的檔案路徑var filepath = document.getElementById("file1").value; //為了避免轉義反斜線出問題,這裡將對其進行轉換var re = /(\\+)/g; var filename=filepath.replace(re,"#");//對路徑字串進行剪下截取var one=filename.split("#");//擷取數組中最後一個,即檔案名稱var two=
Time of Update: 2014-07-06
//javascript 中的數組分割var colors = ["red","green","blue"];//alert(colors.toString());alert(colors.join("|")); //返回結果是red|green|bluevar colors = ["red","green","blue",null];alert(colors.join("|"));//red|green|blue|//注意當數組裡面有值是null或者是undefined的時候
Time of Update: 2014-07-06
在日常開發中,經常會用到不同格式的色域圖值之間的相互轉換,以下給出一種解決方案。複製代碼 代碼如下://十六進位顏色值的Regexvar reg = /^#([0-9a-fA-f]{3}|[0-9a-fA-f]{6})$/;/*RGB色彩轉換為16進位*/String.prototype.colorHex = function(){ var that = this; if(/^(rgb|RGB)/.test(that)){&
Time of Update: 2014-07-06
//加入收藏 function AddFavorite(){ if (document.all) { addToBookMark(window.location.href, document.title); } else if (window.sidebar) { addToBookMark(document.title, window.location.href); } } function addToBookMark(url,title){ var ua =
Time of Update: 2014-07-06
你對JavaScript引擎能進行多少次遞迴調用好奇嗎?多少次遞迴調用下面的函數可以讓你找到答案: (靈感來自Ben Alman的 gist)複製代碼 代碼如下:function computeMaxCallStackSize() { try { return 1 + computeMaxCallStackSize(); } catch
Time of Update: 2014-07-06
false.toString(); // 'false'[1, 2, 3].toString(); // '1,2,3'function Foo(){}Foo.bar = 1;Foo.bar; // 1一個經常容易被誤解的就是數字常量不能視為對象,實際上數字常量仍然可以視為對象。這是因為 Javascript 解析器在解析點操作符時而將其視為浮點數特徵而犯下的錯誤。2.toString(); // raises
Time of Update: 2014-07-06
幾乎所有的Node.js開發人員可以告訴你`require()`函數做什麼,但我們又有多少人真正知道它是如何工作的?我們每天都使用它來載入庫和模組,但它的行為,對於我們來說反而是一個謎。出於好奇,我鑽研了node的核心代碼來找出在引擎下發生了什麼事。但這並不是一個單一的功能,我在node的模組系統的找到了module.js。該檔案包含一個令人驚訝的強大的且相對陌生的核心模組,控制每個檔案的載入,編譯和緩衝。`require()`,它的橫空出世,只是冰山的一角。module.js 複製代碼
Time of Update: 2014-07-06
實現滑鼠滾動滾輪事件:<script type="text/javascript"> var scrollFunc=function(e){ e=e || window.event; if(e.wheelDelta){//IE/Opera/Chrome if(e.wheelDelta==120) { //向上滾動事件 alert(e.wheelDeta +"向上"); }else { //向上滾動事件 alert(e.wheelDeta +"向上"); } }else