原创 前端攻城師所要掌握的知識和技能

一名前端攻城師所要掌握的知識和技能,直接附上圖片 看完之後發現我要學習的東西還有很多很多。 PS:博客搬家了,以後不再 CSDN 更新了,見諒。最新博客地址:http://www.cnblogs.com/yjzhu/

原创 複製剪貼板功能

複製剪貼板功能 html代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-stri

原创 blockUI彈出層

blockUI彈出層 html代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-s

原创 圖片左右滾動(可自動,有左右按鈕)

圖片左右滾動(可自動,有左右按鈕) html代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1

原创 頁面製作規範文檔

1. 文件命名規範 1) 文件目錄、文件名稱統一用小寫的英文字母、數字、下劃線組合,文件名要與表現的內容相近,不到萬不得已不要以拼音作爲名稱,如 登錄頁面:login.html(不要用 denglu.html)。 2) 目錄結構規範:

原创 瀏覽器的各種bug(一)

對於頁面工程師來說,最令人頭痛的瀏覽器是哪個?我相信有99%的人會選擇IE6,沒錯就是IE6。下面我就來介紹一些我遇到過的IE6BUG以及解決方法,當然也包括其他瀏覽器。 1、IE6雙邊距bug 當元素浮動並且同時有外邊距時,在IE6下會

原创 重新認識parseInt函數

前段時間做了一個簡易的計算器,其中有用到利用parseInt函數,將字符串轉換成數字。由於以前並沒有系統的學習過parseInt這個函數,所以在製作的過程中遇到了一些問題。 打開電腦自帶的計算器可以發現,有個默認的數字0,當點擊下面的數字

原创 IE6、 IE7、IE8、Firefox兼容性問題

1.區別IE和非IE瀏覽器 #tip { background: blue; /*非IE背景藍色*/ background: red /9; /*IE6、 IE7、IE8背景紅*別IE6,IE7,IE8,FF   2.【區別符號】:「/

原创 重設瀏覽器默認樣式base.css

@charset "utf-8"; /* @名稱: base @功能: 重設瀏覽器默認樣式 */ /* 防止用戶自定義背景顏色對網頁的影響,添加讓用戶可以自定義字體 */ html { color:black; backgrou

原创 文字或圖片上下滾動

html代碼如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

原创 X-UA-Compatible

前幾日修改一個活動頁面,測試的時候發現在ie8下面顯示有問題,而線上的頁面在ie8下面顯示沒有問題,通過仔細的查找,最後發現原來是在 head 標籤裏少了一段代碼:<meta http-equiv="X-UA-Compatible" c

原创 如何讓javascript支持getElementsByClassName

我們知道,在javascript中有幾種DOM方法可以獲取元素的節點,常用的有getElementById,getElementsByName,getElementsByTagName。但是我們在寫頁面時,用的最多的還是class,而ja

原创 前端開發神級編輯器notepad++以及Zen Coding神級插件

頁面製作快兩年了,對於開發的編輯器也用過許多,像剛開始使用的dreamweaver,到後來的editplus,再後來用到了sublime以及notepad++,這幾個編輯器中我用的最舒服的就是notepad++了。 Notepad++是一

原创 EDM郵件製作指南

專業的EDM郵件發送,是有嚴格的製作要求的,本指南從格式編碼、文字、圖片及鏈接四個方面給出指引,請逐條按照本指南製作您的EDM郵件模板。 格式編碼: 1、頁面寬度請設定在600到800px以內,長度1024px以內。 2、HTML編碼請使

原创 重新整理 CSS HACK 解決瀏覽器兼容

以前的一篇博文 ie6、ie7、ie8、Firefox兼容性問題 寫的比較混亂,可能有的童鞋看不明白,所以今天有空我就重新整理了一份 CSS HACK 的寫法。 <!DOCTYPE html PUBLIC "-//W3C//DTD XH