Time of Update: 2017-01-13
在前端開發中,我們經常需要根據頁面之間傳遞的GET參數來用JS實現一些效果,這就涉及到一個方法:如何從當前頁面的URL中分離出我們需要的GET參數。包含GET參數的URL如下:index.php?a=11&b=abc&d=51,下面我來示範一下如果擷取到GET參數。1、擷取到當前頁面URL中的動態字串JS給了我們一個很好的方法:location.search,可以擷取到當前頁面URL中‘?’後的字串。 代碼如下複製代碼 var str
Time of Update: 2017-01-13
圖片延時載入可以節省我們頻寬,擷取到更好的使用者體驗,尤其對於圖片多的網站,這一點顯得至關重要,今天零度跟大家探討一下圖片延時載入原理和實現代碼。圖片延時載入原理圖片延時載入原理是在html裡面的圖片src填的並不是真正的圖片地址,而是以一種自訂屬性把圖片地址賦給img標籤,如:src=”img/loading.gif”
Time of Update: 2017-01-13
例子 代碼如下複製代碼 /*** 實現子類繼承父類,但不會產生多餘的屬性和方法* @returns {Function}*/define(function(){return function(subType, superType){var proto = new Object(superType.prototype);proto.constructor = subType;subType.prototype =
Time of Update: 2017-01-13
網站上會經常用到Javascript 中的運動,這次與大家分享一下一些運動的基本應用 。 方便大家在開發中能夠直接使用。代碼簡單易懂,適用於初學者。最後會一步一步整理出一套自己的運動架構。應用案例效果圖: 滑鼠移動到分享上 ,左邊的div就會顯示出來。移開會自己恢複。相信這個大家都會用到 很實用,下面看看代碼是如何?的。 代碼如下 複製代碼
Time of Update: 2017-01-13
chrome內建的開發工具監視騰迅財經HTTP資訊,得到以下擷取股票資料的方法。以五糧液為例,要擷取最新行情,訪問資料介面:[html] http://qt.gtimg.cn/q=sz000858 返回資料:[html] v_sz000858="51~五 糧 液~000858~27.78~27.60~27.70~417909~190109~227800~27.78~492~27.77~332~27.76~202~27.75~334~27.74~291
Time of Update: 2017-01-13
一、簡陋的擷取圖片方式 代碼如下複製代碼 // 圖片地址 後面加時間戳記是為了避免緩衝 var img_url = '/static/upload/2013/13643608813441.jpg?'+Date.parse(new Date()); // 建立對象 var img = new Image(); //
Time of Update: 2017-01-13
wordpress如何在文章中自訂位置插入百度聯盟廣告呢?比如設定一個標記位,插入標記位,這個位置就會顯示廣告。可以用wordpress的add_shortcode函數設定短標籤,實現文章頁自訂位置插入百度聯盟廣告。直接上代碼:PHP 代碼如下複製代碼 //百度廣告shortcodefunction bdad($attrs){ if (300 == $attrs['size']) { $bdad =
Time of Update: 2017-01-13
當瀏覽器中添加新的API功能,儘管這個API提供了更多的功能和許可權,我認為他們可能會給我的項目帶來更多困惑,無論是API的問題還是項目編寫的構想,我們都可以嘗試去使用它,你一定會遇到不符合你項目程式的錯誤碼。使用try/catch運行這些API,它使代碼更清潔、副作用少。JavaScript中安全的調用函數方法我們在控制台為使用者輸出一段話。 代碼如下複製代碼 function attempt(fn, args, binding) {
Time of Update: 2017-01-13
在前兩天做播放器的時候添加監聽後刪除監聽遇到了一點麻煩,刪不掉,後來看了一下才發現,參數需要完全對應,什麼叫完全對應呢,換句話說: 代碼如下複製代碼 $('.video')[0].addEventListener('timeupdate', currentTimeHandler, true);
Time of Update: 2017-01-13
首先出個題:如圖:假設對成長速度顯示規定如下:成長速度為5顯示1個箭頭;成長速度為10顯示2個箭頭;成長速度為12顯示3個箭頭;成長速度為15顯示4個箭頭;其他都顯示都顯示0各箭頭。用代碼怎麼實現?贊助商連結差一點的if,else:var add_level = 0;if(add_step == 5){add_level = 1;}else if(add_step == 10){add_level = 2;}else if(add_step == 12){add_level = 3;}else
Time of Update: 2017-01-13
如何建立一個視差效果的網站呢,在這篇文章中我們將為你介紹通過JavaScript建立視差效果,而沒有使用任何第三方庫例如jQuery等,在視差效果的製作中,網頁中的不同元素以不同的速度移動,一般來講,離使用者越遠的物體移動速度要比近的物體速度慢,反之亦然。如何建立視差效果的網站動畫就像任何動畫,你改變一些動作的基礎上,其他的東西,像時間。然而在這種情況下,你是在你網站的部分相對於觀察者位置的頁面上。動畫的速度控制如何快速訪客向下滾動頁面。這意味著,觀眾可以控制動畫到底有多快。如果客人捲軸真的很快
Time of Update: 2017-01-13
一個記憶體釋放的執行個體 代碼如下複製代碼 <SCRIPT LANGUAGE="JavaScript"><!--strTest = "1";for ( var i = 0; i < 25; i ++ ){ strTest += strTest;}alert(strTest);delete
Time of Update: 2017-01-13
例子 代碼如下複製代碼 <form name=”form1″ method=”post” action=”"><input type=text></form><a href=”javascript:form1.submit();”>提交</a>還有jquery的做法$("#form1").submit()
Time of Update: 2017-01-13
在Javascript中有兩個函數可以實現"定時器"的功能setTimeout和setInterval,這兩個函數的參數是相同的,但是代表的意義有所差別。例如setTimeout('test()',3000);的意思是3000毫秒之後執行函數test()(僅僅執行一次),setInterval('test()',3000); 表示每隔3000毫秒執行一次test()函數。一個是僅僅執行一次一個是不斷執行。我們編寫如下代碼: 代碼如下複製代碼
Time of Update: 2017-01-13
null 與 undefined 是 JavaScript 的兩個類型,類型的值如下: 類型 值 null 只有一個值 null undefined 只有一個值 undefined null 表示變數取值為 null –
Time of Update: 2017-01-13
重寫window對象的方法不是一件新奇的事,比如我們可能需要改變預設alert的行為,如何安全的重寫呢?小菜看到某知名IT網站是這樣的寫法:window.alert = function(){};或者alert = function(){};實際上,這種寫法有些欠妥。這相當於在window對象上添加了一個alert屬性,它的優先順序比系統內建的alert高,所以可以達到重寫的效果,但這很容易突破,執行以下語句,就會還原alert。delete
Time of Update: 2017-01-13
謎題三階幻方(九宮格)。試將1~9這9個不同整數填入一個3×3的表格,使得每行、每列以及每條對角線上的數字之和相同。策略窮舉搜尋。列出所有的整數填充方案,然後進行過濾。JavaScript解 代碼如下複製代碼 /** * Created by cshao on 12/28/14. */function getPermutation(arr) { if (arr.length == 1) {
Time of Update: 2017-01-13
小米公司JavaScript閉包面試題一、請定義這樣一個函數 代碼如下複製代碼 function repeat (func, times, wait) {}這個函數能返回一個新函數,比如這樣用var repeatedFun = repeat(alert, 10, 5000)調用這個 repeatedFun ("hellworld")會alert十次 helloworld, 每次間隔5秒二、寫一個函數stringconcat, 要求能
Time of Update: 2017-01-13
如果需要在Web調試過程中知道代碼執行的時間,那麼可以通過在JavaScript代碼中添加console.time()語句和console.timeEnd()語句來對程式的執行進行計時。以下面這個耗時較長的foo()函數為例: 代碼如下複製代碼 function foo(){ var x = 4.237; var y = 0; for (var i=0; i<10
Time of Update: 2017-01-13
今天在項目中要使用JavaScript實現資料結構中的隊列和堆棧,這裡做一下總結。一、隊列和堆棧的簡單介紹1.1、隊列的基本概念隊列:是一種支援先進先出(FIFO)的集合,即先被插入的資料,先被取出!如下圖所示:1.2、堆棧的基本概念堆棧:是一種支援後進先出(LIFO)的集合,即後被插入的資料,先被取出!如下圖所示:二、