Time of Update: 2018-12-07
DOCTYPE是document type(文件類型)的簡寫,用來說明你用的XHTML或者HTML是什麼版本。其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文件類型定義,裡麵包含了文檔的規則,瀏覽器就根據你定義的DTD來解釋你頁面的標識,並展現出來。要建立符合標準的網頁,DOCTYPE聲明是必不可少的關鍵組成部分;除非你的XHTML確定了一個正確的DOCTYPE,否則你的標識和CSS都不會生效。XHTML 1.0
Time of Update: 2018-12-07
寫任何編程代碼,不同的開發人員都會有不同的見解。但參考一下總是好的,下面是來自Javascript Toolbox發布的14條最佳JS代碼編寫技巧,Sofish翻譯(1,2)。1. 總是使用 ‘var’在javascript中,變數不是全域範圍的就是函數範圍的,使用”var”關鍵詞將是保持變數簡潔明了的關鍵。當聲明一個或者是全域或者是函數級(function-level)的變數,需總是前置”var”關鍵詞,下面的例子將強調不這樣做潛在的問題。不使用 Var 造成的問題var i=0; //
Time of Update: 2018-12-07
首頁說明本人是一個菜鳥,所以代碼也很菜,有寫的不對的,錯的,請多多指教。此方法只能按順序預先載入圖片,當頁面進來時候開始載入第二張圖片,然後以此類推..這樣就不用一次把所有的圖片載入完,或者等待下一張圖片的載入。<img src="" border="1" align="top" width="400" height="300" id="showImg" /> <strong style="color:#0000FF"><- Click</strong>
Time of Update: 2018-12-07
如果你不知道BOM,那你應該知道DOM。DOM:(Document Object Model) 文件物件模型。BOM:(Browser Object Mode)
Time of Update: 2018-12-07
今天herb同學在twitter上問到,如何利用CSS使搜尋條固定顯示於視窗的某個位置。好像之前也碰過這個問題,不過,當時並沒有解決,用JS有現成的方法,不過,這次要求的就是不用JS。然後,開始寫代碼,測試,最終,IE6下依然有問題。position:fixed;沒有正常顯示。 正確的代碼:預覽/Demo | ie6_position_fixed_bug.txt(原始碼)在別的文章中看到,可以用position:absolute;來解決IE6的問題,不過,添加position:absolute;
Time of Update: 2018-12-07
首先,我們要先瞭解一下類的概念,JavaScript 本身是一種物件導向的語言,它所涉及的元素根據其屬性的不同都依附於某一個特定的類。我們所常見的類包括:陣列變數(Array)、邏輯變數(Boolean)、日期變數(Date)、結構變數(Function)、數值變數(Number)、物件變數(Object)、字串變數(String)
Time of Update: 2018-12-07
今天寫了一個跳轉,使用了一個點擊按鈕跳轉的js,語句很簡單:<input type="button" value="添加" onclick="location.href('http://www.baidu.com');" />結果發現在IE下是可以用的而firefox,Google下面,則不能使用了。在location前面加了一個window,即改為:onclick="window.location.href('http://www.baidu.com');"發現仍然不行。於是去群裡
Time of Update: 2018-12-07
爭論會一直在人群中存在,它消失就代表人類文明也滅亡了... 很久以前,在園子曾經出現過關於ORM的爭論.而就是在那段時期,我對OO及ORM的概念在硝煙瀰漫的文字裡逐步建立起來.最近對於是不是該把持久化放入到book的討論,我想跟之前的ORM爭議頗有相似之處. 說到ORM,大家應該會贊成資訊系統的開發,可以分為以資料庫為中心、和以OO為中心的兩種主要方式吧.
Time of Update: 2018-12-07
文章目錄 方法一:HTML結構部分:CSS樣式部分:方法二:CSS樣式部分:方法三:HTML結構部分:CSS樣式部分:方法四:HTML結構部分:CSS樣式部分:方法五:HTML結構部分:CSS樣式部分:
Time of Update: 2018-12-07
以前最短的IE判定藉助於IE不支援垂直定位字元的特性搞出來的。Code:var ie = !+"\v1";僅僅需要7bytes!參見這篇文章,《32 bytes, ehr ... 9, ehr ... 7!!! to know if your browser is IE》,講述外國人是如何把IE的判定從32 bytes一步步縮簡成7 bytes!的故事但這紀錄今年1月8日被一個俄國人打破了,現在只要6
Time of Update: 2018-12-07
下面是讀書筆記,若有錯誤或不足,歡迎指出。一起交流,共同進步。第一章 Regex幹啥用1.Regex用途:①搜尋②替換。 定義:Regex是用Regex語言建立的。用於解決文本匹配替換問題。第二章 匹配單個字元1.純文字Regex匹配原始文本內對應字元。2.Regex區分大小寫。3.Regex中 . 字元可以匹配任何一個單個的字元。可匹配任何單個的字元、字母、數字甚至是 . 字元本身。(除分行符號外)4.\是一個元字元(metacharacter,表示這個字元有特殊含義,而不是字元本身含義)。
Time of Update: 2018-12-07
CSS2.1是當前普遍使用著的CSS版本,平時如果循規蹈矩的編寫CSS,或許不會發現問題,可問題就是:如果想要儲存的時候,不小心按Ctrl+s的時候多留了一個s在CSS檔案裡,問題就開始來鳥;或者是不小心在規則的大括弧外邊多寫了一個分號……出錯的事情是千奇百怪的,對於新手來說頻率可能會高些。出現這樣的問題的時候、調試起來你可能會感覺很莫名其妙,這就需要瞭解一下CSS2.1版本的容錯機制了。CSS2.1的容錯方式總的來說就是:對於出現一些無效的屬性、屬性值、@-keywords等等,它就會忽視這
Time of Update: 2018-12-07
jQuery為開發外掛程式提拱了兩個方法,分別是:jQuery.fn.extend(object);jQuery.extend(object); jQuery.extend(object); 為擴充jQuery類本身.為類添加新的方法。jQuery.fn.extend(object);給jQuery對象添加方法。 fn 是什麼東西呢。查看jQuery代碼,就不難發現。jQuery.fn = jQuery.prototype = { init: function( selector,
Time of Update: 2018-12-07
剛剛開始接觸 HTML5 時,對它的標籤很不適應,甚至一度有點反感。尤其是對 div、section、article 這幾個標籤,實在弄不清楚應該使用在什麼場合下。divHTML Spec: “The div element has no special meaning at all.”這個標籤是我們見得最多、用得最多的一個標籤。本身沒有任何語義,用作布局以及樣式化或指令碼的鉤子(hook)。sectionHTML Spec: “The section element represents a
Time of Update: 2018-12-07
解決IE片作為背景時,有滑鼠操作時的抖動問題方法一、css(不推薦)複製內容到剪貼簿代碼:1html {2 filter: expression(document.execCommand("BackgroundImageCache", false, true));3}方法二、js複製內容到剪貼簿代碼:try { document.execCommand('BackgroundImageCache', false, true);} catch(e) {}
Time of Update: 2018-12-07
Position屬性有四個可選值,它們分別是:static、absolute、fixed、relative。我們下面來共同學習它們的不同的用法,在學習中我們應該去思考在什麼布局情況下,應該使用它們其中的哪一種。值描述static預設。位置設定為 static 的元素,它始終會處於頁面流給予的位置(static 元素會忽略任何 top、bottom、left 或 right 聲明)。relative位置被設定為 relative 的元素,可將其移至相對於其正常位置的地方,因此 “left:20″
Time of Update: 2018-12-07
沒事瞎寫點東西..寫了個div垂直置中頁面中的代碼.$(document).ready(function(){jQuery.fn.center = function(){ var width = parseInt(($(window).width() - $(this).width() ) / 2 + $(window).scrollLeft()), height = parseInt(($(window).height() - $(this).height()) / 2
Time of Update: 2018-12-07
10條建議讓你建立更好的jQuery外掛程式在開發過很多 jQuery 外掛程式以後,我慢慢的摸索出了一套開發jQuery外掛程式比較標準的結構和模式。這樣我就可以 copy & paste 大部分的代碼結構,只要專註最主要的邏輯代碼就行了。使用相同的設計模式和架構也讓修複bug或者二次開發更容易。一套經過驗證的架構可以保證我的外掛程式不出大的問題,不論外掛程式簡單還是複雜。我在這裡分享10條我總結的經驗。1.
Time of Update: 2018-12-07
1. offsetTop、offsetLeft、offsetWidth、offsetHeight假設 obj 為某個 HTML 控制項。obj.offsetTop 指 obj 距離上方或上層控制項的位置,整型,單位像素。obj.offsetLeft 指 obj 距離左方或上層控制項的位置(具體為從obj的外側邊界到外層控制項的內側邊界),整型,單位像素。(注意:以上是IE中的解釋,FF下,它是obj的外側邊界到瀏覽器左側的距離。offsetTop也是一樣)obj.offsetWidth 指
Time of Update: 2018-12-07
一個典型的外掛程式的代碼如下:(function($){ $.fn.myNewPlugin = function() { return this.each(function(){ // 一堆代碼... }); };}(jQuery)); 那幾行代碼,沒把你搞暈吧? 其實裡面的重點就是擴充 jQuery 的 prototype 對象,看下面這行:$.fn.myNewPlugin = function() {