整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
編今天的分享主題是顯示屬性、列表屬性、定位屬性；
顯示屬性，它表示了一個(gè)框或者盒的表現(xiàn)，具有2層含義，分別是顯示方式和顯示效果；
1.顯示方式，即display屬性，具體是指一個(gè)框的表示形式，它自己固定的取值候選：
a)none：表示讓這個(gè)元素不顯示，隱藏起來，同時(shí)這個(gè)元素是不占據(jù)這個(gè)文檔的空間的。
b)block：表示讓這個(gè)元素以塊級(jí)元素的形式顯示，在它后面的元素是會(huì)另外起一行，這個(gè)時(shí)候的元素是可以自己定義它的高度和寬度的。如果你想設(shè)置一個(gè)行內(nèi)元素的高和寬，或者想讓一個(gè)隱藏了的元素顯示的話，這個(gè)方式就是非常好的。
c）inline：表示讓這個(gè)元素以行內(nèi)元素的形式顯示，這個(gè)時(shí)候后面的元素會(huì)緊跟著前面的元素，并列顯示，同事也不能設(shè)置高度和寬度。
d）inline-block：表示讓這個(gè)元素以行內(nèi)塊的形式顯示，其實(shí)就是一個(gè)行內(nèi)元素，不過這個(gè)行內(nèi)元素可以設(shè)置高度和寬度了。如果你不想讓這個(gè)元素的后面元素另外起一行又想改變這個(gè)元素的高度和寬度，那這個(gè)方法是極好的。
以上4個(gè)候選取值，就是display的取值詳解，語法規(guī)范就是display：none/block/inline/inline-block，具體的按照實(shí)實(shí)際開發(fā)需求。練習(xí)的時(shí)候，可以每個(gè)都試一試，看看它們分別是什么效果。
2.顯示效果，就是元素顯示了之后，再設(shè)置它的一些效果，先簡單的介紹4個(gè)效果：
a）visibility屬性，即表示這個(gè)元素的顯示與否，取值有visible（顯示的，也是默認(rèn)值）、hidden（不顯示），這個(gè)屬性看似和上訴的顯示方式挺像的，它們有一個(gè)非常明顯的區(qū)別就是，display為none時(shí)，它是不占據(jù)空間的；而visibility為hidden時(shí)，它雖然是看不見的，但是它會(huì)占據(jù)頁面空間，可能會(huì)影響文檔的排版問題，這需要特別的注意。
b）opacity屬性，即表示這個(gè)元素的透明度，取值范圍就是0至1，其中0表示完全透明，1表示完全不透明，記住取值越大，越不透明。
c）vertical-align屬性，即表示這個(gè)元素的垂直對(duì)齊，取值可以有：top/middle/bottom baseline；基線對(duì)齊
d）cursor屬性即光標(biāo)，表示當(dāng)你的鼠標(biāo)在經(jīng)過這個(gè)元素時(shí)候，鼠標(biāo)顯示的樣式；取值有：pointer(手的形狀)、default(默認(rèn))、crosshair(顯示為“+”)、text(顯示為“I”)、wait(顯示為 等待)、help（顯示為“？”）
列表，就是講這部分的內(nèi)容按照一定的順序排列，可以是橫向的也可以是縱向的，她有列表樣式屬性、列表項(xiàng)圖像屬性、列表項(xiàng)位置、列表綜合屬性。
1.列表樣式即list-style-type，分為有序列表、無序列表，有序的列表是按照數(shù)值排序、羅馬數(shù)字排序，無序列表就是列表項(xiàng)為實(shí)心圓、空心圓、實(shí)心矩形。
無序列表的取值為：none（無標(biāo)記）、disc(實(shí)心圓)、circle（空心圓）、square（實(shí)心矩形）
有序列表的取值為：none（無標(biāo)記）、decimal（數(shù)字）、lower-roman(小寫的羅馬數(shù)字)、upper-roman(大寫的羅馬數(shù)字)
2.列表項(xiàng)圖像即list-style-image，表示列表項(xiàng)圖像不想取值為數(shù)字或者實(shí)心圓等時(shí)，可以自定義一個(gè)圖像；語法規(guī)范：list-style-image:url(文件路徑)
3.列表項(xiàng)位置即list-style-position，就是li前面標(biāo)識(shí)的位置，取值有：outside（標(biāo)識(shí)在li外）、inside（標(biāo)識(shí)在li內(nèi)）
4.列表的總和屬性即list-style，語法規(guī)范：list-style:type url position 實(shí)例list-style:circle url(xxxx.jpg) inside
以上就是列表的一些樣式了，可以自己打打代碼，看看具體的效果
定位 position，就是元素在文檔的位置，當(dāng)需要對(duì)元素的位置進(jìn)行修改時(shí)，就需要用到定位啦！
定位分為：普通流定位、浮動(dòng)定位、相對(duì)定位、絕對(duì)定位、固定定位
定位的屬性就是：position，取值有：static(靜態(tài)定位即普通流定位)、relative(相對(duì)定位)、absolute（絕對(duì)定位）、fixed(固定定位)
display屬性在使用的時(shí)候，需要配合top\bottom\left\right屬性使用，表示偏移量。
z-index屬性，表示當(dāng)多個(gè)元素重疊的時(shí)候，誰在前面誰在后面，值越大越靠近用戶
接下來詳解各個(gè)定位：
1.相對(duì)定位：就是這個(gè)元素相對(duì)于自己本身的位置偏移指定的量數(shù)；具體的實(shí)現(xiàn)方式(二步曲)就是先定義定位方式，再定義指定偏移量：即display：relative；left\top\right：xxpx；常常用于彈出菜單的實(shí)現(xiàn)
2.絕對(duì)定位：就是這個(gè)元素相對(duì)了已經(jīng)定義為相對(duì)定位的最近的父級(jí)；實(shí)現(xiàn)的方式同上，display為absolute，常用的場景非常多。
3.固定定位：就是將元素固定在網(wǎng)頁的某個(gè)位置處，不跟隨滾動(dòng)條發(fā)生滾動(dòng)；實(shí)現(xiàn)方式同上，display為fixed，常用于網(wǎng)頁固定的小廣告，多數(shù)情況下是相對(duì)與body實(shí)現(xiàn)固定定位的。
本篇文章開始成哥將帶大家一起學(xué)習(xí)一下前端的基礎(chǔ)知識(shí)，我們先講解前端的基礎(chǔ)HTML與CSS，這個(gè)講完我們將講解VUE前端框架，最后我們?cè)僦v講Ant Design的VUE前端框架，從而形成前端一個(gè)系列的教程，下面就開始我們今天的內(nèi)容吧！
HTML的英文全稱是 Hyper Text Markup Language，即超文本標(biāo)記語言。
HTML是由Web的發(fā)明者 Tim Berners-Lee和同事 Daniel W. Connolly于1990年創(chuàng)立的一種標(biāo)記語言，它是標(biāo)準(zhǔn)通用化標(biāo)記語言SGML的應(yīng)用。用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺(tái)(如UNIX， Windows等)。
使用HTML語言，將所需要表達(dá)的信息按某種規(guī)則寫成HTML文件，通過專用的瀏覽器來識(shí)別，并將這些HTML文件"翻譯"成可以識(shí)別的信息，即現(xiàn)在所見到的網(wǎng)頁。HTML 不需要編譯，可以直接由瀏覽器執(zhí)行，非常方便開發(fā)時(shí)調(diào)試。
我們現(xiàn)在創(chuàng)建一個(gè)典型的HTML結(jié)構(gòu)具體如下：
1. <!DOCTYPE html>
2. <html lang="ch">
3. <head>
4. <meta charset="UTF-8">
5. <title>HTML實(shí)例</title>
6. </head>
7. <body>
8. <h1>我是標(biāo)題</h1>
9. <p>我是段落。</p>
10. </body>
11. </html> 如上頁面中各個(gè)標(biāo)簽代表的意思如下：
1）<!DOCTYPE html>是文檔聲明頭，它告訴游覽器當(dāng)前處理的內(nèi)容是HTML頁面
2）html是 HTML 頁面的根元素，用于標(biāo)識(shí)HTML內(nèi)容的開始與結(jié)束
3） head是HTML頁面的頭，包含了文檔的一些屬性。其中meta是元數(shù)據(jù)這邊charset="UTF-8"標(biāo)識(shí)當(dāng)前頁面編碼格式為UTF-8，title為文檔的標(biāo)題
4）body是HTML主體也是游覽器在顯示頁面時(shí)的內(nèi)容。h1是body內(nèi)容中定義的標(biāo)題，p是body內(nèi)容中定義的段落
我們現(xiàn)在通過游覽器打開編寫的HTML內(nèi)容，具體內(nèi)容如下
在HTML中的內(nèi)容可以通過以下格式進(jìn)行內(nèi)容注釋具體如下：
（1）HTML標(biāo)簽
HTML 標(biāo)簽是 HTML 語言中最基本的單位，HTML 標(biāo)簽是 HTML（標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用）最重要的組成部分。HTML標(biāo)簽具有如下特點(diǎn)：
1）標(biāo)簽一般是成對(duì)出現(xiàn)的 如:<div></div>;也有空標(biāo)簽 如:<br />
2）標(biāo)簽由<>包括,分為開始標(biāo)簽(開放標(biāo)簽)和結(jié)束標(biāo)簽(閉合標(biāo)簽)
3）標(biāo)簽不區(qū)分大小寫,根據(jù)W3C(萬維網(wǎng)聯(lián)盟)推薦,統(tǒng)一使用小寫字母
標(biāo)簽的示列如下：
標(biāo)簽按照<>的對(duì)數(shù)可以分為如下兩類分別為雙標(biāo)簽與單標(biāo)簽，下面我們具體來了解一下這兩類標(biāo)簽。
1）雙標(biāo)簽
雙標(biāo)簽指由開始和結(jié)束兩個(gè)標(biāo)記符組成的標(biāo)記。其基本語法格式如下：
1. <標(biāo)記名></標(biāo)記名>
常見的雙標(biāo)簽有如下幾種：
1. <html></html>
2. <head></head>
3. <title></title>
4. <body></body>
5. <h1></h1>
6. <p></p>
7.
8. <!-- 塊級(jí)元素 -->
9. <div></div>
10. <span></span>
11.
12. <!-- 超鏈接元素 -->
13. <a></a>
14.
15. <!-- 列表元素 -->
16. <ul></ul> 2）單標(biāo)簽
單標(biāo)簽是指用一個(gè)標(biāo)記符號(hào)即可完整地描述某個(gè)功能的標(biāo)記。其基本語法格式如下：
1. <標(biāo)記名/>
常見的單標(biāo)簽有如下幾種：
1. <!-- 換行標(biāo)簽 -->
2. <br />
3.
4. <!-- 分隔線標(biāo)簽 -->
5. <hr />
6.
7. <!-- 圖片標(biāo)簽 -->
8. <img /> （2）HTML元素
HTML 元素指的是從開始標(biāo)簽（start tag）到結(jié)束標(biāo)簽（end tag）的所有代碼，如<p>段落</p>。元素可以進(jìn)行嵌套具體如下：
1. <div>
2. <h1>我是標(biāo)題</h1>
3.
4. <div>
5. <p>元素嵌套示列</p>
6. </div>
7.
8. </div> （3）HTML屬性
屬性為 HTML 元素提供附加信息，可分為全局屬性（即所有元素均可使用的屬性，如id,class等）和元素屬性（部分元素可使用的屬性，例如<a href="http://www.baidu.com">搜索</a>），屬性通常由屬性名="屬性值"構(gòu)成,存在于開始標(biāo)簽中，示列如下:
（4）HTML實(shí)體編碼
對(duì)于部分不易通過鍵盤輸入的或和HTML沖突的部分符合,引入對(duì)應(yīng)的"實(shí)體編碼"，如< <> >空格 。
（5）HTML事件
通過某個(gè)動(dòng)作,執(zhí)行某個(gè)操作/JS腳本的能力。如點(diǎn)擊按鈕,改變顏色，事件可以分為多類比多鼠標(biāo)點(diǎn)擊、鼠標(biāo)聚焦等，下面我看看看一個(gè)事件編寫示列：
（1）h標(biāo)簽
h 標(biāo)簽有六種分別為h1、h2、h3、h4、h5、h6，這六個(gè)分別對(duì)應(yīng)六種樣式的標(biāo)題，我們現(xiàn)在來編寫這六種h標(biāo)簽，演示代碼如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8. <h1>H1標(biāo)題</h1>
9. <h2>H2標(biāo)題</h2>
10. <h3>H3標(biāo)題</h3>
11. <h4>H4標(biāo)題</h4>
12. <h5>H5標(biāo)題</h5>
13. <h6>H6標(biāo)題</h6>
14. </body>
15. </html> 我們來運(yùn)行該HTML文件，來看看這六種h標(biāo)簽有什么樣式差異，從示列中可以發(fā)現(xiàn)h1標(biāo)簽字體最大然后依次減小。
（2）p標(biāo)簽
p 標(biāo)簽是文本標(biāo)簽，現(xiàn)在我們來編寫一段含有p標(biāo)簽的html文本，然后運(yùn)行了看看p標(biāo)簽的樣式具體操作如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <h4>標(biāo)題一</h4>
10. <p>我是段落1</p>
11.
12. <h4>標(biāo)題二</h4>
13. <p>我是段落2</p>
14.
15. </body>
16. </html> （3）a標(biāo)簽
a標(biāo)簽是超鏈接標(biāo)簽，點(diǎn)擊a標(biāo)簽可以跳轉(zhuǎn)到其設(shè)置的網(wǎng)站，具體示列如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8. <div>
9. <a href="http://www.baidu.com">點(diǎn)我跳轉(zhuǎn)到百度頁面</a>
10. </div>
11.
12. <div>
13. <a href="http://www.qq.com">點(diǎn)我跳轉(zhuǎn)到騰訊頁面</a>
14. </div>
15.
16. </body>
17. </html> （4）div標(biāo)簽
div標(biāo)簽是一個(gè)塊級(jí)元素，它可用于組合其他 HTML 元素的容器。可以把div看成一個(gè)盒子，我們可以為這個(gè)盒子設(shè)置各種各樣屬性（如高度、寬度、顏色等），下面我們編寫一個(gè)div標(biāo)簽并設(shè)置其長為300px，寬度為200px，同時(shí)給其一個(gè)背景顏色，具體如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <div style="width: 200px;height: 300px;background: #2eabff">我是div元素</div>
10.
11. </body>
12. </html> （5）列表標(biāo)簽
列表作為網(wǎng)頁設(shè)計(jì)的重要內(nèi)容之一，能夠用來制作導(dǎo)航欄和新聞列表等。HTML 列表分為：有序列表（ol），無序列表（ul）以及自定義列表（dl）
1）有序列表ul
有序列表的順序是有序的，默認(rèn)情況下會(huì)以數(shù)字來排列，但也可以通過設(shè)置其type屬性以大寫字母、小寫字母、大寫羅馬數(shù)字、小寫羅馬數(shù)字來排列，我們現(xiàn)在來寫一個(gè)示列，具體如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <!-- 有序列表，以默認(rèn)方式數(shù)字排列 -->
10. <p>有序列表默認(rèn)方式數(shù)字排列</p>
11. <ol>
12. <li>列表1</li>
13. <li>列表2</li>
14. <li>列表3</li>
15. </ol>
16.
17. <!-- 有序列表，以大寫字母排列 -->
18. <p>有序列表大寫字母排列</p>
19. <ol type="A">
20. <li>列表1</li>
21. <li>列表2</li>
22. <li>列表3</li>
23. </ol>
24.
25. </body>
26. </html> 2）無序列表ol
無序列表的順序是無序的，不會(huì)按照某個(gè)值來排序，無序列表中每個(gè)列表前默認(rèn)都有一個(gè)實(shí)心圓，也可以通過type屬性來設(shè)置成空心圓或者小方塊，無序列表示列如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <p>無序列表默認(rèn)type樣式</p>
10. <ul>
11. <li>列表1</li>
12. <li>列表2</li>
13. <li>列表3</li>
14. </ul>
15.
16. <p>無序列表方塊樣式</p>
17. <ul type="square">
18. <li>列表1</li>
19. <li>列表2</li>
20. <li>列表3</li>
21. </ul>
22.
23. </body>
24. </html> 3）自定義列表dl
自定義列表以 <dl> 標(biāo)簽開始。每個(gè)自定義列表項(xiàng)以 <dt> 開始，其列表內(nèi)容是以<dd> 開始，自定義列表前面沒有任何標(biāo)識(shí)，其具體示例如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <p>自定義列表</p>
10. <dl>
11. <dt>東岳</dt>
12. <dd>泰山</dd>
13.
14. <dt>南岳</dt>
15. <dd>衡山</dd>
16.
17. <dt>西岳</dt>
18. <dd>華山</dd>
19.
20. <dt>北岳</dt>
21. <dd>恒山</dd>
22.
23. <dt>中岳</dt>
24. <dd>嵩山</dd>
25. </dl>
26.
27. </body>
28. </html> （6）其它標(biāo)簽
1）換行標(biāo)簽<br/>
在HTML中如果想給內(nèi)容進(jìn)行換行可以使用換行標(biāo)簽，具體示列如下：
2）分割線標(biāo)簽<hr/>
<hr/> 標(biāo)簽用于在 HTML創(chuàng)建一條分割線，具體示列如下：
1. <!DOCTYPE html>
2. <html>
3. <head>
4. <title>HTML基礎(chǔ)教程</title>
5. <meta charset="utf-8" />
6. </head>
7. <body>
8.
9. <p>我是張三</p>
10. <!-- 分割線標(biāo)簽 -->
11. <hr/>
12. <p>我是李四</p>
13. </body>
14. </html> 至此我們《HTML基礎(chǔ)教程上篇》就講完了，下篇內(nèi)容主要講解HTML樣式、HTML表單、Tabel等，敬請(qǐng)期待。最后如果喜歡本篇文章不要忘了點(diǎn)贊、關(guān)注與轉(zhuǎn)發(fā)哦！
-END-
@IT管理局專注計(jì)算機(jī)領(lǐng)域技術(shù)、大學(xué)生活、學(xué)習(xí)方法、求職招聘、職業(yè)規(guī)劃、職場感悟等類型的原創(chuàng)內(nèi)容。期待與你相遇，和你一同成長。
文章推薦：
排序是比較基礎(chǔ)的算法，與很多語言一樣，Python也提供了對(duì)列表的排序方法和內(nèi)建排序函數(shù)。
方式一：
li=[1, 3, 4, 9, 0]
li.sort() # 提供方法
方式二：
li=[1, 3, 4, 9, 0]
li=sorted(li) # 提供方法
兩種方式都可以實(shí)現(xiàn)對(duì)列表元素的排序，從接受參數(shù)更能看出兩者區(qū)別和相同點(diǎn)。
（1）：sort()屬于列表對(duì)象特有的排序方法，因此調(diào)用方法直接在列表本身進(jìn)行修改，返回值為None或者說無需返回值。
（2）： sorted()屬于python提供內(nèi)建函數(shù)，無需導(dǎo)入可直接用，而從接受對(duì)象來看，sorted()方法可以直接接受iterable可迭代對(duì)象，因此作用對(duì)象更廣泛，包括字符串，元組甚至字典都可以，返回一個(gè)列表，如下所示
test_string="dvsegh"
print(sorted(test_string)) # 輸出['d', 'e', 'g', 'h', 's', 'v']
test_tuple=(5, 4, 3, 2, 1)
print(sorted(test_tuple)) # 輸出[1, 2, 3, 4, 5]
test_list=[5, 4, 3, 2, 1]
print(sorted(test_list)) # 輸出[1, 2, 3, 4, 5]
test_dic={1:"a", 2:"b", 0:"z"}
print(sorted(test_dic)) # 輸出[0, 1, 2]，字典的key作為排序結(jié)果返回
（3）：對(duì)于Python3.x中的sort()無法函數(shù)自定義排序規(guī)則后面會(huì)說到。
（1）：都支持reverse反轉(zhuǎn)操作，參數(shù)reverse接收布爾類型，比如reverse=True，則表示排序結(jié)果逆序。
li=[1, 3, 4, 9, 0]
li.sort(reverse=True)
print(li) # [9, 4, 3, 1, 0]
（2）： 都支持關(guān)鍵函數(shù)排序，也就是key參數(shù)指定排序規(guī)則，參數(shù)的接收值為一個(gè)函數(shù)，該函數(shù)可以接收一個(gè)參數(shù)并返回一個(gè)值用來比較，如下，len接收字符串，返回長度作為比較值。
test_string="Hello World Welcome to My City"
print(sorted(test_string.split(" "), key=len)) # 根據(jù)字符串長度排序
# 輸出：['to', 'My', 'City', 'Hello', 'World', 'Welcome']
print(sorted(test_string.split(" "), key=str.lower)) # 根據(jù)小寫之后的字典序排序
# 輸出：['City', 'Hello', 'My', 'to', 'Welcome', 'World']
test_list=[-5, 4, 0, 2, 1]
print(sorted(test_list, key=abs)) # 根據(jù)絕對(duì)值排序
# 輸出：[0, 1, 2, 4, -5]
（3）：更廣泛的可以使用lambda表達(dá)式來完成更復(fù)雜排序。如下對(duì)二維列表多級(jí)排序
li=[
[3 ,5],
[5 ,0],
[5 ,6],
[3 ,-1],
[2, 9]
]
# 多級(jí)排序
# 根據(jù)第一個(gè)元素從小打到排列，當(dāng)?shù)谝粋€(gè)元素相等，按照第二個(gè)元素從大到小排列
li.sort(key=lambda x: (x[0], -x[1]))
print(li)
# 輸出 [[2, 9], [3, 5], [3, -1], [5, 6], [5, 0]]
也或者可以根據(jù)復(fù)雜對(duì)象的某些屬性排序。對(duì)對(duì)象根據(jù)屬性進(jìn)行排序
# 學(xué)生對(duì)象，包括年齡，身高體重等
class Student:
def __init__(self, age, height, weight):
self.age=age
self.height=height
self.weight=weight
s1=Student(18, 180, 75)
s2=Student(19, 175, 80)
s3=Student(17, 176, 70)
s4=Student(18, 177, 65)
s5=Student(19, 180, 65)
# 班級(jí)里有很多學(xué)生
classes=[s1, s2, s3, s4, s5]
# 根據(jù)學(xué)生的年齡排序
classes.sort(key=lambda s: s.age)
for stu in classes:
print("stu age: %d, height: %d, weight: %d" % (stu.age, stu.height, stu.weight))
輸出：
stu age: 17, height: 176, weight: 70
stu age: 18, height: 180, weight: 75
stu age: 18, height: 177, weight: 65
stu age: 19, height: 175, weight: 80
stu age: 19, height: 180, weight: 65
從以上排序結(jié)果中相同年齡的學(xué)生還保持排序前的相對(duì)順序，說明sort()排序也是穩(wěn)定排序，sort()底層是基于合并排序和插入排序集合的一種更高效排序算法。以上是使用lambda表達(dá)式指定排序規(guī)則，也可以使用operator中提供的其他更加簡潔的方式。
# 同樣適用上述的Student例子
from operator import itemgetter, attrgetter
# 實(shí)現(xiàn)根據(jù)學(xué)生年齡排序
print(sorted(classes, key=attrgetter('age')))
print(sorted(classes, key=itemgetter(1)))
# 實(shí)現(xiàn)多級(jí)排序 新根據(jù)身高，再根據(jù)年齡排序
sorted(classes, key=attrgetter('height', 'age'))
其他語言中普遍提供的有cmp函數(shù)，也就是自定義更高級(jí)函數(shù)作為排序規(guī)則。而在python3.x中sort()不在支持cmp自定義函數(shù)比較，想要使用cmp，則需要是使用sorted()，并額外的做一些包裝。
比如，同樣使用如上的Student例子，想要完成自定義排序規(guī)則，比如首先按照年齡大小排序，當(dāng)年齡相同的時(shí)候按照體重逆序排序，如果體重也相同則按照身高逆序排序。
from functools import cmp_to_key
def func(stu1, stu2):
# 年齡相同
if stu1.age==stu2.age:
# 體重相同 安裝身高逆序
if stu1.weight==stu2.weight:
return stu2.height - stu1.height
else: # 體重不同，逆序排序
return stu2.weight - stu1.weight
else: # 年齡不同，則按照年齡排序
return stu1.age - stu2.age
class Student:
def __init__(self, age, height, weight):
self.age=age
self.height=height
self.weight=weight
s1=Student(18, 180, 55)
s2=Student(19, 175, 80)
s3=Student(17, 162, 70)
s4=Student(18, 177, 65)
s5=Student(19, 180, 65)
s6=Student(16, 160, 55)
s7=Student(17, 164, 70)
# 班級(jí)有7個(gè)學(xué)生
classes=[s1, s2, s3, s4, s5, s6, s7]
# 排序
classes=sorted(classes, key=cmp_to_key(func))
for stu in classes:
print("stu age: %d, height: %d, weight: %d" % (stu.age, stu.height, stu.weight))
輸出結(jié)果
stu age: 16, height: 160, weight: 55
stu age: 17, height: 164, weight: 70
stu age: 17, height: 162, weight: 70
stu age: 18, height: 177, weight: 65
stu age: 18, height: 180, weight: 55
stu age: 19, height: 175, weight: 80
stu age: 19, height: 180, weight: 65
對(duì)于sorted(iterable, key=lambda x:x)，這種比較傾向于待排序的每個(gè)元素都有一個(gè)絕對(duì)的大小值作為排序標(biāo)準(zhǔn)，而有時(shí)候會(huì)絕對(duì)大小是根據(jù)兩個(gè)元素才能得出的衡量，因此可以使用如上functools.cmp_to_key構(gòu)建多個(gè)元素的比較函數(shù)。cmp_to_key包裝后的自定義比較函數(shù)可以接受兩個(gè)元素，將兩個(gè)元素的對(duì)比結(jié)果作為返回值，另外注意，自定義的比較函數(shù)返回值需要是整型。
cmp_to_key的源碼如下
def cmp_to_key(mycmp):
"""Convert a cmp=function into a key=function"""
class K(object):
__slots__=['obj']
def __init__(self, obj):
self.obj=obj
def __lt__(self, other):
return mycmp(self.obj, other.obj) < 0
def __gt__(self, other):
return mycmp(self.obj, other.obj) > 0
def __eq__(self, other):
return mycmp(self.obj, other.obj)==0
def __le__(self, other):
return mycmp(self.obj, other.obj) <=0
def __ge__(self, other):
return mycmp(self.obj, other.obj) >=0
__hash__=None
return K
cmp_to_key接收myfunc，并在內(nèi)部定義一個(gè)K類并返回這個(gè)K類，這個(gè)類內(nèi)部完成了各種比較運(yùn)算符的重載（也就是mycmp的定義的排序規(guī)則），這個(gè)類是可調(diào)用的，在參與比較的時(shí)候其實(shí)是K的對(duì)象，而在使用lambda匿名表達(dá)式的時(shí)候使用是列表中的元素進(jìn)行大小比較。如下：
li=[1, 0, 0, 8, 4]
sorted(li, key=lambda x: x) # x代指li中的每個(gè)元素
以下是筆試面試過程中遇到的關(guān)于一些自定義排序規(guī)則的題目。可以結(jié)合實(shí)際場景做下應(yīng)用。
注：以下只給出大概代碼樣例，水平有限，不保證完全正確。
（1）：華為通用軟件暑期實(shí)習(xí)筆試4.13場次算法題第一題
題干：硬件資源分配（不花點(diǎn)時(shí)間，題干都理不順.....）
有M臺(tái)服務(wù)器，每臺(tái)服務(wù)器有以下屬性：編號(hào)、CPU核數(shù)（1100）、內(nèi)存、CPU架構(gòu)（08）、是否支持NP加速的標(biāo)識(shí)（0,1）。然后有一個(gè)資源分配要求，要求分配N臺(tái)滿足要求的服務(wù)器。具體如下：CPU核數(shù)>=cpuCount、內(nèi)存>=memSize、CPU架構(gòu)=cpuArch、是否支持NP加速=supportNP。其中，cpuCount、memSize、cpuArch、supportNP為這個(gè)要求輸入的分配參數(shù)。
分配時(shí)會(huì)指定優(yōu)先級(jí)策略，策略如下：
策略1：CPU優(yōu)先，優(yōu)先選擇CPU核數(shù)滿足分配要求并且最接近分配要求的cpuCount。如果CPU核數(shù)相同，在按內(nèi)存滿足要求并選擇最接近memSize的服務(wù)器分配。
策略2：內(nèi)存優(yōu)先，優(yōu)先選擇內(nèi)存滿足分配要求并且最接近分配要求的memSize。如果內(nèi)存相同，在按cpu核數(shù)滿足要求并選擇最接近c(diǎn)puCount的服務(wù)器分配
如果兩臺(tái)服務(wù)器屬性都相同，則按服務(wù)器編號(hào)從小到大選擇（編號(hào)不會(huì)重復(fù)）
輸入：
第一行：服務(wù)器數(shù)量M
接下來M行為M臺(tái)服務(wù)器屬性的數(shù)組
下一行為分配要求：最大分配數(shù)量N，分配策略strategy，cupCount，memSize，cpuArch，supportNP
其中：
1<=M<=1000
1<=N<=1000
strategy：1表示策略1,2表示策略2
1<=cpuCount<=100
10<=memSize<=1000
0<=cpuArch<=8，另外，cpuArch使用9表示所有服務(wù)器架構(gòu)都滿足分配要求
0<=supportNP<=1，另外，為2時(shí)表示無論是否支持NP加速都滿足分配要求
輸出
先輸出實(shí)際分配數(shù)量，后按照分配的服務(wù)器編號(hào)從小到大依次輸出，以空格分開
樣例1
輸入
4
0,2,200,0,1
1,3,400,0,1
2,3,400,1,0
3,3,300,0,1
3 1 3 200 0 1
輸出
2 1 3
解釋：只有1和3滿足要求，要求分配2臺(tái)服務(wù)器，所以結(jié)果為2 1 3
樣例2
輸入
6
0,2,200,0,1
1,4,330,2,1
2,3,400,3,1
3,3,310,1,1
4,3,320,8,1
5,3,330,0,1
3 2 3 300 9 2
（這里注意一下輸入的格式，最后一行是空格分開）
輸出
3 3 4 5
解釋：編號(hào)1~5都滿足分配要求，按策略2分配即內(nèi)存優(yōu)先，內(nèi)存>=300并且最接近300的服務(wù)器編號(hào)是3 4 1 5 2。
其中1和5內(nèi)存相同，然后會(huì)比較CPU，即CPU>=3且最接近的，所以5優(yōu)先于1.因此最后分配的三臺(tái)服務(wù)器是3 4 5。
輸出時(shí)先輸出數(shù)量3，再按編號(hào)排序輸出3 4 5
（2）思路自定義排序：
主要先對(duì)一些特殊情況考慮，并且不同的策略不同的排序規(guī)則，但是都類似。
inp=list(map(int, input().strip().split(" ")))
N, strategy, cpuCount, memSize, cpuArch, SupportNP=inp
# N, strategy, cpuCount, memSize, cpuArch, SupportNP=2, 1, 3, 300, 9, 1
res=[]
for item in ans:
if cpuArch !=9 and item[3] !=cpuArch:
continue
if SupportNP !=2 and item[4] !=SupportNP:
continue
res.append(item)
if strategy==1:
res=list(filter(lambda item: item[1]>=cpuCount and item[2]>=memSize, res))
# res=list(filter(lambda item: item[2]>=memSize, res))
res.sort(key=lambda x: (x[1], x[2]))
if len(res) <=N and len(res) > 0:
tmp=[len(res)] + sorted([item[0] for item in res])
print(" ".join([str(i) for i in tmp]))
elif len(res) > N:
tmp=[N] + sorted([res[i][0] for i in range(N)])
print(" ".join([str(i) for i in tmp]))
else:
print(0)
elif strategy==2:
res=list(filter(lambda item: item[2]>=memSize and item[1]>=cpuCount, res))
# res=list(filter(lambda item: item[1]>=cpuCount, res))
res.sort(key=lambda x: (x[2], x[1]))
if len(res) <=N and len(res) > 0:
tmp=[len(res)] + sorted([item[0] for item in res])
print(" ".join([str(i) for i in tmp]))
elif len(res) > N:
tmp=[N] + sorted([res[i][0] for i in range(N)])
print(" ".join([str(i) for i in tmp]))
else:
print(0)
（1）、華為通用軟件暑期實(shí)習(xí)業(yè)務(wù)一面算法題
Leetcode最大數(shù)：鏈接https://leetcode-cn.com/problems/largest-number/
題干：
給定一組非負(fù)整數(shù) nums，重新排列每個(gè)數(shù)的順序（每個(gè)數(shù)不可拆分）使之組成一個(gè)最大的整數(shù)。
示例：
輸入：nums=[3,30,34,5,9]
輸出："9534330"
（2）、三種思路
version1：
由于沒有看到nums數(shù)組的容量范圍，第一反應(yīng)直接全排列，然后對(duì)每一種結(jié)果作比較。
from itertools import permutations
nums=[3, 30, 34, 5, 9]
res=set(permutations(nums)) # 全排列結(jié)果去重
res=[int("".join(list(map(str, item)))) for item in res] # 結(jié)果拼接再類型轉(zhuǎn)換
print(max(res)) # 取最大值 輸出 9534330
但是nums這么大范圍，使用全排列做得無用功太多了，時(shí)間和空間復(fù)雜度都不滿足。
version2：
維持一個(gè)單調(diào)隊(duì)列，隊(duì)列中的元素拼接之后保證最大，逐個(gè)遍歷當(dāng)前元素，再往隊(duì)列逐個(gè)位置嘗試插入，并最終找到插入位置保持隊(duì)列的規(guī)則。
class Solution:
def largestNumber(self, nums: List[int]) -> str:
queue=[]
# 逐個(gè)遍歷列表元素
for i in range(len(nums)):
# 隊(duì)列為空，直接入隊(duì)
if len(queue)==0:
queue.append(nums[i])
continue
# 假定當(dāng)前nums[i]放在隊(duì)尾，拼接后的值為mx
mx_ind=-1
mx=int("".join(list(map(str, queue + [nums[i]]))))
# 逐個(gè)插入隊(duì)列中，作比較，誰大
for j in range(len(queue)):
tmp=int("".join(list(map(str, queue[:j] + [nums[i]] + queue[j:]))))
if tmp > mx:
mx=tmp
mx_ind=j
# 找到插入位置
if mx_ind !=-1:
queue=queue[:mx_ind] + [nums[i]] + queue[mx_ind:]
else:
queue=queue[:] + [nums[i]]
# 合并
st="".join(list(map(str, queue)))
# 去除首部0
st=st.lstrip("0")
# 如果全為0，如nums=[0, 0]，則輸出0
if len(st)==0:
return "0"
else:
return st
執(zhí)行結(jié)果：
version3：
nums中的元素的位置不是由單一的元素決定，而是根據(jù)兩個(gè)元素拼接之后的誰大決定的，如果"xy" > "yx"，那就[x, y]，否則[y, x]。因此可以使用自定義排序。
class Solution:
def largestNumber(self, nums: List[int]) -> str:
from functools import cmp_to_key
def func(a, b):
# 當(dāng)前兩元素長度相等，則按照大小排列
if len(str(a))==len(str(b)):
return b - a
else:
# 長度不同，則根據(jù)拼接后的大小排序
return int(str(b)+str(a)) - int(str(a)+str(b))
nums=sorted(nums, key=cmp_to_key(func))
# 突然發(fā)現(xiàn)這樣寫更簡潔 ，不用額外定義func
# nums=sorted(nums, key=cmp_to_key(lambda x, y: int(str(y)+str(x)) - int(str(x)+str(y))))
s="".join(list(map(str, nums)))
s=s.lstrip("0")
if len(s) !=0:
return s
else:
return "0"
執(zhí)行結(jié)果：
（1）、榮耀通用軟件暑期開發(fā)實(shí)習(xí)生筆試第二題
題目記不太清了，大概就是把日志文件中的一行一行記錄根據(jù)時(shí)間戳排序，記錄是字符串，不過整個(gè)記錄中包含其他的一些無用字符串，因此要自己過濾出有用的時(shí)間戳。
實(shí)例輸入：
5
my/2019-01-01T09:00:01
my/2019-01-01T09:00:01
abc/2018-12-24T08:00:00/test/you
1/2018-12-24T08:00:00/test/Test1
123/2018-12-24T08:00:09/test/me
說明：5表示5行記錄
輸出：
1/2018-12-24T08:00:00/test/Test1
abc/2018-12-24T08:00:00/test/you
123/2018-12-24T08:00:09/test/me
my/2019-01-01T09:00:01
說明：優(yōu)先根據(jù)時(shí)間戳信息排序，時(shí)間戳滿足一定的格式XXXX-XX-XXTXX:XX:XX，T為分隔符，分割日期和時(shí)間，前半部分為日期，后半部分為時(shí)間，時(shí)間戳相同根據(jù)字符串長度排序，如果長度也相同，則按照首字母的ascii碼表比較從小到大排序，如果兩個(gè)記錄字符串完全相同，則輸出一條即可。
（2）、思路
主要還是自定義排序規(guī)則，不過對(duì)于所有記錄都要做下處理判斷是否滿足時(shí)間戳規(guī)則，以及去重
代碼如下
from functools import cmp_to_key
# 判斷記錄字符串是否符合時(shí)間戳格式
def is_time_format(s):
if len(s) !=19:
return False
if s[4] !="-" or s[7] !="-" or s[10] !="T" or s[13] !=":" or s[16] !=":":
return False
return True
# 自定義排序規(guī)則
def func(a, b):
if a[0] !=b[0]:
if a[0] > b[0]:
return 1
else:
return -1
else:
if len(a[1]) !=len(b[1]):
return len(a[1]) - len(b[1])
else:
return ord(a[1][0]) - ord(b[1][0])
# 處理輸入
size=int(input().strip())
time_str=[]
for _ in range(size):
# 并將記錄分割成列表暫存起來
tmp=input().strip().split("/")
time_str.append(tmp)
# 保存滿足時(shí)間戳的記錄
res=[]
for i in range(len(time_str)):
for j in range(len(time_str[i])):
if is_time_format(time_str[i][j]):
res.append([time_str[i][j], "/".join(time_str[i])])
break
res=sorted(res, key=cmp_to_key(func)) # 自定義排序
# 重塑結(jié)果
ans=[]
for i in range(len(res)):
if res[i][1] not in ans:
ans.append(res[i][1])
# 處理輸出
print("\n".join(ans))文章來自https://www.cnblogs.com/welan/p/16243852.html
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
