javascript裡類比sleep(兩種實現方式)

有幾種方式,但都不完美 其一,不斷迴圈,直到達到指定時間 複製代碼 代碼如下:function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) { now = new Date(); if (now.getTime() > exitTime) return; } } 其實代碼並沒有讓指令碼sleep下來,

javascript表單驗證 – Parsley.js使用和配置

線上示範 大家還記得我們曾經介紹過的表單驗證jquery外掛程式jquery.validationEngine吧,使用這個外掛程式你不需要寫任何一行js代碼就可以產生一個功能強大的表單驗證功能。是不是超棒? 今天介紹的Parsley同樣也可以協助你只使用簡單的配置即可實現表單驗證功能,基於它的強大DOM-API。 主要特性 •基於超棒的使用者體驗 •超級方便配置 •超輕量級(壓縮後12K),支援jQuery和Zepto •超簡單,只需要簡單配置DOM-API,類似jQuery的data API

調試Javascript代碼(瀏覽器F12及VS中debugger關鍵字)

目前,常用的瀏覽器IE、Chrome、Firefox都有相應的指令碼調試功能。作為我們.NET 陣營,學會如何在IE中調試JS就足夠了,在掌握了IE中的調試方法以後,Chrome和Firefox中的調試方法也變得相當簡單了。在F12開發人員工具中進行調試

經典JavascriptRegex[優質排版]

匹配中文字元的Regex:複製代碼 代碼如下:[\u4e00-\u9fa5]匹配雙位元組字元(包括漢字在內):複製代碼 代碼如下:[^\x00-\xff]應用:計算字串的長度(一個雙位元組字元長度計2,ASCII字元計1)複製代碼 代碼如下:String.prototype.len=function(){ return this.replace([^\x00-\xff]/g,"aa").length; }匹配空行的Regex:複製代碼 代碼如下:\n[\s|]*\r匹配HTML標記的Regex:

使用JavaScript動態設定樣式實現代碼(2)

你可以參考到前一版本 http://www.jb51.net/article/33555.htm 這個有點不好的地方,就是如果想改變樣式,也許得使用尋找替換才行。因此,Insus.NET寫出另外一個方法來實現,這樣可以改一應用百。 先寫一個樣式Style: 複製代碼 代碼如下:<style type="text/css"> .overStyle { border-color:#3599ff; } .outStyle { border-color: #fff; }

使用JavaScript動態設定樣式實現代碼及示範動畫

今天做了一個css的練習,效果有點象Maxthon首頁一樣。使用onmouseover和onmouseout事件實現不同的效果。如: 你可以使用下面javascript。 複製代碼 代碼如下:<script type="text/javascript"> function DynamicSetStyle(id, attr, val) { var element = document.getElementById(id); if (element)

javascript遊戲開發之《三國志曹操傳》零組件開發(四)用地圖塊拼成大地圖

小時候我們玩過拼圖遊戲,是用自己的手去拼的。今天我們來研究研究用javascript來拼圖。同樣是拼圖,但用js拼圖要比用手拼圖麻煩多了,因此以後我要把它最佳化成引擎。一、前言以上是一段導語,話不扯遠,對《三國志曹操傳》熟悉的玩家知道,《三國志曹操傳》的地圖是由小地圖塊拼成的,那要實現它就和導語說得一樣:很麻煩。不過即使麻煩也是一門技術,因此在此分享給大家,希望大家喜歡。二、代碼講解今天我要換換講解方式,先不給代碼,我們先來想想原理。現在,假如你有一幅圖片,把它裁開成若干份,並打亂。現在如果讓你

javascript遊戲開發之《三國志曹操傳》零組件開發(三)情景對話中仿打字機輸出文字

前兩講我告訴了大家如何使人物移動,那麼今天我們就來看看如何?仿《三國志曹操傳》人物情景對話。具體的連結我寫在下方。一、前言相信大家都還記得吧,在某些新聞裡會有一些慘不忍睹的結果是用像打字機一樣的方式把文字弄出來。那麼今天的主要目的就是要辦到這個。就在9月5日的時候,我在辦公室裡起了個做這種程式的念頭,並且有了點思路。我首先想用調margin的方法,按理說是作出來了,但很不讓人滿意,畢竟很麻煩,並且技術也差。所以我打算用上數組和迴圈。9月13日我抽空寫出來了,但由於這幾天很忙,基本上在工作日不可能

javascript遊戲開發之《三國志曹操傳》零組件開發(二)人物行走的實現

上一講我們談到了如何讓靜態人物變為動態,今天我們來談談如何使人物移動,因為這一講涉及上一講內容所以我把上一講的連結寫在下方:一、圖片準備今天我準備換幾張圖片,這樣更新鮮些。這些素材照樣來自《三國志曹操傳》,如果我沒記錯,應該是曹操的素材。接下來我要結合上一次的技術,來告訴大家如何使人物走動起來。不過今天我們著重在於如何使人物走動,因為我們上一講已經講了如何使人物化靜態為動態。二、代碼講解先看總的javascript代碼:複製代碼 代碼如下:var moveLengthLeft = 0; var

javascript遊戲開發之《三國志曹操傳》零組件開發(一)讓靜態人物動起來

首先來說,讓一個遊戲賦有可玩性必須要動靜結合。(哈哈,大家以為我要講作文了。。。但其實我今天要講的是Javascript)靜態東西誰不會做呢?因為東西一生下來就是靜態(除非你是用的gif動畫),所以不需要任何處理就能完成靜態。那麼我將要在下面告訴大家如何運用Javascript將靜態圖片變為動態圖片。一、圖片準備fight01.pngfight02.pngfight03.pngfight04.png03.png02.png01.png首先,我找了一些出自經典遊戲《三國志曹操傳》裡的素材(這些是魏

JavaScript用JQuery呼叫Server端方法實現代碼與參考文法

Insus.NET從2013年開始學習Javascript,此博文是第一次使用JQuery,從Javascript用戶端用JQuery呼叫Server端的方法。首先看看此例的示範: 準備好Server端的方法: 複製代碼 代碼如下:[System.Web.Services.WebMethod] public static string VeryUserName(string name) { string rtn = "恭喜,此帳號還沒有註冊,你可以使用。"; if (name == "")

重構Javascript程式碼範例(重構前後對比)

今天有做了幾個asp.net結合Javascript的教程文章。現回顧頭來看看那些Javascript指令碼,有寫得不太理想,過於複雜。現抽取出來,重構它們。 之前一: 複製代碼 代碼如下:function SelectedAll(cb) { cb.checked = cb.checked ? false : true; var gv = document.getElementById('<%=GridViewCouplets.ClientID %>'); var rc =

javascript提取URL的搜尋字串中的參數(自訂函數實現)

今天在犀牛書上發現了一個有用的函數 urlArgs(提取URL的搜尋字串中的參數)。我們經常會看到有的頁面連結地址後面會跟有參數,比如 http://www.xxx.com/?username=yyy&password=zzz 之類的,很多時候我們需要獲得這些參數的值(yyy和zzz),那麼就可以利用 urlArgs 函數,通過該函數的傳回值(傳回值是對象)的屬性來擷取。 urlArgs 函數代碼: 複製代碼 代碼如下:function urlArgs(){ var args = {};

js jquery驗證銀行卡號資訊正則學習

jquery代碼 複製代碼 代碼如下:$("#bankAccountNumber").change(function(){ alert("1"); var account = $("channelForm.bankAccount.account").val(); alert("2"); var reg = /^\d{19}$/g; // 以19位元字開頭,以19位元字結尾 if( !reg.test(account) ) { alert("格式錯誤,應該是19位元字!"); } })

javascript改變position值實現菜單滾動至頂部後固定

現在很多網站都有這樣的一個效果,當頁面滾動到一定高度時,功能表列會固定在頁面頂部。其實就是改變 position 的值。 html 代碼: 複製代碼 代碼如下:<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/

javascript限制文字框只允許輸入數字(曾經與現在的方法對比)

很多時候需要用到限制文字框的數字輸入,試過許多方法,都不太理想,遂決定自己實現一個來玩玩。 曾經使用過的方法 通過onkeydown事件來控制只允許數字: 複製代碼 代碼如下:<input onkeydown="return event.keyCode>=48&&event.keyCode<=57||event.keyCode>=96&&event.keyCode<=105" /> 通過jQuery外掛程式Masked

Javascript模組化編程(三)require.js的用法及功能介紹

這個系列的第一部分和第二部分,介紹了Javascript模組原型和理論概念,今天介紹如何將它們用於實戰。 我採用的是一個非常流行的庫require.js。 一、為什麼要用require.js? 最早的時候,所有Javascript代碼都寫在一個檔案裡面,只要載入這一個檔案就夠了。後來,代碼越來越多,一個檔案不夠了,必須分成多個檔案,依次載入。下面的網頁代碼,相信很多人都見過。 複製代碼 代碼如下:<script src="1.js"></script>

Javascript模組化編程(一)模組的寫法最佳實務

隨著網站逐漸層成"互連網應用程式",嵌入網頁的Javascript代碼越來越龐大,越來越複雜。 網頁越來越像傳統型程式,需要一個團隊分工協作、進度管理、單元測試等等......開發人員不得不使用軟體工程的方法,管理網頁的商務邏輯。 Javascript模組化編程,已經成為一個迫切的需求。理想情況下,開發人員只需要實現核心的商務邏輯,其他都可以載入別人已經寫好的模組。

Javascript非同步編程的4種方法讓你寫出更出色的程式

你可能知道,Javascript語言的執行環境是"單線程"(single thread)。 所謂"單線程",就是指一次只能完成一件任務。如果有多個任務,就必須排隊,前面一個任務完成,再執行後面一個任務,以此類推。 這種模式的好處是實現起來比較簡單,執行環境相對單純;壞處是只要有一個任務耗時很長,後面的任務都必須排隊等著,會拖延整個程式的執行。常見的瀏覽器無響應(假死),往往就是因為某一段Javascript代碼長時間運行(比如死迴圈),導致整個頁面卡在這個地方,其他任務無法執行。

JavaScript控制Session操作方法

看到這個題目,或許有人會提出疑問,JavaScript代表用戶端,而Session代表的是伺服器(不知道這樣說大家是否能夠理解)。 先說一下需求,我在做一個許可權管理的時候,需要在點擊某個模組時,Session中相應的改變模組代號,而實現這個操作的是一個a標籤,當然我不知道

總頁數: 3271 1 .... 139 140 141 142 143 .... 3271 Go to: 前往

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

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

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