JavaScript

標籤：　　javascript原生的事件，總結了一下，包括事件流、處理函數、事件對象這幾樣東西。而在相容性方面，主要是老牌ie8以及以下和現代瀏覽器的差異，也就是ie和DOM事件標準的差異。事件流這個事件流ie4和Netscape4提出來的，但是兩個公司提出的事件流確實剛好相反的。ie的是事件冒泡，Netscape的是事件捕獲。ie會從觸發事件的元素一直往上冒泡直到document元素。ie8以下包括ie8的Netscape則是從document元素開始往下傳播一直到觸發事件的元素。而DOM標準

標籤：<!doctype html><html><head> <meta charset="UTF-8"> <title>HTML5-Drag-Demo by 頑Shi</title> <style> .column { height: 200px; width: 200px; float: left; border: 1px solid black;

標籤：JavaScript實現判斷圖片是否載入完成的3種方法整理 有時候我們在前端開發工作中為了擷取圖片的資訊，需要在圖片載入完成後才可以正確的擷取到圖片的大小尺寸，並且執行相應的回呼函數使圖片產生某種顯示效果。本文主要整理了幾種常見的javascipt判斷圖片載入完成時的方法，並通過代碼與實際應用相結合進行解釋與說明。onload方法通過向img標籤添加onload屬性，並填入相應的函數來執行後續的javascipt代碼。如下代碼例子中img元素預設是不顯示的，通過onload判斷載

標籤：unit Unit1;interface{$DEFINE CODESITE}uses {$IFDEF CODESITE}CodeSiteLogging, {$ENDIF} Classes, SysUtils, IWAppForm, IWApplication, IWColor, IWTypes, IWCompButton, Vcl.Controls, IWVCLBaseControl, IWBaseControl, IWBaseHTMLControl, IWControl,

標籤：<!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 http-equiv="Content-Type" content="text/html;

標籤：javascript   基礎   JavaScript是一種可以用來給網頁增加互動性質的程式設計語言。<!DOCTYPE html><html><head>    <title>Barely a script at all</title>   &nbs

標籤：基礎   javascript   1.<script>標籤的屬性，方法及事件處理常式；屬性：defer(defer)：規定是否對指令碼執行延遲，直到頁面載入為止；src(url)：規定外部指令檔的url；charset(charset)：規定外部指令檔使用的字元編碼；async：規定非同步執行指令碼；event：設定或擷取指令碼編寫用於的事件；htmlFor：設定或擷取綁定到事件指令碼的對象；type、languag

標籤：javascript   函數式編程   js像其他動態語言一樣是可以寫高階函數的，所謂高階函數是可以操作函數的函數。因為在js中函數是一個徹徹底底的對象，屬於第一類公民，這提供了函數式編程的先決條件。 下面給出一個例子代碼，出自一本js教程，功能是計算數組元素的平均值和標準差，先列出非函數式編程的一種寫法：var data = [1,1,3,5,5];var total = 0;for(var i = 0;i <

標籤：function Graph(v) { this.vertices = v; //初始化頂點 this.edges = 0; //邊數先設定為0 this.adj = []; //為每一個頂點準備一個鏈表,表示它和所有節點的關係 for (var i = 0; i < this.vertices.length; i++) { this.adj[i] = []; this.adj[i].push(""); }

javascript實現ecshop搜尋方塊鍵盤上下鍵切換控制 在createSelect()函數中，返回一個對象，這個對象的兩個方法next（）和prev（）中的調用的moveSelect()能正確的指向到該函數，也可以把moveSelect()函數放到外面來。 代碼如下:/* 鍵盤操作與問題推薦選擇 */var curDo = null;var select = createSelect();$('#keywords').keyup(function(e){var

JavaScript從數組中刪除指定值元素的方法 這篇文章主要介紹了JavaScript從數組中刪除指定值元素的方法,執行個體分析了兩種常用的javascript運算元組指定元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下  本文執行個體講述了JavaScript從數組中刪除指定值元素的方法。分享給大家供大家參考。具體分析如下：下面的代碼使用了兩種方式刪除數組的元素，第一種定義一個單獨的函數，第二種為Array對象定義了一個removeByValue的方法，調

javascript版2048小遊戲 本文給大家分享的是使用javascript製作的2048小遊戲的代碼，僅僅是想鍛煉下自己的編程代碼風格，盡量做的規範些，小夥伴們多多給些建議。  沒有技術含量，只是用來練習代碼邏輯的。為了代碼結構清晰，我把邏輯控制部分寫在全域變數裡，使用者介面操作封裝在UI對象裡，大概就這樣了。僅供參考。工作時候，我的編碼風格有人吐槽太亂了，所以我想試著寫一個不是那麼亂的東西出來。。 代碼如下:<HTML><head

JavaScript中的依賴注入詳解 這篇文章主要介紹了JavaScript中的依賴注入詳解,本文講解了requirejs/AMD方法、反射(reflection)方法等內容,需要的朋友可以參考下  電腦編程的世界其實就是一個將簡單的部分不斷抽象，並將這些抽象組織起來的過程。JavaScript也不例外，在我們使用JavaScript編寫應用時，我們是不是都會使用到別人編寫的代碼，例如一些著名的開源庫或者架構。隨著我們項目的增長，我們需要依賴的模組變得越來越多，這個

使用js實現的簡單拖拽效果 本文給大家分享的是使用純JS實現的簡單的拖拽效果的外掛程式，算是對自己javascript學習的一個小的檢驗，如果小夥伴們需要複雜的拖拽效果，還是考慮jQuery的draggable吧，更成熟一些。  前端開發的時候，有好多地方用到拖拽效果,當然 http://jqueryui.com/draggable/ 是個不錯的選擇,but

[轉]使用 HTML5 WebSocket 構建即時 Web 應用程式，html5websocketHTML5 WebSocket 簡介和實戰演練本文主要介紹了 HTML5 WebSocket 的原理以及它給即時 Web 開發帶來的革命性的創新，並通過一個 WebSocket 伺服器和用戶端的案例來充分展示 WebSocket 的強大和易用。作為下一代的 Web 標準，HTML5 擁有許多令人信服的新特性，如 Canvas、本機存放區、多媒體編程介面、WebSocket

jQuery實現按鍵盤方向鍵翻頁特效 本文給大家分享的是使用jQuery實現按鍵盤的方向鍵進行翻頁的特效，代碼十分的簡單，功能很實用，這裡推薦給大家，希望大家能夠喜歡。  1.jQuery代碼： 代碼如下:$(document).ready(function(){ var prevpage=$("#pre").attr("href"); var nextpage=$("#next").attr(

[ExtJS5學習筆記]sencha extjs 5 grid表格之java後台匯出excel繼上次使用js前端匯出excel之後，還有一個主要大家比較關注的是後台實現匯出excel,因為本人開發使用的java所以這裡使用apache的開源項目poi進行後台excel的匯出。本文目錄本文目錄 poi項目下載及載入 extjs前端匯出設定 extjs後台對應的解決方案 建立excel活頁簿 建立一個excel頁簽 產生excel樣式並初始化 產生表格標題列build headers

[D3.js] SVG-Axes（座標軸）Axis  D3的軸組件是為D3的quantitative, time 和 ordinal 標度所設計的。 # d3.svg.axis() 建立一個預設的座標軸。 # aixs(selection) 軸線適用於selection 或 transition。選取器必須包含一個 svg 或者 g 元素。

Javascript：自己寫模板引擎因為JS沒有提供“字串插入”和“多行字串”特性，傳統的拼湊字串容易出錯、效能不高和不容易理解代碼，為了應對這些問題，很多個人和團隊開發了模板引擎，現在主流的JS架構幾乎都提供此類功能了。模板引擎的實現方式有很多種，此處介紹一種簡單、靈活和強大的思路，該方式借鑒了 JSP（網頁伺服器最終將 JSP 頁面轉換為了

jQuery選擇id屬性帶有點符號元素的方法，jqueryid本文執行個體講述了jQuery選擇id屬性帶有點符號元素的方法。分享給大家供大家參考。具體分析如下：如果jquery要選擇的元素id中帶有點符號，在選擇時需要在點前面加上兩個反斜線，如： $("#address\\.street").text("Enter this field");具體代碼如下：<!DOCTYPE html><html><head><meta