Time of Update: 2017-01-19
在JavaScript開發Web遊戲時,需要使用到碰撞檢測時,為了方便開發,封裝了矩形和圓形的兩個碰撞檢測方式。【附帶案例操作捕獲一枚】【注意:代碼上未做最佳化處理】示範圖角色攻擊地區碰撞檢測.gif塔防案例.gif矩形地區碰撞檢測/** * 矩形地區碰撞檢測 * Created by Administrator on 14-4-7. * author: marker */function Rectangle(x, y, _width, _height){ this.x = x; this.
Time of Update: 2017-01-19
對於JavaScript來說,其自身的Array對象僅僅是個數組,無法提供通過關鍵字來擷取儲存的資料,jQuery源碼中提供了一種非常好的方式來解決這個問題,先看一下源碼:複製代碼 代碼如下:function createCache() { var keys = []; function cache(key, value) { // Use (key + " ") to avoid collision with native
Time of Update: 2017-01-19
本文執行個體講述了JavaScript父子表單間的調用方法。分享給大家供大家參考。具體如下:如果要開啟一個新視窗,使用 window.open( ) 方法。如果要關閉自身視窗,使用 window.close( ) 方法。一、父表單為了便於父視窗操作子視窗,可以為 window.open( ) 方法定義一個變數,例如:var opW =
Time of Update: 2017-01-19
本文執行個體講述了JavaScript操作cookie類。分享給大家供大家參考。具體如下:用法:一、設定cookievar cookie = new JSCookie();// 普通設定cookie .SetCookie("key1","val1");// 到期時間為一年var expire_time = new Date();expire_time.setFullYear(expire_time.getFullYear() + 1);cookie .SetCookie("key2","val2
Time of Update: 2017-01-19
javascript實現簡單的貪吃蛇遊戲,功能很簡單,代碼也很實用,就不多廢話了,小夥伴們參考注釋吧。<html><head> <meta http-equiv='content-type' content='text/html;charset=utf-8'><title>貪吃蛇</title><script type="text/javascript"> var map; //地圖 var snake; //蛇
Time of Update: 2017-01-19
本文執行個體講述了JavaScript類比實現繼承的方法。分享給大家供大家參考。具體分析如下:我們都知道,在JavaScript中只能類比實現OO中的"類",也就意味著,在JavaScript中沒有類的繼承。我們也只能通過在原對象裡添加或改寫屬性來類比實現。先定義一個父類,//父類function ParentClass() { this.className = "ParentClass"; this.auth = "Auth"; this.version = "V1.0";
Time of Update: 2017-01-19
本文執行個體講述了JavaScript動態改變表格儲存格內容的方法。分享給大家供大家參考。具體如下:JavaScript動態改變表格儲存格的內容,下面的代碼通過修改儲存格的innerHTML來修改儲存格內容<!DOCTYPE html><html><head><script>function changeContent(){var
Time of Update: 2017-01-19
本文執行個體講述了JavaScript擷取按鈕所在form表單id的方法。分享給大家供大家參考。具體如下:這裡使用javascript擷取form表單按鈕的id,可以通過下面的JS代碼擷取。<!DOCTYPE html><html><body><h1>www.sharejs.com</h1><form id="form1"><button id="button1" type="button">Click me!&
Time of Update: 2017-01-19
本文執行個體講述了JavaScript擷取表單內所有元素值的方法。分享給大家供大家參考。具體如下:下面的JS代碼可以遍曆指定表單中的所有元素,並輸出元素的值<!DOCTYPE html><html><body><form id="frm1" action="form_action.aspx">First name: <input type="text" name="fname"
Time of Update: 2017-01-19
本文執行個體講述了JavaScript擷取網頁支援表單字元集的方法。分享給大家供大家參考。具體如下:JavaScript擷取網頁支援表單的字元集可通過表單的acceptCharset方法獲得<!DOCTYPE html><html><body><form id="frm1" accept-charset="ISO-8859-1">First name: <input type="text" name="fname"
Time of Update: 2017-01-19
本文執行個體講述了JavaScript擷取網頁表單action屬性的方法。分享給大家供大家參考。具體如下:JavaScript擷取網頁表單的action屬性,即要提交到的url地址,有時候需要提交到當前頁面,則可能會設定action為空白<!DOCTYPE html><html><body><form id="frm1" action="jb51.php">First name: <input type="text" name="fname"
Time of Update: 2017-01-19
一句話說明:用有限的代碼構建一個1024*1024的顏色矩陣,秀出你的編程&藝術之美起源於 stackexchange 上的一個問題, 這裡稍微做了一下擴充,支援更多程式設計語言,並放寬了代碼長度的限制。規則目標:通過實現 模版 中的一個函數 get_color_at(x, y) ,在一個 1024*1024 的畫布上畫出儘可能 “有意思” 的圖案。參數:int x, int y ,取值均為 0 - 1023,對應畫布上座標點,左上方為起始點 (0,0)返回:int r, int g, int
Time of Update: 2017-01-19
很簡單的一段背景顏色時刻發生變化的代碼<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #dv {width: 100px;height: 100px;} </style></head><script>
Time of Update: 2017-01-19
call和apply的用法,並利用call實現js類的繼承/* * 矩形 */function Rectangle(len,width) { this.len = len; this.width = width; }/* * 乘以 */function multiply(a,b) { return a * b;}// 矩形執行個體var rectangle = new Rectangle(15, 30);//求矩形面積var proportion =
Time of Update: 2017-01-19
本文執行個體講述了JavaScript顯示表單內元素數量的方法。分享給大家供大家參考。具體如下:JavaScript顯示表單內元素的數量,不包含表單本身<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp">First name: <input type="text" name="fname" value="Donald"><br>Last
Time of Update: 2017-01-19
本文執行個體講述了JavaScript擷取網頁表單提交方式的方法。分享給大家供大家參考。具體如下:JavaScript擷取網頁表單的提交方式是get還是post,擷取提交方式可以通過表單的method屬性獲得<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp" method="get">First name: <input type="text"
Time of Update: 2017-01-19
本文執行個體講述了Javascript擷取表單名稱(name)的方法。分享給大家供大家參考。具體如下:下面的代碼通過表單的name屬性獲得表單名稱<!DOCTYPE html><html><body><form id="frm1" name="form1">First name: <input type="text" name="fname" value="Donald"><br>Last name: <input
Time of Update: 2017-01-19
本來在那片編寫可維護性代碼文章後就要總結這篇代碼效能文章的,耽擱了幾天,本來也是決定每天都要更新一篇文章的,因為以前欠下太多東西沒總結,學過的東西沒去總結真的很快就忘記了,記錄一下在你腦力留下更深的印象,特別是這些可維護性代碼,效能什麼的,當在你腦子裡形成一種習慣了,那你就牛了!這裡也要給初學者一個建議:多總結你學過的東西,因為這其實也是在學習新知識!
Time of Update: 2017-01-19
本文執行個體講述了JavaScript獲得表單target屬性的方法。分享給大家供大家參考。具體實現方法如下:<!DOCTYPE html><html><body><form id="frm1" action="form_action.asp" target="_blank">First name: <input type="text" name="fname" value="Donald"><br>Last name: &
Time of Update: 2017-01-19
最近不看犀牛書了,那本翻譯的特爛而且好拗口,尤其是原型那塊說的亂七八糟,後來經同事介紹,買了本js進階程式設計,然後就繼續苦逼的看,不吐槽了,繼續說說js中有新鮮感的封裝類型。 一:String 說到String類型,蠻有意思,平時我們都是這樣定義一個string類型,如下圖:但是在js中有一點非常特別,那就是string類型是屬於基本類型,不屬於參考型別,那就說明string的值是儲存在“棧”上面的,而很多語言不是這樣,比如C#,我覺得js不作為參考型別也是情有可原,畢竟它玩不