web前端笔记

HTML

标签	描述	封闭类别
html	定 义 HTML文档	两边封闭
head	定 义 关 于 文档的信息	两边封闭
meta	定 义 关 于HTML文档的元信 息 ，比如 作 者 、关键字等	自封闭
title	定 义 文 档 的标题	两边封闭
link	定义文档与外部资源 的关系	自封闭
script	定 义 客 户端脚 本,比 如JavaScript	两边封闭
style	定 义 文 档 的样式信息	两边封闭
body	定 义 文档主体	两边封闭
div	定 义 文 档 中的 节，一般用作存放元素的容器	两边封闭
p	定 义段落	两边封闭
a	定义锚,可对其添 加href属性,形成跳转链接（可页面内也可页面外）	两边封闭
img	定义图像	自封闭
table	定义表格	两边封闭
form	定 义 供 用 户输入的 HTML表单	两边封闭
br	定 义 简 单 的折行	自封闭

CSS

标签	描述	封闭类别
blockquote	文本引用，整体向右缩进	两边封闭
q	短文本引用 ，加双引号	两边封闭
em	斜体	两边封闭
strong	加粗	两边封闭
&nbsp；	空格
ul	无序列表	两边封闭
ol	有序列表	两边封闭
tr	表格的行	两边封闭
td	表格的一个单元格	两边封闭
th	表格的一个单元列表头	两边封闭

JavaScript

1. 输出：console.log();
2. 各运算符之间的优先级（高到低）： + - * / 等算术操作符 → > = < 等比较操作符→ && || ! 等逻辑操作符 → = 赋值符号。
3. var now = new Date();//时间对象
   getFullYear(); // 四位数年份，如 2015
   getMonth(); // 月份 [0, 11]，要加 1，如 7 (8 月)
   getDate(); // 月中日期，如 1 (1 号)
   getHours(); // 小时，24 小时制
   getMinutes(); // 分钟
   getSeconds(); // 秒钟
   getDay();//星期几。（0~6）0代表星期日
4. String对象
   (1)、charAt() 方法可返回指定位置的字符。返回的字符是长度为 1 的字符串。
   使用语法：stringObject.charAt(index)
   参数说明：index 必填的哦，表示字符串中某个位置的数字，即字符在字符串中的下标。
   需要注意的是：字符串中第一个字符的下标是 0，最后一个字符的下标为字符串长度减一(string.length - 1）；如果参数 index 不在 0 与 string.length - 1 之间，该方法将返回一个空字符串。
   (2)、indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。即：该方法将从头到尾地检索字符串 stringObject ，看它是否含有子串 substring ，如果找到一个 substring ，则返回 substring的第一次出现的位置。
   使用语法：stringObject.indexOf(substring, startpos)
   参数说明：substring 必填的哦，就是你想搜索的子字符串。startpos 是可选填的整数参数，规定开始检索的位置，取值范围是 0 到 stringObject.length - 1。省
   略的话就从首字符开始检索。
   需要注意的是： indexOf() 方法区分大小写。如果要检索的字符串值没有出现，则该方法返回 -1
   (3)、split() 方法将字符串分割为字符串数组，并返回此数组。
   使用语法：stringObject.split(separator, limit)
   参数说明：separator 必填的哦，从该参数指定的地方分割 stringObject。limit 可选参数，分割的次数，如果设置，返回的字串不会多于这个参数指定的数组，不填此参数的话则不限次数。
   需要注意的是：如果把空字符串 “” 用作 separator，那么 stringObject 中的每个字符之间都会被分割
   (4)、substring() 方法用于提取字符串中介于两个指定下标之间的字符。使用语
   法： stringObject.substring(starPos, stopPos)
   参数说明：starPos 必填的哦，一个非负的整数，提取的开始位置； stopPos 可选参数，截取的结束位置，如果不填，那么返回的字串会一直到字符串对象的结尾。
   需要注意的是：
   1 返回的内容是从 start 开始(包含 start 位置的字符)到 stop - 1 处的所有字符，其长度为 stop 减start。
   2 如果参数 start 与 stop 相等，那么该方法返回的就是一个空串（即长度为 0 的字符串）。
   3 如果 start 比 stop 大，那么该方法在提取子串之前会先交换这两个参数
   (5)、substr() 方法从字符串中提取从指定位置开始的指定数目的字符串。
   使用语法：stringObject.substr(startPos, length)
   参数说明：startPos 必填的哦，要提取的子串的起始位置，必须是数值；length，可选，指提取字符串的长度，如果省略，则返回从 stringObject 的开始位置 startPos 到 stringObject 的结尾的字符。
   需要注意的是：如果参数 startPos 是负数，从字符串的尾部开始算起的位置。也就是说，-1 指字符串中最后一个字符，-2 指倒数第二个字符，以此类推。
   如果 startPos 为负数且绝对值大于字符串长度，startPos 为 0
5. Math对象
   (1)、数值取整的方法，常用的有三种，分别是 ceil()（向上取整）、floor()（向下取整）和 round()（四舍五入）。
   (2)、random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之间的一个随机数
   (3)、min() 方法可返回指定的数字中最低值的数字，max() 方法可返回指定的数中较大的值的那个数
6. 数组对象
   (1)、concat() 方法用于连接两个或多个数组。此方法返回一个新数组，不改变原来的数组。
   使用语法：array1.concat(array2, array3, …arrayi…, arrayN)
   参数说明：array1 是要连接的第一个数组，arrayi 是后续连接的第 i 个数组。
   (2)、join() 方法用于把数组中的所有元素放入一个字符串，并返回这个字符串。元素是通过指定的分隔符进行分隔的。
   使用语法：arrayObject.join(separator)
   参数说明：separator 可选，指定要使用的分隔符，如省略，则使用逗号作为分隔符
   (3)、reverse() 方法用于颠倒数组中元素的顺序。
   使用语法：arrayObject.reverse()
   (4)、slice() 方法可从已有的数组中返回一个新的数组，包含从 start 到 end （不包括该元素）的 所有元素。
   使用语法：arrayObject.slice(start, end)
   参数说明：start 必填的哦，规定从何处开始选取。如果是负数，就从数组尾部开始算起始位置，比如 -1 指最后一个元素，-2 指倒数第二个元素。end 可选，规定从何处结束选取。该参数是子数组结束处的父数组下标。如果不指定，则一直选取
   到 arrayObject 末尾。如果为负数，则从数组尾部开始算结束位置，同 start。
   需要注意的是：
   1 可使用负值从数组的尾部选取元素。
   2 如果 end 未被规定，那么 slice() 方法会选取从 start 到数组结尾的所有元素。
   3 String.slice() 与 Array.slice() 相似。
   4 该方法并不会修改数组，而是返回一个子数组。
   (5)、sort() 方法使数组中的元素按照一定的顺序排列。
   使用语法：arrayObject.sort (方法函数)
   参数说明：方法函数可选，如果不指定方法函数，则按 unicode 码顺序排列。
   需要注意的是：该函数要比较两个值，然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b，其返回值如下： 若返回值 <= -1，则表示 A 在排序后的序列中出现在B 之前。若返回值 >-1 && <1，则表示 A 和 B 具有相同的排序顺序。若返回值 >= 1，则表示 A 在排序后的序列中出现在 B 之后。
   例如：function sortNum(a,b) {
   return a-b;
   //升序，如降序，把“a - b”该成“b - a”
   }