DW基础

DW基础

作者：唐文坚
撰写时间：2020年8月21日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
DW篇、
Text decoration:underline:给文字设置下划线
Cursor:pointer:改变光标
CSS权重：
一个元素可以通过不同的方式被选择，但是这些选择出现冲突如何处理？
通过不同的方法选择一个元素会不同的权重，如果权重大，就依照权重大的。如果权重一样大，就选择定义在后面的元素定义。
使用后代选择器时，每一级不同的表述方式，直接进行相加，最后进行权重的比较。

Parelnt(n):可将括号里的字符串转化为整形。
.clearfix:after{   清除浮动
content:””;
 display:block;
clear:both;
}
.clearfix{        解决浏览器的兼容性问题
Zoom:1;
}
Text decoration:underline:添加下划线
insertRow(n):新增行
inserCell(n):为新增的行插入单元格
this:是指包含它的函数作为方法被调用所属的对象
parentNode:获取元素的上一级
deleteRow(n)：删除指定行

JS里计算物体移动的方法：
总时间 = 间隔时间+运动次数
总路程 = 运动次数+每一次位移的距离
每一次的位移量 = 总位移量 + 运动次数
运动次数 = 总时间 + 间隔时间
insertRow(n) n代表行的位置（索引）
insertRow（）在表格指定行里面增加一行，它会返回一个值，这个值代表新行。
Rowlndex：属性用于获取某一行在表格集合中的位置（索引，从0开始）。
数组字面量：
使用数组字面量来创建数组，语法[],使用字面量创建数组是，可以在创建时就指定数组的元素，也可以同时添加元素，将要添加的元素作为构造函数的参数传递，元素之间用逗号隔开
创建一个长度为10的数组： var x = new Array(10);
二维数组：var x = [[1,2,3],[4,5,6]]:
数组的方法、
Concat(合并): 
var arr=["小明","小红","小橙"];
var arr1=["小黑","小绿","小蓝"];
var arr2=arr.concat(arr1);
join(连接)：
var str=arr.join("~~");把数组所有元素联成一个字符串，可以通过自己定义的符号进行分割
Push(添加，后)
向数组末尾添加元素并返回长度
Pop（删除，后）
这个方法可以删除数组后面最后一个元素，并返回那个被删除的元素作为返回值返回
Unshift(添加，前)
可以向数组开头添加一个或多个元素，并返回数组的长度添加后元素会进行顺序的调整。
Shift(移除，前)
可以向数组开头移除一个或多个元素，并返回数组的长度移除后的元素会进行调整。
数组的遍历
所谓的遍历数组开始将数组中所有的元素都取出来循环一遍。
Push（推进）
该方法时挑出要的数组
函数方法apply与call
Apply()这个方法就是fun1.call(obj,12,34);,可以传对象，函数的实参。
Call()这个方法就是fun1.call(obj,[12,34]);,可以传对象，函数的实参要放在[]里
This的总结：
函数调用时，this都是window对象在用别的方法调用时就是那个方法的对象
Arguments(参数):
在调用函数时，浏览器每次都会传递进来两个隐含参数。
1.	函数的上下文对象this 2.封装实参的对象arguments 3.arguments是一个类数组对象，它也可以通过索引来操作数组，也可以获取长度 4.在调用函数时，我们所传递的实参都会在arguments中保存 5. 我们即使不定义形参，也可以通过 arguments来使用实参，比较麻烦
6. arguments.length 可以来获取实参的长度 7. Argument[0]表示第一个实参 8.argument[1]表示第二个实参 9.它里面有一个属性叫做callee,10.这个属性对应一个函数对象，就是当前正在执行的函数对象 11.lnstanceof：可以检查是否是一个类的实列
Date对象（内建对象）在JS中使用对象来表示一个时间，如果时间使用构造函数创建一个Date对象，则会封装为当前代码执行的时间，创建一个指定的时间对象，需要在构建函数中传递一个表示时间字符串作为参数
getDate() 获取当前日期对象日期
getDay() 获取当前日期是星期几，返回的是0-6因为索引是从0开始的不过0表示周日1表示周一……6表示周六
getMonth() 获取当前日期对象月份，返回的值0-11索引从0开始
getFullYear() 获取对象一四为数字返回年份，hours=hours<=9?"0"+hours:hours;（让单数变成双数）
getTime()
获取当前日期对象的时间戳，时间戳是指从格林威治标准时间的1970年1月1日0时0分0秒
到当前日期所花费的毫秒数（1秒=1000毫秒）,计算机底层在保存时间时使用的就是时间戳
可以使用时间戳来测试代码的执行性
获取当前的时间戳
Var ss = Date.now();for(var i=0;i<100;i++){console.log(i);}var end = Date.now();
结束时间减去开始时间等于代码执行时间
Math对象
Math对象和其他对象不同，他不是一个构造函数，它属于一个工具类不用创建对象，它里面封装了数学运算相关的属性和方法
列如：
Math.PI表示圆周率、（约等于3.14151926）、Math.ceil()可以对一个数进行向上取整
Math.floor() 可以对一个数进行向下取整，小数舍掉
Math.round() 可以对一个整数进行四舍五入取整
Math.random()可以用来生成一个0-1之间的随机数
Math.round(Math.random()x)可用来生成一个1-x之间的随机数
Math.round(Math.random()9)+1可用来生成一个1-10之间的随机数
生成的都是整数。
数据类型：
基本数据类型：string、number、boolean、null、undefined
引用数据类型：object
在JS中为我们提供了三个包装类，通过这个三个包装类可以将基本数据类型转化为对象
String()、
可以将基本数据类型字符串转换为string对象
Number()、
可以将基本数据类型的数字转化为number对象
Boolean()、
可以将基本数据类型的布尔值转换为Bollean对象，但是请注意！！！我们在实际应用中不会使用基本数据类型的对象，如果我们使用基本数据类型对象，在做一些比较的时候可能会带来一些不可预期的结果，包装类浏览器底层自己使用的方法和属性只能添加给对象，不能添加给基本数据类型。
当我们对一些基本数据类型的值去调用属性和方法时，浏览器会临时使用包装类将其转换对象，然后在调用对象的属性和方法，调用完以后再将其转换为基本类型。
Sering对象、
charAt():
可以返回字符串中指定位置的字符串，根据索引获取指定的字符
charCodeAt():
获取指定位置字符串的字符编码（Unicode 编码）
String.fromCharCode():
可以根据字符编码获取字符
Indexof():
该方法可以检索一个字符串中是否含有指定内容，如果字符串中含有指定内容，则会返回第一次出现的索引，如果没有找到指定的内容，则会返回1可以指定第二个参数指定开始查找的位置
Lastlndexof():
该方法的用法和indexof（）一样，不同的时indexof是从前往后找而lastindexof是从后往前找，也可以指定开始查找的位置
Slice（）：
可以从字符串中截取指定内容，不会影响到原字符串，而是截取到内容返回。
参数说明：
第一个参数：开始位置的索引
第二个参数：结束位置的索引
如果省略第二个参数，则会截取到后边所用的，也可以传递一个负数作为参数，负数的话将会从后边计算
Substring():
可以用来截取指定的内容不会影响到原字符串，而是截取到内容返回。
与slice()不同的是这个方法不能接收负值，如果传递负值，则默认为如果第二个参数小于第一个参数，则会自动调换位置
Split()：很重要！！！
可以将一个字符串拆分为一个数组
toUpperCase():
将一个字符串转化为大写并返回
toLowerCase():
将一个字符串转换为小写并返回
正则数、
语法 var 变量 = new RegExp(“正则表达式“，”匹配模式“)；
另一种 var 变量 = 正则表达式 匹配模式
使用typeof检查正则对象，则会返回object，var reg = new RegExp(“a”);这个表达式可以用来检查一个字符串中是否含有字符a
在构造函数中可以传递一个匹配模式作为第二个参数
在构造函数中可以传递一个匹配模式作为第二个参数 i 忽略大小写 g 全局匹配
[]里数据的表示范围
[abc]等价于a|b|c、[az]表示匹配所有的小写字母、[AZ]表示匹配所有的大字母、[Az]表示匹配所有字母（包括大小写）、[09]表示匹配所有的数字、[^]除了方括号的所有字符

字符串与正则表达式相关的方法、

Search():
可以搜索字符串中含有指定内容，如果搜索到指定内容，则会返回第一次出现的索引如果没有搜索到就会返回1，他可以接受一个正则表达式作为参数，然后根据正则表达式去检索字符串，
他只会查找第一个，即使设置全局匹配也没用。
Macth():
可以根据正则表达式，从一个字符串中将符合条件的内容提取出来，默认情况下我们的macth只会macth只会找到第一个符合要求的内容，找到后就停止检索我们可以设置正则表达式为全局变量模式，这样就会匹配到所有内容可以为一个正则表达式设置多一个匹配模式，且顺序无所谓
Match()会将匹配到的内容封装到以一数组中返回，即使只查询到一个结果。
Replace():
可以将字符串中指定内容替换为新的内容，参数说明：1.被替换的内容2.新容例如result=str.replace(  ,  g,"^_^");

正则表达式语法（量词）、
量词：通过量词可以设置一个内容出现的次数，量词只对他前面一个内容起作用
{n}:出现n次、{m,n}出现m到n次、{n,}出现n以上、+至少出现一次、？出现一次或零次
^表示开头、$表示结尾、”.”表示匹配任意字符串、在正则表达式中\反斜杠作为转义字符串若想要匹配“.”正则表达式为\、\\表示匹配一个反斜杠\、.表示匹配任意字符、
\w匹配任意字母、数字、下划线、\d匹配数字、\s匹配空格、\b匹配单词边界（大写的就相反）