js調試系列 源碼定位與調試[基礎篇]

我們先來處理第一個問題:1. 查看文章下方 推薦 這個功能所調用的函數源碼其實非常簡單,點放大鏡選中那個推薦即可。這個  votePost(cb_entryId,'Digg')  就是推薦按鈕所調用的函數了,是不是非常簡單。第二個問題,定位到函數所在檔案位置。其實也是非常簡單的,當然,不熟悉控制台的朋友也許不知道怎麼看。我在控制台輸入 votePost 然後斷行符號,函數源碼粗顯啦,並且在右下角有個連結

Nodejs sublime text 3安裝與配置

1) 下載sublime並安裝,下載列表:http://www.jb51.net/softs/132432.html2) 下載sublime的nodejs外掛程式,需是整合Nodejs外掛程式到sublime中,:https://github.com/tanepiper/SublimeText-Nodejs3)   解壓zip檔案, 並重新命名檔案夾“Nodejs”4)   開啟sublime,操作"preference" --> "Browse

jQuery切換網頁皮膚並儲存到Cookie範例程式碼

以下是原始碼: 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head>

Jquery.Form 非同步提交表單的簡單一實例

http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html#1. 在你的頁面裡寫一個表單。一個普通的表單,不需要任何特殊的標記:複製代碼 代碼如下:<form id="myForm" method="post" action="/Home/AjaxForm"><div>Name:<input id="username" name="username" type="text" />

父節點擷取子節點的字串範例程式碼

1、JavaScript方法:document.getElementById("id").innerHTML; (1)執行個體說明 複製代碼 代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"

js擷取當前地址 JS擷取當前URL的範例程式碼

複製代碼 代碼如下:<table width=100% cellpadding=0 cellspacing=0 border=0 > <script language="javascript">thisURL = document.URL; thisHREF = document.location.href; thisSLoc = self.location.href; thisDLoc = document.location; strwrite =

減少訪問DOM的次數提升javascript效能

訪問DOM元素是有代價的,修改DOM元素則更為昂貴,因為它會導致瀏覽器重新計算頁面的幾何變化。 當然,最壞的情況是在迴圈中訪問修改元素,尤其是對HTML元素集合迴圈操作。 例如: 複製代碼 代碼如下: <!-- 最佳化前 --> <script type="text/javascript"> function innerHTMLLoop () { for(var count = 0; count < 15000; count++){

JS清空多文字框、文本域範例程式碼

點擊按鈕用Javascript清空頁面上所有的文字框|文本域,代碼如下: 複製代碼 代碼如下: <script type="text/javascript"> <!-- function cls(){ var sum=0; var t = document.getElementsByTagName("INPUT"); for (var i=0; i <t.length;i++){ if (t[i].type=='text'){ ++sum; t[i].value="";/

Javascript中引用樣本介紹

在Javascript指令碼中,參數的引用原則:引用的參數內部(如屬性)可以修改,但參數對應的引用(reference)不能修改。 一個測試例子如下: 複製代碼 代碼如下: <script language="javascript"> //dosomething1,對於引用,變數本身不可以修改,但變數內部結構可以修改 function dosomething1(a){ a = 'try'; } //測試1 function test1(){ var a = {a:'test',b:'

文字框浮水印提示效果的簡單實現代碼

複製代碼 代碼如下:<!doctype html><html><head>    <title></title>    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"

懸浮數位實現案例

有時候新聞或者訊息提示有幾條,可以用absolute定位來實現效果。原理是什麼呢?1.擷取數字或者狀態。複製代碼 代碼如下:function getnewscount(){        $time = date("Y-m-d",strtotime("-3 day"));        $where["News.checkked = ?"] = array(

JQuery非同步載入無限下拉框級聯功能實現樣本

複製代碼 代碼如下: <pre code_snippet_id="193059" snippet_file_name="blog_20140218_1_1038704" name="code" class="javascript">/* JQuery非同步載入無限極下拉框級聯功能 zjy */ (function ($) { $.ajaxSetup({ async: false }); var url = ""; var parameter = ""; $.fn.extend({

jquery的live使用注意事項

-------------------------- 題記 最近開發遇到一個很奇怪的問題,一個按鈕點擊提交時發生多次請求,導致資料重複。 那麼,經過調試發現,出現問題的原因便在於$("#id").live("click", function() {});這個live身上,若使用bind可能達不到要求,因為若非同步請求後返回請求為html而不是json的話,當使用html重新重新整理頁面時,bind的組件可能失效。 --------------------------- 解決

js 擷取、清空input type="file"的值範例程式碼

上傳控制項基礎知識說明:上傳控制項(<input type="file"/>)用於在用戶端瀏覽並上傳檔案,使用者選取的路徑可以由value屬性擷取,但value屬性是唯讀,不能通過javascript來賦值,這就使得不能通過value=""語句來清空它。很容易理解為什麼唯讀,如果可以隨意賦值的話,那麼使用者只要開啟你的網頁,你就可以隨心所欲的上傳他電腦上的檔案了。js 擷取<intput type=file />的值複製代碼 代碼如下:<html> 

jQuery.lazyload+masonry改良圖片瀑布流代碼

實現方法如下:(這裡只發jquery了,相關html代碼請各位自己腦補一下吧,我就不發了,哈哈)/** * 自動重新整理 * @type {*|jQuery|HTMLElement} */var $container = $('#main');$container.imagesLoaded( function(){ $container.masonry({ itemSelector : '.item', columnWidth:205, gutterWidth:10,

JQEasy-ui在IE9以下版本中二次載入的問題分析及處理方法

網上答案說是因為Easy-ui在低版本時應將class樣式刪去,而在javascript裡寫url,因為class裡有url的話javascript裡也存在url,就會使頁面重新整理倆次,但是測試後沒有解決我的問題,後來通過反覆測試終於找到問題,<ul id="eva" style=" font-size:25px;

Javascript學習筆記之 對象篇(三) : hasOwnProperty

// Poisoning Object.prototypeObject.prototype.bar = 1;var foo = {goo: undefined};foo.bar; // 1'bar' in foo; // truefoo.hasOwnProperty('bar'); // falsefoo.hasOwnProperty('goo'); // true在這裡,只有 hasOwnProperty 能給出正確答案,這在遍曆一個對象的屬性時是非常必要的。Javascript

JS擷取當前日期時間並定時重新整理樣本

JS擷取當前日期時間var date = new Date(); date.getYear(); //擷取當前年份(2位) date.getFullYear(); //擷取完整的年份(4位,2014) date.getMonth(); //擷取當前月份(0-11,0代表1月) date.getDate(); //擷取當前日(1-31) date.getDay(); //擷取當前星期X(0-6,0代表星期天) date.getTime(); //擷取目前時間(從1970.1.1開始的毫秒數)

javascript實現的HashMap類代碼

複製代碼 代碼如下:<script language = "javascript" >function HashMap() {    /**Map大小**/    var size = 0;    /**對象**/    var entry = new Object();    /**Map的存put方法**/  &

如何書寫高品質jQuery代碼(使用jquery效能問題)

1.正確引用jQuery1.盡量在body結束前才引入jQuery,而不是在head中。2.藉助第三方提供的CDN來引入jQuery,同時注意當使用第三方CDN出現問題時,要引入本地的jQuery檔案。(對於已經使用了cdn的網站可以忽略,現在使用者頻寬都升級了,這個可以忽略了,放別人機器不一定穩定)3.如果在</body>前引入script檔案的話,就不用寫document.ready了,因為這時執行js代碼時DOM已經載入完畢了。<body> <script

總頁數: 3271 1 .... 2709 2710 2711 2712 2713 .... 3271 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.