2011年7月20日

          display屬性值:
          none 此元素不會被顯示。 
          block 此元素將顯示為塊級元素,此元素前后會帶有換行符。 
          inline 默認(rèn)。此元素會被顯示為內(nèi)聯(lián)元素,元素前后沒有換行符。 
          inline-block 行內(nèi)塊元素。(CSS2.1 新增的值) 
          list-item 此元素會作為列表顯示。 
          run-in 此元素會根據(jù)上下文作為塊級元素或內(nèi)聯(lián)元素顯示。 
          compact CSS 中有值 compact,不過由于缺乏廣泛支持,已經(jīng)從 CSS2.1 中刪除。 
          marker CSS 中有值 marker,不過由于缺乏廣泛支持,已經(jīng)從 CSS2.1 中刪除。 
          table 此元素會作為塊級表格來顯示(類似 <table>),表格前后帶有換行符。 
          inline-table 此元素會作為內(nèi)聯(lián)表格來顯示(類似 <table>),表格前后沒有換行符。 
          table-row-group 此元素會作為一個(gè)或多個(gè)行的分組來顯示(類似 <tbody>)。 
          table-header-group 此元素會作為一個(gè)或多個(gè)行的分組來顯示(類似 <thead>)。 
          table-footer-group 此元素會作為一個(gè)或多個(gè)行的分組來顯示(類似 <tfoot>)。 
          table-row 此元素會作為一個(gè)表格行顯示(類似 <tr>)。 
          table-column-group 此元素會作為一個(gè)或多個(gè)列的分組來顯示(類似 <colgroup>)。 
          table-column  此元素會作為一個(gè)單元格列顯示(類似 <col>) 
          table-cell 此元素會作為一個(gè)表格單元格顯示(類似 <td> 和 <th>) 
          table-caption 此元素會作為一個(gè)表格標(biāo)題顯示(類似 <caption>) 
          inherit 規(guī)定應(yīng)該從父元素繼承 display 屬性的值。
          posted @ 2011-07-20 19:01 sophie 閱讀(112) | 評論 (0)編輯 收藏

          2011年7月5日

              酷殼里有很多我覺得很不錯(cuò)的文章,但是訪問量最大的卻是那篇《6個(gè)變態(tài)的Hello World》,和它能在本站左邊欄“全站熱門”中出現(xiàn)的還有“如何加密源代碼”,以及編程真難啊等這樣的文章。可見本站的讀者們的偏好,我也相信你們都是“身懷絕技”的程序員。所以,今天給大家推薦這篇文章,相信一定能觸動(dòng)大家的興奮點(diǎn)。

              這篇文章的原文在這里(http://mindprod.com/jgloss/unmain.html),我看完后我想說——

        1. 什么叫“創(chuàng)造力”,創(chuàng)造力就是——就算是要干一件爛事都能干得那么漂亮那么有創(chuàng)意的能力。
        2. 什么叫“抓狂”,抓狂就是——以一種沉著老練的不屈不撓的一本正經(jīng)的精神一點(diǎn)一點(diǎn)把你推向崩潰的邊緣
        3.     我把文章節(jié)選了一些,也并沒有完全翻譯,簡譯一下,也加入了一些自己的調(diào)侃。對于有下面這些編程習(xí)慣的朋友,請大家對號入座。另外,維護(hù)程序的朋友們,你們死定了!!

              woodpeckerIf builders built buildings the way programmers write programs, then the first woodpecker that came along would destroy civilization. (如果建筑師蓋房子就像程序員寫程序一樣,那么,第一只到來的啄木鳥就能毀掉我們的文明)

              ~ Gerald Weinberg (born: 1933-10-27 age: 77) Weinberg’s Second Law

          程序命名

        4. 容易輸入的名字。比如:Fred,asdf
        5. 單字母的變量名。比如:a,b,c, x,y,z(陳皓注:如果不夠用,可以考慮a1,a2,a3,a4,….)
        6. 有創(chuàng)意地拼寫錯(cuò)誤。比如:SetPintleOpening, SetPintalClosing。這樣可以讓人很難搜索代碼。
        7. 抽象。比如:ProcessData, DoIt, GetData… 抽象到就跟什么都沒說一樣。
        8. 縮寫。比如:WTF,RTFSC …… (陳皓注:使用拼音縮寫也同樣給力,比如: BT,TMD,TJJTDS)
        9. 隨機(jī)大寫字母。比如:gEtnuMbER..
        10. 重用命名。在內(nèi)嵌的語句塊中使用相同的變量名有奇效。
        11. 使用重音字母。比如:int ínt(注:第二個(gè) ínt不是int)
        12. 使用下劃線。比如:_, __, ___。
        13. 使用不同的語言。比如混用英語,德語,或是中文拼音。
        14. 使用字符命名。比如:slash, asterix, comma…
        15. 使用無關(guān)的單詞。比如:god, superman, iloveu….
        16. 混淆l和1。字母l和數(shù)字1有時(shí)候是看不出來的。
        17. 偽裝欺詐

        18. 把注釋和代碼交織在一起
        19.     

          for(j=0; j
          {
          total += array[j+0 ];
          total += array[j+1 ];
          total += array[j+2 ]; /* Main body of
          total += array[j+3]; * loop is unrolled
          total += array[j+4]; * for greater speed.
          total += array[j+5]; */
          total += array[j+6 ];
          total += array[j+7 ];
          }

           

        20. 隱藏宏定義。如:#define a=b a=0-b,當(dāng)人們看到a=b時(shí),誰也想不到那是一個(gè)宏。
        21. 換行。如下所示,下面的示例使用搜索xy_z變得困難。
        22.     

          #define local_var xy\\
          _z // local_var OK

           

        23. 代碼和顯示不一致。比如,你的界面顯示叫postal code,但是代碼里確叫 zipcode.
        24. 隱藏全局變量。把使用全局變量以函數(shù)參數(shù)的方式傳遞給函數(shù),這樣可以讓人覺得那個(gè)變量不是全局變量。
        25. 使用同意詞。如:
        26.     

          #define xxx global_var // in file std.h 
          #define xy_z xxx // in file ..\\other\\substd.h 
          #define local_var xy_z // in file ..\\codestd\\inst.h

           

        27. 使用相似的變量名。如:單詞相似,swimmer 和 swimner,字母相似:ilI1| 或 oO08。parselnt 和 parseInt, D0Calc 和 DOCalc。還有這一組:xy_Z, xy__z, _xy_z, _xyz, XY_Z, xY_z, Xy_z。
        28. 重載函數(shù)。使用相同的函數(shù)名,但是其功能和具體實(shí)現(xiàn)完全沒有關(guān)系。
        29. 操作符重載。重載操作符可以讓你的代碼變得詭異,感謝CCTV,感謝C++。這個(gè)東西是可以把混亂代碼提高到一種藝術(shù)的形式。比如:重載一個(gè)類的 ! 操作符,但實(shí)際功能并不是取反,讓其返回一個(gè)整數(shù)。于是,如果你使用 ! ! 操作符,那么,有意思的事就發(fā)生了—— 先是調(diào)用類的重載 ! 操作符,然后把其返回的整數(shù)給 ! 成了 布爾變量,如果是 !!! 呢?呵呵。
        30. #define。看過本站那些混亂代碼的文章,你都會知道宏定義和預(yù)編譯對于寫出不可讀的代碼的重大意義。不過,一個(gè)具有想像力的東西是——在頭文件中使用預(yù)編譯來查看這個(gè)頭文件被include了幾次,而被include不同的次數(shù)時(shí),其中的函數(shù)定義完全不一樣。
        31.     

          #ifndef DONE 

           

          #ifdef TWICE

          // put stuff here to declare 3rd time around
          void g(char* str);
          #define DONE

          #else // TWICE
          #ifdef ONCE

          // put stuff here to declare 2nd time around
          void g(void* str);
          #define TWICE

          #else // ONCE

          // put stuff here to declare 1st time around
          void g(std::string str);
          #define ONCE

          #endif // ONCE
          #endif // TWICE
          #endif // DONE

           

          文檔和注釋

        32. 在注釋中撒謊。你不用真的去撒謊,只需在改代碼的時(shí)候不要更新注釋就可以了。
        33. 注釋明顯的東西。比如:/* add 1 to i */。(參看本站的“五種應(yīng)該避免的注釋”)
        34. 只注釋是什么,而不是為什么
        35. 不要注釋秘密。如果你開發(fā)一個(gè)航班系統(tǒng),請你一定要保證每有一個(gè)新的航班被加入,就得要修改25個(gè)以上的位置的程序。千萬別把這個(gè)事寫在文檔中。
        36. 注重細(xì)節(jié)。當(dāng)你設(shè)計(jì)一個(gè)很復(fù)雜的算法的時(shí)候,你一定要把所有的詳細(xì)細(xì)設(shè)計(jì)都寫下來,沒有100頁不能罷休,段落要有5級以上,段落編號要有500個(gè)以上,例如:1.2.4.6.3.13 - Display all impacts for activity where selected mitigations can apply (short pseudocode omitted). 這樣,當(dāng)你寫代碼的時(shí)候,你就可以讓你的代碼和文檔一致,如:Act1_2_4_6_3_13()
        37. 千萬不要注釋度衡單位。比如時(shí)間用的是秒還是毫秒,尺寸用的是像素還是英寸,大小是MB還是KB。等等。另外,在你的代碼里,你可以混用不同的度衡單位,但也不要注釋。
        38. Gotchas。陷阱,千萬不要注釋代碼中的陷阱。
        39. 在注釋和文檔中發(fā)泄不滿。(參看本站的“五種應(yīng)該避免的注釋”)
        40. 程序設(shè)計(jì)

        41. Java Casts。Java的類型轉(zhuǎn)型是天賜之物。每一次當(dāng)你從Collection里取到一個(gè)object的時(shí)候,你都需要把其轉(zhuǎn)回原來的類型。因些,這些轉(zhuǎn)型操作會出現(xiàn)在N多的地方。如果你改變了類型,那么你不一定能改變所有的地方。而編譯器可能能檢查到,也可能檢查不到。
        42. 利用Java的冗余。比如:Bubblegum b = new Bubblegom(); 和 swimmer = swimner + 1; 注意變量間的細(xì)微差別。
        43. 從不驗(yàn)證。從不驗(yàn)證輸入的數(shù)據(jù),從不驗(yàn)證函數(shù)的返回值。這樣做可以向大家展示你是多么的信任公司的設(shè)備和其它程序員。
        44. 不要封裝。調(diào)用者需要知道被調(diào)用的所有的細(xì)節(jié)。
        45. 克隆和拷貝。為了效率,你要學(xué)會使用copy + paste。你幾乎都不用理解別人的代碼,你就可以高效地編程了。(陳皓注:Copy + Paste出來的代碼bug多得不能再多)
        46. 巨大的listener。寫一個(gè)listener,然后讓你的所有的button類都使用這個(gè)listener,這樣你可以在這個(gè)listener中整出一大堆if…else…語句,相當(dāng)?shù)拇碳ぁ?/li>
        47. 使用三維數(shù)組。如果你覺得三維還不足夠,你可以試試四維。
        48. 混用。同時(shí)使用類的get/set方法和直接訪問那個(gè)public變量。這樣做的好處是可以極大的挫敗維護(hù)人員。
        49. 包裝,包裝,包裝。把你所有的API都包裝上6到8遍,包裝深度多達(dá)4層以上。然后包裝出相似的功能。
        50. 沒有秘密。把所有的成員都聲明成public的。這樣,你以后就很難限制其被人使用,而且這樣可以和別的代碼造成更多的耦合度,可以讓你的代碼存活得更久。
        51. 排列和阻礙。把drawRectangle(height, width) 改成 drawRectangle(width, height),等release了幾個(gè)版本后,再把其改回去。這樣維護(hù)程序的程序員們將不能很快地明白哪一個(gè)是對的。
        52. 把變量改在名字上。例如,把setAlignment(int alignment)改成,setLeftAlignment, setRightAlignment, setCenterAlignment。
        53. Packratting。保留你所有的沒有使用的和陳舊的變量,方法和代碼。
        54. That’s Final。Final你所有的子結(jié)點(diǎn)的類,這樣,當(dāng)你做完這個(gè)項(xiàng)目后,沒有人可以通過繼承來擴(kuò)展你的類。java.lang.String不也是這樣嗎?
        55. 避免使用接口。在java中,BS接口,在C++中BS使用虛函數(shù)。
        56. 避免使用layout。這樣就使得我們只能使用絕對坐標(biāo)。如果你的老大強(qiáng)制你使用layout,你可以考慮使用GridBagLayout,然后把grid坐標(biāo)hard code.
        57. 環(huán)境變量。如果你的代碼需要使用環(huán)境變量。(getenv() - C++ / System.getProperty() - Java ),那么,你應(yīng)該把你的類的成員的初始化使用環(huán)境變量,而不是構(gòu)造函數(shù)。
        58. 使用Magic number。參看《Linux一個(gè)插曲》。
        59. 使用全局變量。1)把全局變量的初始化放在不同的函數(shù)中,就算這個(gè)函數(shù)和這個(gè)變量沒有任何關(guān)系,這樣能夠讓我們的維護(hù)人員就像做偵探工作一樣。2)使用全局變量可以讓你的函數(shù)的參數(shù)變得少一些。
        60. 配置文件。配置文件主要用于一些參數(shù)的初始化。在編程中,我們可以讓配置文件中的參數(shù)名和實(shí)際程序中的名字不一樣。
        61. 膨脹你的類。讓你的類盡可能地?fù)碛懈鞣N臃腫和晦澀的方法。比如,你的類只實(shí)現(xiàn)一種可能性,但是你要提供所有可能性的方法。不要定義其它的類,把所有的功能都放在一個(gè)類中。
        62. 使用子類。面向?qū)ο笫菍懗鰺o法維護(hù)代碼的天賜之物。如果你有一個(gè)類有十個(gè)成為(變量和方法)你可以考慮寫10個(gè)層次的繼承,然后把這十個(gè)屬性分別放在這十個(gè)層次中。如果可能的話,把這十個(gè)類分別放在十個(gè)不同的文件中。
        63. 混亂你的代碼

        64. 使用XML。XML的強(qiáng)大是無人能及的。使用XML你可以把本來只要10行的代碼變成100行。而且,還要逼著別人也有XML。(參看,信XML得永生信XML得自信)
        65. 混亂C代碼。在《如何加密源代碼》中已經(jīng)說過一些方法了,這里再補(bǔ)充一些。
        66. 使用不同的進(jìn)制。比如:10 和010不是一樣的。再比如:array = new int[]{ 111, 120, 013, 121,};
        67. 盡量使用void*。然后把其轉(zhuǎn)成各種類型
        68. 使用隱式的轉(zhuǎn)型。C++的構(gòu)造函數(shù)可以讓你神不知鬼不覺得完成轉(zhuǎn)型。
        69. 分解條件表達(dá)式。如:把 a==100分解成,a>99 && a<101
        70. 學(xué)會利用分號。如:if ( a );else;{ int d; d = c;}
        71. 間接轉(zhuǎn)型。如:把double轉(zhuǎn)string,寫成new Double(d).toString() 而不是 Double.toString(d)
        72. 大量使用嵌套。一個(gè)NB的程序員可以在一行代碼上使用超過10層的小括號(),或是在一個(gè)函數(shù)里使用超過20層的語句嵌套{},把嵌套的if else 轉(zhuǎn)成 [? :] 也是一件很NB的事。
        73. 使用C的變種數(shù)組。myArray[i] 可以變成*(myArray + i) 也可以變成 *(i + myArray) 其等價(jià)于 i[myArray]。再看一個(gè)函數(shù)調(diào)用的示例,函數(shù)聲明:int myfunc(int q, int p) { return p%q; } 函數(shù)調(diào)用myfunc(6291, 8)[Array];
        74. 長代碼行。一行的代碼越長越好。這樣別人閱讀時(shí)就需要來來回回的
        75. 不要較早的return。不要使用goto,不要使用break,這樣,你就需要至少5層以上的if-else來處理錯(cuò)誤。
        76. 不要使用{}。不要在if else使用{},尤其是在你重量地使用if-else嵌套時(shí),你甚至可以在其中亂縮進(jìn)代碼,這樣一來,就算是最有經(jīng)驗(yàn)的程序員也會踩上陷阱。
        77. 使用宏定義。宏定義絕對是混亂C/C++代碼的最佳利器。參看 老手是這樣教新手編程的
        78. 瑣碎的封裝。比較封裝一個(gè)bool類,類里面什么都做,就是一個(gè)bool.
        79. 循環(huán)。千萬不可用for(int i=0; i

          測試

        80. 從不測試。千萬不要測試任何的出錯(cuò)處理,從來也不檢測系統(tǒng)調(diào)用的返回值。
        81. 永遠(yuǎn)不做性能測試。如果不夠快就告訴用戶換一個(gè)更快的機(jī)器。如果你一做測試,那么就可能會要改你的算法,甚至重設(shè)計(jì),重新架構(gòu)。
        82. 不要寫測試案例。不要做什么代碼覆蓋率測試,自動(dòng)化測試。
        83. 測試是懦夫行為。一個(gè)勇敢的程序員是根本不需要這一步的。太多的程序太害怕他們的老板,害怕失去工作,害怕用戶抱怨,甚至被起訴。這種擔(dān)心害怕直接影響了生產(chǎn)力。如果你對你的代碼有強(qiáng)大的信心,那還要什么測試呢?真正的程序員是不需要測試自己的代碼的。
        84. 其它

        85. 你的老板什么都知道。無論你的老板有多SB,你都要嚴(yán)格地遵照他的旨意辦事,這樣一樣,你會學(xué)到更多的知識如何寫出無法維護(hù)的代碼來的。
        86. 顛覆Help Desk。你要確保你那滿是bug的程序永遠(yuǎn)不要被維護(hù)團(tuán)隊(duì)知道。當(dāng)用戶打電話和寫郵件給你的時(shí)候,你就不要理會,就算要理會,讓用戶重做系統(tǒng)或是告訴用戶其帳號有問題,是標(biāo)準(zhǔn)的回答。
        87. 閉嘴。對于一些像y2k這樣的大bug,你要學(xué)會守口如瓶,不要告訴任何人,包括你的親人好友以及公司的同事和管理層,
        88. 忽悠。你會學(xué)會忽悠,就算你的代碼寫得很爛,你也要為其掛上GoF設(shè)計(jì)模式的標(biāo)簽,就算你的項(xiàng)目做得再爛,你也要為其掛上敏捷的標(biāo)簽,只有學(xué)會像中國Thoughtworks的咨詢師那樣去忽悠,你才能學(xué)會更炫更酷的方法,讓整個(gè)團(tuán)隊(duì)和公司,甚至整個(gè)業(yè)界都開始躁動(dòng),這樣才能真正為難維護(hù)的代碼鋪平道路。
        89.     這個(gè)文檔中還有很多很多,實(shí)在是太TMD強(qiáng)大了,大家自己去看看吧。有精力有能力的朋友不妨把其翻譯成中文。

              總之,我們的口號是——

          Write Everywhere, Read Nowhere

          posted @ 2011-07-05 09:33 sophie 閱讀(145) | 評論 (0)編輯 收藏

          2011年7月2日

               摘要: 設(shè)定模塊的高度,文字會自動(dòng)對其中央....轉(zhuǎn)一篇網(wǎng)上關(guān)于這個(gè)問題的解決.  有時(shí)候,為了網(wǎng)頁設(shè)計(jì)的美觀,需要把div+css設(shè)計(jì)的頁面里的某些div層里的文字垂直居中,包括多行文字以及單行文字;方法有不少,但真正能實(shí)現(xiàn)而代碼又簡潔的介紹不多,flymorn就為大家介紹幾種適用的div文字垂直居中的方法。     首先要知道css里vertical-align...  閱讀全文
          posted @ 2011-07-02 20:58 sophie| 編輯 收藏

          2011年6月15日

          好幾天解決不了導(dǎo)航條里文字在背景圖里的位置問題,問了一下咖啡mm,告訴我需要先對背景進(jìn)行設(shè)定高度,否則不能對背景自動(dòng)擴(kuò)展高度.
          在背景圖的css中添加了line-height之后,文字立刻位于圖的中間.然后對于菜單的位置進(jìn)行設(shè)置,就可以隨意設(shè)置文字的位置了.
          posted @ 2011-06-15 15:01 sophie 閱讀(130) | 評論 (0)編輯 收藏
          中午接到j(luò)oyo的電話,訂的書來了...一時(shí)半會兒還看不上.
          16.43 經(jīng)過對一條條語句的檢驗(yàn),發(fā)現(xiàn)height元素對于排版有作用,去掉之后,導(dǎo)航條下的文字正常的從左邊開始顯示,而原來的導(dǎo)航條部分也沒有變化.但是如果去掉width元素的值,則每個(gè)菜單的大小縮成和文字大小.
          依然沒有解決導(dǎo)航條中文字的位置問題.
          下午接著把上午的問題解決,看了@SheepYang 的主頁,然后對照了一下immi的navigator,把導(dǎo)航條變成了無序列表項(xiàng)目形式,并把<li>和<a>標(biāo)簽分別定義了CSS,于是菜單錯(cuò)位和菜單字體顏色全都正常了.
          開始的情況是這樣的,只是用<div>和<a>列出了5個(gè)菜單選項(xiàng),沒有進(jìn)行相應(yīng)的CSS定義,結(jié)果在頁面上顯示5個(gè)菜單以字體大小呈階梯狀排列.
          看過immi的源碼,采用無序的<li>標(biāo)簽,并嵌套<a>添加鏈接.在<li>的CSS定義好之后,錯(cuò)位的情況沒有了.
          又對<a>進(jìn)行CSS定義,字體的顏色也正常了.
          posted @ 2011-06-15 14:33 sophie 閱讀(115) | 評論 (0)編輯 收藏
          僅列出標(biāo)題  

          導(dǎo)航

          <2025年8月>
          272829303112
          3456789
          10111213141516
          17181920212223
          24252627282930
          31123456

          統(tǒng)計(jì)

          常用鏈接

          留言簿

          隨筆檔案

          My Weibo

          搜索

          最新評論

          閱讀排行榜

          評論排行榜

          主站蜘蛛池模板: 巴林左旗| 修武县| 中江县| 汉阴县| 湛江市| 蓬安县| 沙河市| 东山县| 富顺县| 基隆市| 泰宁县| 醴陵市| 都匀市| 平江县| 金沙县| 嘉禾县| 大冶市| 翼城县| 阳城县| 同仁县| 雷波县| 扬州市| 泰兴市| 巴中市| 金寨县| 民乐县| 稻城县| 辽宁省| 河池市| 厦门市| 个旧市| 深水埗区| 仁布县| 民和| 滨海县| 莱阳市| 醴陵市| 营山县| 新乡市| 施秉县| 连平县|