Time of Update: 2017-01-19
線上示範 大家還記得我們曾經介紹過的表單驗證jquery外掛程式jquery.validationEngine吧,使用這個外掛程式你不需要寫任何一行js代碼就可以產生一個功能強大的表單驗證功能。是不是超棒? 今天介紹的Parsley同樣也可以協助你只使用簡單的配置即可實現表單驗證功能,基於它的強大DOM-API。 主要特性 •基於超棒的使用者體驗 •超級方便配置 •超輕量級(壓縮後12K),支援jQuery和Zepto
Time of Update: 2017-01-19
你可以參考到前一版本 http://www.jb51.net/article/33555.htm 這個有點不好的地方,就是如果想改變樣式,也許得使用尋找替換才行。因此,Insus.NET寫出另外一個方法來實現,這樣可以改一應用百。 先寫一個樣式Style: 複製代碼 代碼如下:<style type="text/css"> .overStyle { border-color:#3599ff; } .outStyle { border-color: #fff; }
Time of Update: 2017-01-19
今天做了一個css的練習,效果有點象Maxthon首頁一樣。使用onmouseover和onmouseout事件實現不同的效果。如: 你可以使用下面javascript。 複製代碼 代碼如下: <script type="text/javascript"> function DynamicSetStyle(id, attr, val) { var element = document.getElementById(id); if (element)
Time of Update: 2017-01-19
javascript是個入門門檻很低的語言,甚至一個從來沒有接觸過javascript的技術人員,幾小時內就可以寫出一個簡單有用的程式碼。 但是如果因此你就下結論:javascript是門簡單的語言。那你就大錯特錯了。想寫出高效能的代碼,同樣需要具備一個進階程式員的基本素養。 一個java或者c++程式員,不一定能寫出高效能的javascript代碼,但更容易寫出高效能的javascript代碼。
Time of Update: 2017-01-19
小時候我們玩過拼圖遊戲,是用自己的手去拼的。今天我們來研究研究用javascript來拼圖。同樣是拼圖,但用js拼圖要比用手拼圖麻煩多了,因此以後我要把它最佳化成引擎。一、前言以上是一段導語,話不扯遠,對《三國志曹操傳》熟悉的玩家知道,《三國志曹操傳》的地圖是由小地圖塊拼成的,那要實現它就和導語說得一樣:很麻煩。不過即使麻煩也是一門技術,因此在此分享給大家,希望大家喜歡。二、代碼講解今天我要換換講解方式,先不給代碼,我們先來想想原理。現在,假如你有一幅圖片,把它裁開成若干份,並打亂。現在如果讓你
Time of Update: 2017-01-19
前兩講我告訴了大家如何使人物移動,那麼今天我們就來看看如何?仿《三國志曹操傳》人物情景對話。具體的連結我寫在下方。一、前言相信大家都還記得吧,在某些新聞裡會有一些慘不忍睹的結果是用像打字機一樣的方式把文字弄出來。那麼今天的主要目的就是要辦到這個。就在9月5日的時候,我在辦公室裡起了個做這種程式的念頭,並且有了點思路。我首先想用調margin的方法,按理說是作出來了,但很不讓人滿意,畢竟很麻煩,並且技術也差。所以我打算用上數組和迴圈。9月13日我抽空寫出來了,但由於這幾天很忙,基本上在工作日不可能
Time of Update: 2017-01-19
首先來說,讓一個遊戲賦有可玩性必須要動靜結合。(哈哈,大家以為我要講作文了。。。但其實我今天要講的是Javascript)靜態東西誰不會做呢?因為東西一生下來就是靜態(除非你是用的gif動畫),所以不需要任何處理就能完成靜態。那麼我將要在下面告訴大家如何運用Javascript將靜態圖片變為動態圖片。一、圖片準備 fight01.pngfight02.pngfight03.pngfight04.png03.png02.png01.png首先,我找了一
Time of Update: 2017-01-19
今天有做了幾個asp.net結合Javascript的教程文章。現回顧頭來看看那些Javascript指令碼,有寫得不太理想,過於複雜。現抽取出來,重構它們。 之前一: 複製代碼 代碼如下: function SelectedAll(cb) { cb.checked = cb.checked ? false : true; var gv = document.getElementById('<%=GridViewCouplets.ClientID %>'); var rc = gv.
Time of Update: 2017-01-19
今天在犀牛書上發現了一個有用的函數 urlArgs(提取URL的搜尋字串中的參數)。我們經常會看到有的頁面連結地址後面會跟有參數,比如 http://www.xxx.com/?username=yyy&password=zzz 之類的,很多時候我們需要獲得這些參數的值(yyy和zzz),那麼就可以利用 urlArgs 函數,通過該函數的傳回值(傳回值是對象)的屬性來擷取。 urlArgs 函數代碼: 複製代碼 代碼如下: function urlArgs(){ var args = {};
Time of Update: 2017-01-19
複製代碼 代碼如下: <script> //當失去交點以後 讓文字框內的文字獲得焦點 並且游標移到最後一個字後面 function myfocus(myid) { if(isNav){ document.getElementById(myid).focus();// 擷取焦點 }else{ setFocus.call(document.getElementById(myid)); } } var isNav =
Time of Update: 2017-01-19
現在很多網站都有這樣的一個效果,當頁面滾動到一定高度時,功能表列會固定在頁面頂部。其實就是改變 position 的值。 html 代碼: 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css"
Time of Update: 2017-01-19
很多時候需要用到限制文字框的數字輸入,試過許多方法,都不太理想,遂決定自己實現一個來玩玩。 曾經使用過的方法 通過onkeydown事件來控制只允許數字: 複製代碼 代碼如下: <input onkeydown="return event.keyCode>=48&&event.keyCode<=57||event.keyCode>=96&&event.keyCode<=105" /> 通過jQuery外掛程式Masked
Time of Update: 2017-01-19
現在很多網站都用到了返回頂部的效果,當然懶的話也可以直接 a 網站連結到 #,這樣也可以達到效果。今天抽空用原生 javascript 寫了個,由於本人水平有限,如有問題請指出。 html 代碼: 複製代碼 代碼如下: <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>js-回到頂部</title> <style type=
Time of Update: 2017-01-19
你可能知道,Javascript語言的執行環境是"單線程"(single thread)。 所謂"單線程",就是指一次只能完成一件任務。如果有多個任務,就必須排隊,前面一個任務完成,再執行後面一個任務,以此類推。 這種模式的好處是實現起來比較簡單,執行環境相對單純;壞處是只要有一個任務耗時很長,後面的任務都必須排隊等著,會拖延整個程式的執行。常見的瀏覽器無響應(假死),往往就是因為某一段Javascript代碼長時間運行(比如死迴圈),導致整個頁面卡在這個地方,其他任務無法執行。
Time of Update: 2017-01-19
看到這個題目,或許有人會提出疑問,JavaScript代表用戶端,而Session代表的是伺服器(不知道這樣說大家是否能夠理解)。 先說一下需求,我在做一個許可權管理的時候,需要在點擊某個模組時,Session中相應的改變模組代號,而實現這個操作的是一個a標籤,當然我不知道
Time of Update: 2017-01-19
分享一個Javascript編寫函數的最佳化技巧。 適用的函數應該要滿足以下條件: 產生固定結果頁面中多次調用 複雜或較耗時 代碼和分析如下: Java代碼: 複製代碼 代碼如下: //產生固定結果並且在頁面中多次調用的函數 function check() { //類比耗時操作 var begin = Date.now(); //ECMAScript5添加的,若不支援請改成 +new Date(); var ONE_SECOND = 1000, result = false;
Time of Update: 2017-01-19
前言 上一篇文章,我們講解了影像金字塔,這篇文章我們來瞭解仿射變換。仿射?任何仿射變換都可以轉換成,乘以一個矩陣(線性變化),再加上一個向量(平移變化)。實際上仿射是兩幅圖片的變換關係。例如我們可以通過仿射變換對圖片進行:縮放、旋轉、平移等操作。一個數學問題在解決仿射問題前,我們來做一個數學題。如圖,對於點(x1, y1),相對於原點旋轉一個角度a,那麼這個點到哪裡了呢?我們將座標系變成極座標系,則點(x1, y1)就變成了(r, β),而旋轉後變成(r, α+
Time of Update: 2017-01-19
Javascript中會經常用到setTimeout來延遲一個函數的執行,如: 複製代碼 代碼如下: setTimeout(function(){alert("Hello World");},1000); 會在執行到這句話後延遲1秒鐘來彈出alert視窗。那麼再看這一段: 複製代碼 代碼如下: function a(){ setTimeout(function() {alert(1)}, 0); alert(2); } a();
Time of Update: 2017-01-19
調試Javascript可能是web開發中最讓人鬱悶的事情。所以這裡我們絕定來尋找一些好的工具來協助大家調試。這裡是10款我們精選的基於瀏覽器的JS線上調試工具,希望大家喜歡!Online Debugging Tools1.PastebinPastebin是一個協作式的調試工具,協助你在IRC,IM或者訊息版上對話來分享和修改程式碼片段2.JSON Formatter and
Time of Update: 2017-01-19
方法一: 個人認為最好的方法.採用的是Regex,這是最核心的原理. 其次.這個方法使用了JavaScript 的prototype 屬性 其實你不使用這個屬性一樣可以用函數實現.但這樣做後用起來比較方便. 下面就來看看這個屬性是怎麼來用的. 返回物件類型原型的引用。 objectName.prototype objectName 參數是對象的名稱。 說明 用 prototype 屬性提供對象的類的一組準系統。對象的新執行個體“繼承”賦予該對象原型的操作。 例如,要為 Array