Time of Update: 2014-05-29
唔,進來開發需求,當網頁內容草雞多的時候,使用者就需要有個按鈕快速回到頂部,而不是自己去滾滑輪~原本以為比較難的說,因為上頭要求全部用js來實現,哪個頁面引用,哪個頁面顯示。於是乎,本屌絲就嘗試寫了下,唔,沒發現,還挺easy的說~~有屁我就快放了,直接上代碼,屁放多了就成屎了~~唔,罪過,阿彌陀佛,阿門~~$(function(){var $btn_top = $('');$btn_top.css("display","none");$btn_top.css("width","
Time of Update: 2014-05-29
supervisor的安裝也很簡單:直接用npm安裝既可,鍵入命令: npm -g install supervisor這裡注意一點的就是,supervisor必須安裝到全域,如果你不安裝到全域,錯誤命令會提示你安裝到全域。如果不想安裝到預設的全域,也可以自己修改全域路徑到當前路徑npm config set prefix "路徑"安裝完以後就可以用supervisor 來啟動服務了。supervisor
Time of Update: 2014-05-29
第一種,只區分瀏覽器,不考慮版本 複製代碼 代碼如下:function myBrowser(){ var userAgent = navigator.userAgent; //取得瀏覽器的userAgent字串 var isOpera = userAgent.indexOf("Opera") > -1; if (isOpera)
Time of Update: 2014-05-29
首先,在腦子裡牢牢記住 jQuery 就是 javascript。這意味著我們應該採取相同的編碼慣例,風格指南和最佳實務。首先,如果你是一個 javascript 新手,我建議您閱讀 《24 JavaScript Best Practices for Beginners》, 這是一篇高品質的 javascript 教程,接觸 jQuery 之前最好先閱讀。當你準備使用 jQuery,我強烈建議你遵循下面這些指南:1. 緩衝變數DOM 遍曆是昂貴的,所以盡量將會重用的元素緩衝。複製代碼 代碼如下:
Time of Update: 2014-05-29
以前最短的IE判定藉助於IE不支援垂直定位字元的特性搞出來的。 複製代碼 代碼如下: 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: 2014-05-29
開發一個註冊的HTML頁面, 用於搜集使用者的註冊資訊。包括: 姓名(不可為空), 年齡(必須超過17歲), 體重(30-150kg), 班級(下拉式清單),登陸密碼(至少8位長)、確認密碼(和登入密碼一致),Email(不可為空) , 電話,QQ, 個人簡曆等資訊。 並針對這些表的元素來建立相應的驗證,如果檢測到錯誤,
Time of Update: 2014-05-29
對於 JavaScript 類型,可以簡單地概括為:相對於強型別語言來說,它是弱(鬆散)類型的語言;有基本類型和參考型別,他們是區別是一個有固定空間存在於棧記憶體中,一個沒有固定空間儲存在堆記憶體中並且在棧記憶體中儲存了一個指向實現位置的指標。市面上很多書都有不小的篇幅在講。這篇文章會講幾個方面,這些方面可能會需要你對 JavaScript 已經有了一些簡單的瞭解,特別是 JavaScript 的類型。如果還不一解,可以隨手拿起一本關於 JavaScript
Time of Update: 2014-05-28
又翻了一下之前的讀書筆記,再重溫了忘掉的細節。最近一年的工作,由於有重構崗位的同學負責CSS的編寫,雖說還是接觸到,但畢竟不寫好久了,有些東西還是忘記了,例如選取器的權重計算細節。這個筆記只是部分,後半部分快速探索了,沒寫筆記。 1、元素命名規則類名或者ID以元素是做什麼的來命名,不要以元素的外觀表現來命名。類名或者ID全部小寫,並用連字號號或許底線分隔。(.add-class)2、偽類連結偽類: :link和:visited動態為例: :hover :active
Time of Update: 2014-05-29
。 該圖片切換特效實現很簡單,而且相容性很好。 html頁面如下 複製代碼 代碼如下: <div class="wrapper"> <div id="focus"> <ul> <li><a href="http://www.lanrentuku.com/" target="_blank"><img src="img/01.jpg" alt="QQ商城焦點圖效果下載" /></a></li>
Time of Update: 2014-05-28
可以說這個功能,在我理解了前面的“貪吃蛇”之後,實在是與剛開始想象的難度差了好多,當然是這種方式有取巧之嫌,終歸是實現了功能,我們來進行分析整理 1、實現原理 本片文章的 是實現原理如下: * 實際上彈出層、遮罩層和原頁面顯示分別為三個不同的div * 彈出層的層級在遮罩層之上,遮罩層的層級在原頁面顯示之上; * 遮罩層有通明效果 * 遮罩層沒有實際意義,則無需在html部分就寫上,當然寫上同樣可以實現 2、代碼實現 html語言如下: 複製代碼 代碼如下:<html> .... &
Time of Update: 2014-05-28
複製代碼 代碼如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta
Time of Update: 2014-05-28
所謂的瀏覽器安全色性問題,是指因為不同的瀏覽器對同一段代碼有不同的解析,造成頁面顯示效果不統一的情況。在大多數情況下,我們的需求是,無論使用者
Time of Update: 2014-05-28
問題描述:在 ie6 中如果一個浮動元素與絕對位置元素相鄰的話,在某些情況下絕對位置元素將會消失。產生原因:只有當絕對位置元素的鄰近浮動元素的寬度大於父層寬度減 3 時(即如果父層寬度是 300px,浮動元素的寬度大於 297px),該絕對位置元素在 ie6 下面會隱藏。html:<!DOCTYPE HTML><html lang="en"><head> <meta charset="utf-8"/>
Time of Update: 2014-05-28
javascript中不提供sleep功能,而我們時間長度會用到這個功能。 有一種思路是跑一段迴圈體,讓程式空耗CPU的時間來實現延時。這有一個不足,不同的機器CPU的執行速度是不一樣的,這很容易導致的慢的機器會SLEEP很久。 筆者從別的論壇看到一種機智的解決方案,在不同的機器上的執行速度是一致的。在此與大家共用。 複製代碼 代碼如下: function sleep(n) { var start=new Date().getTime(); while(true) if(new
Time of Update: 2014-05-28
JavaScript只有函數範圍;每個函數都有個範圍鏈直達window對象。變數的尋找由內而外層層尋找,找到即止。同時不僅可以尋找使用,甚至可以改變外部變數。複製代碼 代碼如下:var color = "blue";function changeColor() { var anotherColor = "red"; function swapColors()
Time of Update: 2014-05-28
在網站前端開發中,瀏覽器安全色性問題本已讓我們手忙腳亂,Chrome的出世不知道又要給我們添多少亂子。瀏覽器安全色性是前端開發架構要解決的第一個問題,要解決相容性問題就得首先準確判斷出瀏覽器的類型及其版本。
Time of Update: 2014-05-28
複製代碼 代碼如下: <!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"
Time of Update: 2014-05-28
但是,我們在使用中就會發現問題,這裡的數組排序方法並不是按照我們想像中的數字大小來排序的,而是按照字串測試結果改變原先的資料。這並不是我們想要的。那麼如何才可以得到我們想要的按照我們思維中的數字大小來排序呢。我們可以自己編寫一個函數來實現。 複製代碼 代碼如下:var values = [0, 1, 5, 10, 15];// asc升序函數function compareAsc(value1, value2) { if (value1 > value2
Time of Update: 2014-05-28
[1,2,3].length 可以得到 3, "123".length 也可以得到 3,這個略懂js的都知道。但是 eval.length,RegExp.length,"".toString.length,1..toString.length 會得到什麼呢?分別得到 1,2,0,1,這些數字代表什麼呢?這個是群裡很多新人朋友一直問的一個問題,其實函數的 length 得到的是形參個數。我們來簡單看個例子:複製代碼 代碼如下:function
Time of Update: 2014-05-28
什麼是cookie? cookie 是儲存於訪問者的電腦中的變數。每當同一台電腦通過瀏覽器請求某個頁面時,就會發送這個 cookie。你可以使用 JavaScript 來建立和取回 cookie 的值。 有關cookie的例子: 名字 cookie 當訪問者首次訪問頁面時,他或她也許會填寫他/她們的名字。名字會儲存於 cookie 中。當訪問者再次訪問網站時,他們會收到類似 "Welcome John Doe!" 的歡迎詞。而名字則是從 cookie 中取回的。 密碼 cookie