整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          JavaScript選擇排序

          擇排序概述

          選擇排序(Selection Sort)是從待排序數列中取出最小(或最大)的1位,與第一個位置交換,再從待排序數列中找出最小的跟整個數列的第二個交換。以此類推遍歷完待排序數列。平均算法復雜度:O(n^2)

          步驟是:

          1. 先建立兩個循環,外循環用于逐個交換數據,內循環用來遍歷找到最小(或最大)值。
          2. 設第1項為最小值,在內循環中將其逐個與后項進行比較,如果遇到更小的值,則更新最小值,并記錄下最小值的下標。
          3. 在外循環中將第1項與最小值進行交換,然后以第2項作為最小值,再重復執行步驟2,直到遍歷完全部待排序區間。

          選擇排序執行過程分析

          例如數列: 4, 1, 3, 5, 2

          從待排序區間中每次找到最小的項目,將其與第一項交換。

          選擇排序過程

          選擇排序實現

          • 標準實現

          選擇排序的標準實現

          • 新建數組法與移除法,這種方式會多建立一個數組,但無需交換。

          選擇排序新建數組

          于選擇特定元素的選擇符分為三種:

          ①.上下文選擇符:基于祖先或同胞元素選擇一個元素。

          ②.ID和類選擇符:基于id和class屬性的值(你自己設定)選擇元素。

          ③.屬性選擇符:基于屬性的有無和特征選擇元素。

          上下文選擇符的格式:

          標簽1 標簽2 {聲明} 其中,標簽2是我們想要選擇目標,而且只有在標簽1是其祖先元素(不一定是父元素)的情況下才會被選中。用于選擇作為指定祖先元素后代的標簽。

          特殊的上下文選擇符:

          a.子選擇符> 格式:標簽1>標簽2(標簽2必須是標簽1的子元素)

          b.緊鄰同胞選擇符+ 格式:標簽1+標簽2(標簽2必須緊跟在其同胞標簽1的后面)

          c.一般同胞選擇符~ 格式:標簽1~標簽2(標簽2必須跟(不一定緊跟)在其同胞標簽1的后面)

          d.通用選擇符* 通配符,它匹配任何元素。

          ID和類選擇符:

          類選擇符:

          1.類選擇符 格式:.類名

          2.標簽帶類選擇符(把標簽名和類選擇符寫在一塊)

          eg:<p class="specialtext">愿無歲月可回頭,且以情深共<em>白頭</em>。</p>

          css:p.specialtext{color:red;}

          p.specialtext span{color:blue;}

          3.多類選擇符

          eg:<p class="specialtext featured">愿無歲月可回頭,且以情深共白首</p>

          css:.specialtext.feaured{font-size:120%;}

          屬性選擇符:

          ①.屬性名選擇符:標簽名[屬性名](選擇任何帶有屬性名的標簽名)

          ②.屬性值選擇符:標簽名[屬性名=“屬性值”]

          面是承接上文的知識點簡介:

          6.表單

          對于功能性的表單,HTML僅僅是產生表單的表面樣子,為后臺提供數據。

          創建所有表單 <form></form>

          創建一個滾動菜單,size設置在需要滾動前可以看到的表單項數目 <select multiple name=”NAME” size=</select>

          設置每個表單項的內容 <option>

          創建一個下拉菜單 <select name=”NAME”></select>

          文本框區域,列的數目設置寬度,行的數目設置高度 <textarea name=”NAME” cols=40 rows=8></textarea>

          復選框,文字在標簽后面 <input type=”checkbox” name=”NAME”>

          單選框,文字在標簽后面 <input type=”radio” name=”NAME” value=”x”>

          單行文本輸入區域,size設置以字符計的寬度 <input type=text name=”foo” size=20>

          submit(提交)按鈕 <input type=”submit” value=”NAME”>

          使用圖象的submit(提交)按鈕 <input type=”image” border=0 name=”NAME” src=”name.gif”>

          reset(重置)按鈕 <input type=”reset”>

          本來以為后面還會有更多知識點可以分享給大家,誰知都是一下雜亂無章的筆記而已

          下面我想和大家分享一下,CSS的選擇器吧

          文章如下

          在CSS中,選擇器用于選擇需要添加樣式的元素,簡單的講,就是確定你要把樣式給那個元素。在我們寫web前端的時候,選擇器的使用是非常頻繁的,合理的使用選擇器會精簡大量的代碼。小松果總結了下,CSS選擇器大致的歸類為基礎選擇器和符合選擇器兩類。

          1、基礎選擇器

          a、html標簽選擇器:

          標簽{屬性:屬性值}

          div、p、h1、span……

          b、class 類選擇器,可以共用重復:

          .name {屬性:屬性值}

          標簽中有class=”name”的元素

          c、id選擇器: 唯一性

          #name{屬性:屬性值}

          標簽中有id=”name”的元素

          d、屬性選擇器

          *[title] {屬性:屬性值}

          所有包含標題(title)的元素

          e、通配符選擇器,所有的元素:

          * {屬性:屬性值}

          例:* {margin:0; padding:0}

          2、復合選擇器

          a、 后代選擇器:

          A B { 屬性:屬性值}

          注:A指父級選擇器 B指子級選擇器

          b、偽類選擇器:

          a:link {屬性:屬性值} 默認

          a:visited {屬性:屬性值} 訪問過的鏈接

          a:hover {屬性:屬性值} 鼠標經過

          a:active {屬性:屬性值} 激活狀態(選中時的狀態)

          注:順序不能錯 l v h a,還有一個a {屬性:屬性值} ,這個也要寫,里面放超鏈接中相同屬性,不同屬性分別寫在不同的偽類選擇器中。


          主站蜘蛛池模板: 中字幕一区二区三区乱码| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 成人国产精品一区二区网站| 国产品无码一区二区三区在线蜜桃 | 中文字幕一区二区三区在线不卡 | 中文字幕一区二区三区视频在线| 精品人妻AV一区二区三区| 无码人妻品一区二区三区精99| 国产精品视频一区二区三区不卡| 国产主播在线一区| 日本精品视频一区二区三区 | 久久久久久一区国产精品| 国产裸体舞一区二区三区| 国产福利无码一区在线| 精品一区二区三区免费毛片| 国产精品一区二区四区| 香蕉免费看一区二区三区| 国产一区二区三区免费观在线| 搜日本一区二区三区免费高清视频| 日韩AV无码一区二区三区不卡| 日韩最新视频一区二区三| 88国产精品视频一区二区三区| 东京热无码一区二区三区av| 一级毛片完整版免费播放一区 | 亚洲AV香蕉一区区二区三区 | 精品一区二区三区中文字幕| 国产午夜精品一区二区三区 | 性色AV一区二区三区无码| 日本精品3d动漫一区二区 | 一区二区三区视频网站| 亚洲毛片αv无线播放一区| 制服中文字幕一区二区 | 竹菊影视欧美日韩一区二区三区四区五区 | 区三区激情福利综合中文字幕在线一区亚洲视频1 | 精品久久一区二区三区| 97一区二区三区四区久久 | 国产一区二区视频在线播放| 文中字幕一区二区三区视频播放 | 亲子乱av一区二区三区| 精品国产一区二区三区香蕉事| 夜色阁亚洲一区二区三区|