JavaScript

第一步，把網頁儲存為Canvas畫布，藉助於html2canvas庫，http://html2canvas.hertzen.com/html2canvas(document.getElementById("id1"), { onrendered: function(canvas) { document.getElementById("id2").appendChild(canvas);//產生畫布後如何處理，當然可以在新標籤開啟，在浮層展示等等 }, canvas_id:

摘要在這篇文章裡，我將介紹資料結構Stack的基本操作和它的一些應用。我們將看到Stack在括弧匹配檢測，運算式求值，函數調用上的應用。遞迴是一種特殊的函數調用，由於遞迴在程式設計中十分重要且不容易理解，所以我將闡述我對遞迴的理解。最後我們將看到利用Stack和遞迴是怎麼優雅的解決一個經典遊戲：漢諾塔。本文還將給出運算式求值和漢諾塔的HTML5示範。Stack簡介Stack即棧，以下是維基百科的定義：在電腦科學中，是一種特殊的串列形式的資料結構，它的特殊之處在於只能允許在鏈結串列或陣列的一端稱為

Javascript的函數的聲明方式和調用方式已經是令人厭倦的老生常談了，但有些東西就是這樣的，你來說一遍然後我再說一遍。每次看到書上或部落格裡寫的Javascript函數有四種調用方式，我就會想起孔乙己：茴字有四種寫法，你造嗎？儘管缺陷有一堆，但Javascript還是令人著迷的。Javascript眾多優美的特性的核心，是作為頂級對象first-class

　最近都在學nodeJs，剛好看到http模組，於是就心血來潮，想寫個簡單的爬蟲。 　　簡單的爬蟲實現原理很簡單：發送http請求至目標地址擷取HTML頁面資料，然後從擷取來的頁面資料中提取需要的資料儲存。 　　用nodeJs寫爬蟲，主要就是用到http.get發送請求至目標地址，然後在res.on("data")中監聽資料轉送並且儲存資料，最後在res.on("end")資料傳送完畢後對資料進行處理，儲存。 　　先來說步驟吧

複製代碼 代碼如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>JS實現div置中</title> <style> /*外層div置中*/ #main { position: absolute; /*極為重要*/ background-color: blue; width:400px; height:200px; /*left:50

如今的JavaScript技術界裡最火熱的一項技術應該是‘事件委託(event delegation)'了。使用事件委託技術能讓你避免對特定的每個節點添加事件監聽器；相反，事件監聽器是被添加到它們的父元素上。事件監聽器會分析從子項目冒泡上來的事件，找到是哪個子項目的事件。基本概念非常簡單，但仍有很多人不理解事件委託的工作原理。這裡我將要解釋事件委託是如何工作的，並提供幾個純JavaScript的基本事件委託的例子。 假定我們有一個UL元素，它有幾個子項目： 複製代碼 代碼如下: <ul

cookie是一小段資訊，以鍵/值對的資訊儲存在電腦硬碟上的字串， cookie儲存容量大概在4kb，不同的瀏覽器廠家對cookie大小的限制有微微的差異；cookie主要的本質是“識別”，通過識別來做一些事情;cookie 也是無法從你的硬碟取得任何其它資料，傳送電腦病毒或者擷取你的電子郵件地址。cookie是有有效期間的，cookie的預設有效期間是從cookie產生至瀏覽器關閉，也可以通過設定cookie的有效期間來指定其失效日期；使用者也可以禁止cookie也可以手動刪除cookie。

今天用html+css做一個最簡單的頁面。如下：說明：這裡的韓文用中文隨便代替。1、拿到首先分析頁面配置該圖是豎排結構，分5個大的DIV：我做的頁面寬度是1024px的，在5個DIV外面加一個大框給一個名為all的class。設定寬為1024px，並置中。一般頁面都是按順序做，這個看個人習慣。由於只是一個頁面，我的css就和HTML寫在一個頁面裡面。2、先寫第一個div，給他一個class名稱為top.css樣式如下：效果如下：這樣第一個div就做好了。3、下面做menu和logocss如下：：

微博或者論壇上常見的效果，選擇表情插入文本域的時候，顯示的是類似[哈哈]這樣的字串，下面是把表情字串轉換為圖片表情的一種方法 複製代碼 代碼如下: <div id="test">abc</div> 複製代碼 代碼如下: var face ={'[哈哈]':'<img src="images/face/haha.gif" alt="" />','[流汗]':'<img src="images/face/liuhan.gif" alt="" />'}

　　在這篇文章中，我們給大家收集了25套全新的 UI 設計素材。這些來自優秀設計師的 PSD 源檔案素材讓其它的設計師們在設計使用者介面原型的時候能夠非常便利。　　網站使用者介面，行動裝置 App程式使用者介面和對設計師很有用，因為這些套件讓他們使用快速和有效方式完成使用者介面的設計。這些類型的工具包提供了一個基本的使用者介面元素，用於它們需要製作的網站或軟體模型。您可能感興趣的相關文章23套新鮮出爐的網站和手機 PSD

對未來的元素繫結事件不能用bind， 1、可以用live代替，但是要注意jquery的版本,根據官方文檔，從1.7開始就不推薦live和delegate了，1.9裡就去掉live了。 2、推薦用on代替(註：1.7及以上的版本才支援)。用法：on(events,[selector],[data],fn) 複製代碼 代碼如下: //放在$(function(){})裡才有效 $(document).on("click", "#testDiv", function(){ //此處的$(this)指$

<head><linkrel="stylesheet"href="animate.min.css"></head>jQuery：$('#yourElement').addClass('animated bounce');魔術CSS3動畫Magic

複製代碼 代碼如下: <script> function subString(str, len, hasDot) { var newLength = 0; var newStr = ""; var chineseRegex = /[^\x00-\xff]/g; var singleChar = ""; var strLength = str.replace(chineseRegex,"**").length; for(var i = 0;i < strLength;i++){

HTML語言很簡單，每個程式猿都這麼說。確實也簡單，所以，百分之九十九說自己懂HTML的，都會忽視好多細節。寫這篇博文的時候，我正在學習JS的路上，卻發現自己曾經覺得自己最拿手的HTML，現在都不好意思說自己精通。接下來，打算每天仔細的研究5個HTML標籤，徹底的弄清楚這些玩意，有什麼用，嗯..這是一次系統的學習。 首先，我們瞭解下相關知識一、標準屬性什麼是標準屬性？根據我看網上的一些文章，還有自己的理解——所有的標籤都有的屬性，就是標準屬性（base、head

HTTP 頭部解釋1. Accept：告訴WEB伺服器自己接受什麼介質類型，*/* 表示任何類型，type/* 表示該類型下的所有子類型，type/sub-type。 2. Accept-Charset： 瀏覽器申明自己接收的字元集 Accept-Encoding： 瀏覽器申明自己接收的編碼方法，通常指定壓縮方法，是否支援壓縮，支援什麼壓縮方法 （gzip，deflate）

1. HTML學習：首先學習HTML，HTML作為標記語言是非常容易學的，把w3school上面的教程過一遍就會了, 記住要一個個過, 千萬不要偷懶, 一旦開始偷懶, 你會越來越偷懶, 最後什麼都沒學成， HTML 教程 。如果覺得純書面的太枯燥，可以看視頻，這裡推薦一下“後盾網html基礎（XHTML網頁基 礎教程）”。 2.

架構編程概述一個

1.前言從後台擷取資料，在前端JS裡面拼接字串，不累嗎？敢不敢找一款前端使使。。。 現在這種模板庫比較多了，我用過的jquery-template 、JsRender 、聽說過的一堆，還有各種MVC庫裡面帶的各種模板庫，之前看到有人介紹kino.razor這個，一看原始碼，就幾百行，以前用過的那些template

由於js是在用戶端解釋型的語言，所以很容易就可以通過瀏覽器查看到js寫的原始碼。這樣，就有了加密js的需求。（其實這裡的加密只是一種說法，從下面我們可以看出來其實沒有起到加密的作用，只是把原始碼做了一定的處理達到了無法直接閱讀的目的）此外，對js的壓縮也是提升效能的一種手段。以加密下面的JAVASCRIPT代碼為例：CommonJs.js 檔案.... function test() {alert("《駭客防線》");

在js中直接添加html語句，js會將html字串解析成相應的HTML語句，並在前端進行顯示。 複製代碼 代碼如下: <span style="font-size:14px;">var el = document.createElement( 'div' ); el.innerHTML = "<html><head><title>titleTest</title></head><body><a href='