整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

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 {属性:属性值} ,这个也要写,里面放超链接中相同属性,不同属性分别写在不同的伪类选择器中。