Web前端:11個讓你代碼整潔的原則

寫Web頁面就像我們建設房子一樣,地基牢固,房子才不會倒。同樣的,我們製作Web頁面也一樣,一個良好的HTML結構是製作一個美麗的網站的開始,同樣的,良好的CSS只存在同樣良好的HTML中,所以一個乾淨的,語義的HTML的優點很多,那麼平時製作中,我們做到了這一點嗎?我們一起來看一張圖片:展示了兩段代碼,我想大家都只會喜歡第一種,我們先不說其語義,至少他的結構讓我們看上去清爽,而第二種呢?一看就是糟糕的代碼的代碼,讓人討厭的代碼。那麼要怎麼樣才能寫出一個好的代碼,整潔的代碼呢?下面我們就從以下十

IE的雙倍邊距BUG

如果某條邊與浮動方向同向,則向該邊上的浮動框應用邊距時,在IE6下邊距會增加一倍。這時我們可以考慮使用hack來解決!HTML代碼:<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>解決IE6下雙倍邊距的BUG</title><style type="text/css">body{

AdRotator1 控制項隨即顯示廣告圖片

儲存圖片相關資訊的xml檔案代碼如下<?xml version="1.0" encoding="utf-8"?><Advertisements>  <Ad>    <ImageUrl>image/sheji.gif</ImageUrl>    <NavigateUrl>http://www.lenovo.com</NavigateUrl>   

setTimeout和setInterval的使用 【轉載】

這兩個方法都可以用來實現在一個固定時間段之後去執行JavaScript。不過兩者各有各的應用情境。實際上,setTimeout和setInterval的文法相同。它們都有兩個參數,一個是將要執行的代碼字串,還有一個是以毫秒為單位的時間間隔,當過了那個時間段之後就將執行那段代碼。不過這兩個函數還是有區別的,setInterval在執行完一次代碼之後,經過了那個固定的時間間隔,它還會自動重複執行代碼,而setTimeout只執行一次那段代碼。雖然表面上看來setTimeout只能應用在on-off方

JS控制上傳檔案大小

<script type="text/javascript">    function chksize(strFileName){        try        {         var maxsize = 100;     //定義允許檔案的大小,單位KB,請根據需要自行修改!         var objStream = new ActiveXObject("ADODB.Stream");         objStream.Type = 1;        

初學–自訂驗證碼

protected void Page_Load(object sender, EventArgs e){    System.Drawing.Image img = System.Drawing.Image.FromFile(Server.MapPath("Image/a.jpg"));    string txt = getVialdata();    System.Drawing.Graphics g = System.Drawing.Graphics.FromImage(img);   

對於MS的資料繫結方法的理解

深入瞭解了MS的DataBinder.Eval()方法,到網上也找了很多資料,這方法確實不怎麼好,看樣子MS還是有待提高,不妨大家開啟MS的代碼來看看他是這麼實現這個資料邦定的,這樣一切都清楚了。DataBinder是System.Web.UI中的一個靜態類。首先看一下它的Eval方法:public static object Eval (object container, string expression){     if (expression == null)     {        

華夏名網Discuz虛擬機器主機論壇空間推薦

華夏名網第7代Discuz虛擬機器主機 <- 利用 Discuz!

JS讀取xml資料,跨IE、Firefox

看過很多資料,做過很多測試,ie上實現讀取xml很容易,firefox就麻煩了,這是個什麼原因?var xmlDoc;//code for IEif (window.ActiveXObject){     xmlDoc = new ActiveXObject("Microsoft.XMLDOM");} // code for Mozilla, Firefox, Opera, etc. else if (document.implementation && document.imp

男人30歲前應該做的事

古 人云:男人三十而立。究竟30歲是否代表男人一生的轉折點?你即使不承認,但也總會隨著年齡的增長而考慮過這個問題。雖然,30歲未必是絕對的界限,現今 的標準下,30歲的 男人還是歸入青年之列,但事實上,30歲還是大家都愛講的“保險線”。此,我們在這裡歸納出25件男人在30歲之前應該要做的事。看 看你同意多少又完成了多少?   1、交過一個不怕被出賣的朋友   朋友對於男人有何重要,相信不用過多解釋。也許大家都應該聽過不少前輩的忠告,好

9款別出心裁的jQuery外掛程式

jQuery外掛程式開發正在以驚人的速度快速增長,因其強大且易用的jQuery架構,使得我們的工作變得更加輕鬆!除了jQuery,還有 Flash,HTML5/CSS3以及一些強大的Web瀏覽器的支援,可以說JavaScript已經打造了互動式網站設計的一片豔陽天。在這篇文章中, 我們收集了9款強大的jQuery外掛程式,希望對你有所協助。1. jSignaturejSignature是一款JavaScript小組件(jQuery外掛程式),你可以利用滑鼠、手寫筆或手指在瀏覽器中繪製簽名。2. 

Regex限制文字框輸入內容

<!--用Regex限制只能輸入中文-->  <input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')"   onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"  /><!--用Regex限制只能輸入數字-->  

聊聊網頁中的平面構成

什麼東西都離不開基礎,建房子需要地基,解方程式需要先學會乘法表,唱歌需要先會“哆、來、咪”。頁面設計也同樣需要基礎,這個基礎就是平面構成。

初學 — sql幾點基礎知識

1)查詢某表主鍵select column_name  from information_schema.key_column_usage where table_name = '表名' and constraint_name like 'PK_%' 2)sql命令,像文字檔中寫內容declare @cmd sysname,@var sysnameset @var='檔案的內容'set @cmd='echo ' +@var+' >E://檔案名稱.txt'exec

JS–逆向處理網頁到期問題

在網上找能實現網頁到期效果的方法可找的辛苦啊,可到頭來沒有找到,網上很多人寫了Code highlighting produced by Actipro CodeHighlighter

淺談網頁設計中如何留住使用者

應用中心,顧名思義就是應用的集合,是承載各種應用的平台。其主要特點是娛樂性強、沉浸感強。它像是一個商店,裡面有供人們隨意挑選產品的貨架,更像是一個遊樂場,裡面有各種各樣讓人眼花繚亂、流連忘返的產品。因此,如何吸引使用者到我們的產品來,如何讓他們在我們的產品上停留更多的時間,這些都是設計師們的必研課題。筆者經過一段時間對應用中心類產品的研究和設計積累,總結了一些設計思考,在此與大家分享。如何設計應用中心類產品?首先,告訴使用者這裡有他們需要的東西。使用者需要什嗎?有人說,這還不簡單,不就是玩嗎,讓

js–滑鼠移入移出小圖片,顯示隱藏大圖片

Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--><html xmlns="http://www.w3.org/1999/xhtml" ><head>    <title>Untitled Page</title>    <script type="text/javascript">     

一個很有意思的計算題

一個很有意思的計算題:如果令 A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 分別等於百分之 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26那麼Hard work (努力工作)H+A+R+D+W+O+R+K =(8+1+18+4+23+15+18+11)% = 98%Knowledge(知識)K+N+O+W+L+E+D+G+E =(11+14+15+2

Winform–處理MDI父表單與子表單的互動

設定個表單只能彈出一次設定個表單只能彈出一次#region  設定個表單只能彈出一次/**//**//**//// <summary>/// 控制只彈出一個子表單/// </summary>/// <param name="type">子表單類型</param>public void FilmShow(Type type){    Form[] f = this.MdiChildren;    foreach (Form form in f)   

js清空上傳控制項的值

      function clearFileInput(){        var file = document.getElementById("fileid");        var form=document.createElement('form');        document.body.appendChild(form);        //記住file在舊錶單中的的位置        var pos=file.nextSibling;       

總頁數: 61357 1 .... 10481 10482 10483 10484 10485 .... 61357 Go to: 前往

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.