JavaScript

為了達到平穩退化，向後相容，標記分離的思想，每次寫js代碼時做的第一件事應該是必要的測試和檢查工作：在js檔案裡首先添加以下代碼進行檢查：window.onload = function(){if(!document.getElementsByTagName) return false;if(!document.getElementById) return false;if(!document.getElementsByClassName) return

開學一個月，已經多次夢見筆試出現資料結構演算法題，我對資料結構的恐懼已經多於任何“妖魔鬼怪”了。呵呵，看來真的很有必要複習一下常用的資料結構，免得“噩夢”成真。資料機構等編程基礎的重要性不用多說，直接進入正題。排序演算法，分為內部排序和外部排序。內部排序要使用記憶體，這裡只探討內部排序。1，插入排序：直接插入排序和希爾排序2，選擇排序：簡單選擇排序和堆排序3，交換排序：冒泡排序和快速排序4，歸併排序5，基數排序直接插入排序基本思想：在要排序的一組數，假設前面（n-1）[n>=2]個數已經是

duplex雙工綁定是avalon綁定裡面最有趣的一個，因為它在內部幫開發人員做了很多事，讓開發人員寫的代碼減少，代碼更優雅。下面隨便示範一個常見的checkbox全選。要求:（老掉牙了，還是說一下）1.勾選了全選框後，下面的子選框全被勾選；沒勾選全選框，則子選框全部不勾選2.子選框如果有一個未勾選，則取消全選框勾選；3.子選框全部勾選，則勾選全選框<!DOCTYPE html><html><head><meta http-equiv="Content-

scrollTop 表示滾動的高度，預設從position:0;開始向下滾，scrollTop（offset）的offset表示相對頂部的位移，以像素計，<br/>scrollTop()滾動的高度既能‘設定'滾動值，也能‘擷取'滾動值。當設定滾動值時，該方法就會設定所有匹配元素的滾動值。當擷取滾動值時，該方法只返回第一個匹配元素的滾動位置。需要擷取scrollTop的值，可以參考如下代碼：複製代碼 代碼如下:var scrollTop =

本文執行個體講述了javascript實現淘寶投影片廣告展示效果的方法。分享給大家供大家參考。具體如下：一、效果圖如下：二、代碼部分：JS代碼部分：function getClass(oParent,name){ var arr=[]; var oBj=oParent.getElementsByTagName("*"); for(var i=0;i<oBj.length;i++){ if(oBj[i].className==name){

本文執行個體講述了javascript表格隔行變色加滑鼠移入移出及點擊效果的方法。分享給大家供大家參考。具體分析如下：表格隔行變色，也是一個提高使用者體驗的js效果。效果實現：表格奇偶行的顏色不一樣。這樣可以防止使用者看資料時串列。滑鼠移入某行時變顏色，移出再變回來。這樣可以讓使用者清楚的知道自己正在看哪一行。表格點擊變色。便於使用者選中自己想保留的項。 說明：i%2 每個數和2模數的值，只有0和1兩種，這樣就可以實現隔行變色的效果tables_li[i].onoff =

本文執行個體講述了JavaScript分頁功能的實現方法。分享給大家供大家參考。具體實現方法如下：<script>//定義page為全域變數，以便下面使用var page;window.onload = function() {var table = document.getElementById("table");var btnAdd = document.getElementById("btnAdd");var btnModify =

本文執行個體講述了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

本文執行個體講述了javaScript中this用法。分享給大家供大家參考。具體分析如下：之前學javascript的時候總搞不清this,這個this不像java裡的this那麼好理解。我後來也是看了許多別人寫的文章，才理解過來的。現在把別人寫的東西搬過來，怕以後忘記。總得來說 this的指向分三種。指向全域window,該對象,建構函式。 結論：在Javascript中，this指向函數執行時的當前對象。  簡單點說就是調用的方法屬於哪個對象，this就指向那個對象。1.

謎題：三階幻方， 試將1~9這9個不同整數填入一個3×3的表格，使得每行、每列以及每條對角線上的數字之和相同。策略：窮舉搜尋。列出所有的整數填充方案，然後進行過濾。亮點為遞迴函式getPermutation的設計，文章最後給出了幾個非遞迴演算法// 遞迴演算法，很巧妙，但太費資源function getPermutation(arr) { if (arr.length == 1) { return [arr]; } var permutation = []; for (var i

本文執行個體總結了JavaScript中常見的字串操作函數及用法。分享給大家供大家參考。具體分析如下：最近幾次參加前端實習生招聘的筆試，發現很多筆試題都會考到字串的處理，比方說去哪兒網筆試題、淘寶的筆試題等。如果你經常參加筆試或者也是一個過來人，相信你也跟我一樣，發現字串的處理是前端招聘過程中最常見的題型之一。這些題有一個特點，站在考官的角度去考慮，它考的不是你會不會，而是你能不能在不借用XX手冊或者XX指南再或者百度Google的情況下，用比較簡潔的方式寫出答案來。可惜的是，很多開發人員，當然

Aop又叫面向切面編程，其中“通知”是切面的具體實現，分為before（前置通知）、after（後置通知）、around（環繞通知），用過spring的同學肯定對它非常熟悉，而在js中，AOP是一個被嚴重忽視的技術點。但是利用aop可以有效改善js代碼邏輯，比如前端架構dojo和yui3中AOP則被提升至自訂事件的一種內在機制，在源碼中隨處可見。得益於這種抽象使得dojo的自訂事件異常強大和靈活。dojo中aop的實現在dojo/aspect模組中，主要有三個方法：before、after、ar

JavaScript提供了幾種技術，來在字串中搜尋一個單詞、數字或其他的一串字元。搜尋可能很方便，例如，如果你想要知道訪問者使用哪種Web瀏覽器來瀏覽你的網站。每個Web瀏覽器在一個字串中標識關於自己的資訊，該字串包含了很多不同的統計資料。可以通過在一個Web頁面中添加下面這段JavaScript，並且在Web瀏覽器預覽，從而看到這個字串：＜script＞alert（navigator.userAgent）；＜/script＞Navigator是一個Web瀏覽器對象，並且userAgent是na

本文執行個體講述了javascript即時擷取滑鼠座標值並顯示的方法。分享給大家供大家參考。具體實現方法如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html

本文執行個體講述了JavaScript漢諾塔問題解決方案。分享給大家供大家參考。具體實現方法如下：<script language="javascript"> var han=function (disc,src,aux,dst){ if(disc>0){ han(disc-1,src,dst,aux); document.writeln("move disc "+disc+" from "+src+" to "+dst+"<br/>");

本文執行個體講述了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

本文執行個體講述了javascript格式化指定日期對象的方法。分享給大家供大家參考。具體如下：/** 格式化Date對象為：“2015-04-17 10：20：00”* var dateObj = new Date(); */function formartDate(dateObj){ var updatetimeval =dateObj.getFullYear()+"-"+(dateObj.getMonth()+1)+"-" +dateObj.getDate() +"

本文執行個體講述了javascript實現通過表格繪製顏色填充矩形的方法。分享給大家供大家參考。具體如下：<html> <head> <title> Javascript畫矩形 </title> <script type="text/javascript"> //定義函數，傳入設定參數，返回一個有背景顏色的表格 function drawFilledRect(x,y,w,h,color) { document.write("

本文執行個體講述了javascript判斷變數是否有值的方法。分享給大家供大家參考。具體分析如下：例如：var a = null;var b = undefined;以上這兩種情況算作沒有值if(a !== null && a !== undefined) { //}// 為什麼不能單用if(a !== null) { // }var a;a !== null; // true// 為什麼不能單用if(a !== undefined) { // }var a = null;a !===

觀摩一下《編程之美》：“程式雖然很難寫，卻很美妙。要想把程式寫好，需要寫好一定的基礎知識，包括程式設計語言、資料結構與演算法。程式寫得好，需要縝密的邏輯思維能力和良好的梳理基礎，而且熟悉編程環境和編程工具。”學了幾年的電腦，你有沒有愛上編程。話說，沒有嘗試自己寫過一個遊戲，算不上熱愛編程。俄羅斯方塊曾經造成的轟動與造成的經濟價值可以說是遊戲史上的一件大事，它看似簡單但卻變化無窮，令人上癮。相信大多數同學，曾經為它癡迷得茶不思飯不想。遊戲規則1、一個用於擺放小型正方形的平面虛擬場地，其標準大小：行