Time of Update: 2017-01-19
很久以前寫的 當時都沒寫注釋的 剛加上了 (尼瑪,好多自己都不認識了 ... )不足的地方就是本來想寫個遊戲排名的統計的,等有空了再加上(好像每次都這麼說 然後就等好久好久...)還有就是沒有實現:點擊第一個格子不能是雷的功能<style> ul{padding:0;list-style:none;} #mine{overflow:hidden;width:30px;height:30px;border:1px solid #966;} #mine li{float:left;
Time of Update: 2017-01-19
謎題:三階幻方, 試將1~9這9個不同整數填入一個3×3的表格,使得每行、每列以及每條對角線上的數字之和相同。策略:窮舉搜尋。列出所有的整數填充方案,然後進行過濾。亮點為遞迴函式getPermutation的設計,文章最後給出了幾個非遞迴演算法// 遞迴演算法,很巧妙,但太費資源function getPermutation(arr) { if (arr.length == 1) { return [arr]; } var permutation = []; for (var i
Time of Update: 2017-01-19
最近幾次參加前端實習生招聘的筆試,發現很多筆試題都會考到字串的處理,比方說去哪兒網筆試題、淘寶的筆試題等。如果你經常參加筆試或者也是一個過來人,相信你也跟我一樣,發現字串的處理是前端招聘過程中最常見的題型之一。這些題有一個特點,站在考官的角度去考慮,它考的不是你會不會,而是你能不能在不借用XX手冊或者XX指南再或者百度Google的情況下,用比較簡潔的方式寫出答案來。可惜的是,很多開發人員,當然我也是其中一員,對於很多經常用到的字串處理函數卻不能牢牢記住他們的用法,總不得不去求助於XX手冊或者X
Time of Update: 2017-01-19
本文執行個體總結了JavaScript中常見的字串操作函數及用法。分享給大家供大家參考。具體分析如下:最近幾次參加前端實習生招聘的筆試,發現很多筆試題都會考到字串的處理,比方說去哪兒網筆試題、淘寶的筆試題等。如果你經常參加筆試或者也是一個過來人,相信你也跟我一樣,發現字串的處理是前端招聘過程中最常見的題型之一。這些題有一個特點,站在考官的角度去考慮,它考的不是你會不會,而是你能不能在不借用XX手冊或者XX指南再或者百度Google的情況下,用比較簡潔的方式寫出答案來。可惜的是,很多開發人員,當然
Time of Update: 2017-01-19
平時一般使用 字串+,或者[].join('')的方式同事推薦了這樣的形式ExceptionDivHtml="<div class='gameItems'>\ <div class='kreds_top_L'>\ <span style='padding:0 10px;'><b>Current Balance:</b><font> </font> Credits</span>\
Time of Update: 2017-01-19
本文執行個體講述了javascript使用shift+click實現選擇和反選checkbox的方法。分享給大家供大家參考。具體實現方法如下:var lastChecked = null;var handleChecked = function(e) { if(lastChecked && e.shiftKey) { var i = $('input[type="checkbox"]').index(lastChecked); var j = $('input[type="checkbox"]
Time of Update: 2017-01-19
我們在微博上可以對圖片進行向左轉向右轉等旋轉操作,讓使用者可以從不同的視角欣賞圖片效果。本文將結合執行個體為您講解如何使用Javascript結合相關技術來實現圖片的旋轉效果。我們使用HTML5的canvas標籤可對圖片進行旋轉操作,對於ie6,7,8不支援HTML5的瀏覽器,我們使用IE特有的濾鏡效果來實現圖片旋轉。HTML我們在頁面中放置一張圖片,在圖片的上方放置兩個按鈕,通過onclick事件調用rotate()函數來控製圖片向左向右旋轉。<div id="tool">
Time of Update: 2017-01-19
Aop又叫面向切面編程,用過spring的同學肯定對它非常熟悉,而在js中,AOP是一個被嚴重忽視的技術點,這篇就通過下面這幾個小例子,來說說AOP在js中的妙用.1, 防止window.onload被二次覆蓋.2,無侵入的統計代碼.3, 分離表單請求和校正.4,給ajax請求動態添加參數.5,職責鏈模式.6, 組合代替繼承.先給出before和after這2個“切面”函數.
Time of Update: 2017-01-19
Aop又叫面向切面編程,其中“通知”是切面的具體實現,分為before(前置通知)、after(後置通知)、around(環繞通知),用過spring的同學肯定對它非常熟悉,而在js中,AOP是一個被嚴重忽視的技術點。但是利用aop可以有效改善js代碼邏輯,比如前端架構dojo和yui3中AOP則被提升至自訂事件的一種內在機制,在源碼中隨處可見。得益於這種抽象使得dojo的自訂事件異常強大和靈活。dojo中aop的實現在dojo/aspect模組中,主要有三個方法:before、after、ar
Time of Update: 2017-01-19
javascript實現驗證社會安全號碼的有效性並提示function nunber(allowancePersonValue){ if(allowancePersonValue=="社會安全號碼"){ $("#span_username").show(); $("#span_username").html("社會安全號碼不可為空"); return false; } //校正長度,類型 else if(isCardNo(allowancePersonValue) ===
Time of Update: 2017-01-19
本文執行個體講述了javascript即時擷取滑鼠座標值並顯示的方法。分享給大家供大家參考。具體實現方法如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2017-01-19
本文執行個體講述了javascript實現滑鼠拖動改變層大小的方法。分享給大家供大家參考。具體實現方法如下:<html><head><title>拖動改變層的大小</title><meta content="text/html; charset=gb2312" http-equiv="Content-Type"><style> {box-sizing: border-box; moz-box-sizing:
Time of Update: 2017-01-19
代碼:function checkall(checkNames){ var allBoxs = document.getElementsByName(checkNames); for(var i = 0 ;i<allBoxs.length;i++){ if(allBoxs[i].type == 'checkbox'){ if(allBoxs[i].checked==false){ allBoxs[i].checked = true ;
Time of Update: 2017-01-19
本文執行個體講述了javascript實現的固定位置懸浮視窗。分享給大家供大家參考。具體實現方法如下:<!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><meta
Time of Update: 2017-01-19
本文執行個體講述了javascript通過元素id和name直接取得元素的方法。分享給大家供大家參考。具體分析如下:我們知道一些第三方的js庫對如何快速選取html中的元素做了一些簡化,貌似十分高深莫測,其實也不然。而且js本身內建了對於特殊元素的簡便選取的方法,下面就為大家簡單介紹下。在html中,一般最直接的辨別html元素使用的是name和id屬性,兩者有著細微的不同:id必須頁面唯一,但name可以有重複。在js中如果id名稱不和內建屬性或全域變數重名的話,該名稱自動成為window對象
Time of Update: 2017-01-19
本文執行個體講述了javascript中in運算子用法。分享給大家供大家參考。具體分析如下:in運算子希望它的左運算元是一個字串或可以轉換為字串,希望他的右運算元是一個對象;如果右側對象擁有一個名為左運算元值的屬性名稱,那麼運算式返回true:var point = {x:1,y:1};"x" in point //true"z" in point //false"toString" in point //truevar ary = [1,2,3];"0" in ary;
Time of Update: 2017-01-19
本文總結介紹了三種使用Javascript截取字串的方法,同時也總結了兩種截取中文字串的辦法,分享一下。1.substring 方法定義和用法 substring 方法用於提取字串中介於兩個指定下標之間的字元。 文法 stringObject.substring(start,stop) 參數 描述 start 必需。一個非負的整數,規定要提取的子串的第一個字元在 stringObject 中的位置。 stop 可選。一個非負的整數,比要提取的子串的最後一個字元在 stringObject
Time of Update: 2017-01-19
分享一段利用 JavaScript 實現複製功能的代碼,相容多瀏覽器,相容IE和Firefox瀏覽器。<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript 複製功能代碼,相容多瀏覽器</title>
Time of Update: 2017-01-19
部分網站內容頁通常會看到有控制文字分別以 大,中,小 三種方式顯示,下面就把這個小功能做一下記錄,對提高網站使用者體驗度還是有一些協助的哦!<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>js控制文字大中小顯示</title> </head> <body> <script
Time of Update: 2017-01-19
Function 類型 function類型,毋庸置疑是js中相當重要的一個玩意。 1.這玩意首先是一個對象,也就是說它是一個參考型別。陳述:一聽說是對象,是不是很有一種它的基類是object對象錯覺感,No,它和object是獨立的2個東西。當你typeof function 時,返回的是 funciton 並非 object 2.每個函數都是 Function 對象的一個執行個體,它與其他引用對象一樣具有屬性和方法。由於它是對象所以函數名是指向函數對象的指標關於函數的聲明的文法支援:&