2021年3月16日
一、标签内容
1.<!DOCTPYE html>声明为HTML5文档
（1）<!DOCTPYE html>用于游览器正确显示网页
（2）<meta charset="UTF-8>用于声明用中文输出
2.<html>元素是html页面的根元素
3.<head>元素包含了文档的元(meta)数据
4.<title>元素描述了文档的标题
5.<body>元素包含了可见的内容
6.<h1>元素定义了一个大标题
7.<p>元素定义一个段落
8.doctype声明是不区分大小写的，用来告知Web游览器页面使用哪种HTML版本
9.在HTML 4.01中，<!DOCTPYE>声明需引用DTD（文档类型声明），因为HTML4.01是基于SGML标准通用标记语言。
10.HTML4.01规定了三种不同的<!DOCTPYE>声明，分别是：Strict、Transitional和Frameset.
11.HTML5不是基于SGML，因此不要引用DTD。
12.对于中文网页需要使用<meta charset="UTF-8">声明编码，否则会出现乱码。有些游览器会设置GBK为默认编码，否则需要设置为<meta charset="gdk">.
13.目前在大部分游览器中，直接输出中文会出现乱码的情况这时候需要在头部将字符声明为UTF-8。
2021年3月17日
一、标签内容
1.定义网页自动跳转http-equiv="refresh":网页刷新;content="6(刷新)；url=跳转界面地址.
2.style定义网页css界面,用法<style type="text/css"></stype>.
3.border:设置表格外部线条。
4.script:标签用于定义界面的JavaScript代码，也可以引入外部JavaScript文件，语法<script>代码</script>
5.link标签：用于引入外部样式文件（css文件）。用法<link type="text/css" rel="stylesheet" href="css/index.css">.
6.外部链接rel="stylesheet" type="text/css"是固定写法，不可修改，href链接的文档是一个新样式表。
7.</br>换行标签，其中</br>是用来给文字换行，而<p>是用来给文字分段的
8.粗体标签，可以用“b标签”和“strong标签”来对文本进行加粗。
9.斜体标签，可以用“i标签”、“en标签”和“cite标签”对文本进行加粗。
10.上标标签sup，下标标签sub
11.中划线标签s,下划线标签u
12.大号字标签big,小号字标签small
13.div标签区分域
14.一般标签：由于有开始标签和结束标签，因此可以在内部插入其他标签或文字。
15.自闭合标签：由于只有开始符号而没有结束符号，因此不可以在内部插入标签或者文字。
16.块元素（block）;行内元素inline.
17.空格键 ，一个汉字约等于3个 。
*18.dl定义列表；dt定义名词；dd定义描述。
19.tr表格行，td表格列，table表示整个表格的开始和结束.、
20.表格标题标签caption
21.表头单元格：th;表行单元格：td
2021年3月18日
一、标签内容
1、thead:表头；tbody表身；tfoot表脚
2、rowspan(行宽）：合并行单元格；colspan合并列单元格
3、图片标签img；属性src、alt、title
4、src是指图片路径;alt是当图片无法显示时显示文字，title当鼠标移动到图片上显示文字
5、超链接标签a；属性href（路径标签）；target（连接打开方式）；tel:电话号码（用来打电话或发邮件）
6、将表单标签放在from标签内部,name属性用来给表单命名；method属性用来指定表单使用哪一种http提交方式；action属性用来指定表单数据提交到哪一个地址；target属性用来设置打开方式,一般用"_blank";enctype属性用来设置编码方式；
7、input标签（单行文本框），value设置文本框的默认值，也就是默认情况下文本框显示的文字，size显示文本框的长度，maxlength属性用来控制输入字符数；
8、单选框标签也是使用input标签完成，属性type="radio";其中name和value的属性必须设置,其中name是组名，value是取值；onfocus, onblur
9、单选框默认让一个选项选中加checked；
10、块级元素行内元素转换：display；
11、凡是带有inline（行级元素）都有文字特性
12、多行文本框textarea，固定textarea拖动大小：max-height,max-width；去掉多选框的下拉小三角resize:none;
2021年3月19日
一、标签内容
1、复选框checkbox,属性name名字value内容这两个是必须选择项目
2、按钮，常见按钮有三种：普通按钮button;提交按钮submit;重置按钮reset;
2021年3月20日
一、标签内容
1、下拉标签serect和option就像无序标签的用法，multiple设置下拉多选，设置下拉显示几项
2、对于option标签有两个属性,selected默认选定项，value显示默认项；
二、css样式
1、字体样式：font-family:字体种类；font-size:字体大小；font-weight:字体粗细（bold）；font-style:设置字体为斜体(italic)；color:颜色。
2、注释/*注释内容*/
3、文本样式：text-indent:首行缩进（可以设置字体大小，首行缩进是字体的两倍；2en空两个字符）；text-align:center(文本水平居中）；text-decoration:underline(下划线）/line-trough(中划线);
4、text-transform:转换大小写;行高line-height
5、letter-spacing:(字间距）;word-spacing(词间距）
6、border-width:边框的宽度；border-style:边框的样式；border-color:边框的颜色
7、border-top:上边框；border-bottom:下边框;border-right:右边框；border-lift:左边框。
8、去除有序、无序列表的符号：list-style-type:none;在有序无序列表前加图片：list-stype-image:url(图片路径);
9、表格标签位置：caption-side:top(上）bottom(下）；
10、表格边框合并：border-collapse:collapse;(边框合并）；
11、表格边框间距：border-spacing:
2021年3月21日
一、CSS样式：
1、水平对其text-align:center;垂直对其certical-align:top(上端）/middle(中间垂直对齐)/bottom（下端垂直对齐）/baseline（底线垂直对齐）
2、浮动float;float:left；左浮动；float:right:右浮动；
3、background-color:背景颜色；
4、背景图片：background-image:url(图片地址);
5、背景照片重复：background-repeat;repeat:水平方向和垂直方向上同时平铺；repeat-x只有水平方向上平铺；repeat-y只有垂直方向上平铺;not-repeat不平铺。
6、背景照片的位置：background-position:水平方向上的距离、垂直方向上的距离；关键字：left、righr、top、bottom、center ;
7、background-attachment:设置背景是否跟随元素滚动，fixed固定不动。
8、超链接样式：a:link：定义a元素未访问时的样式；a:visited:定义a连接访问时候的样式；a:hover:定义a鼠标经过a元素时的样式；a:active鼠标单击时的样式；
9、hover标签，鼠标移动到标签上改变标签形式；标签：hover{}；
10、cursor游览器鼠标样式：default默认鼠标样式,pointer手指鼠标样式，text文本鼠标样式；
11、自定义鼠标样式：{cursor:url(图片地址，图片后缀是.cur),default(pointer）；}；
12、css盒子模型：content(内容）；padding(内边距)；margin(外边距)；border(边框）；
13、内边距padding:top right bottom left
14、外边距margin:top right bottom left
15、清除浮动：clear:取值;left清除左浮动，right清除右浮动，both清除左右浮动
16、固定位置:fixed;语法:position:fixed,需要设置top及left元素
17、相对位置：relative；语法：position:relative;需要设置top及left元素
18、绝对位置：浮动在其他元素上面，脱离文件流完全独立出来：absolutel;用法position:absolutel;需设置top及left;
19、权重最大的为！important(css优先级最高）
2021年3月22日
一、javascript学习
1、引入外部javascript样式，方法在head中使用<script src="文件路径"></script>标签；文件路径是js/index.js;
2、引入内部javascript样式，使用<script></script>标签。
3、document.write( )表示在页面输出一个内容；
4、alert( )表示弹出一个对话框；
5、变量是由字母、下划线、$或数字组成，并且第一个字符必须是字母、下划线或$；
6、变量不能是系统关键字和保留字。
6、所有的javascript变量都由var声明；
7、javascript常量全部采用大写形式；
8、javascript中数字是不区分整形（int）和浮点型（float）的；在javascript中，所有变量都用var来声明；
9、Number( )可以将数字型字符串转换为数字，parseInt( )和parseFloat( )可以提取“首字母为数字的任意字符串”,其中parseInt( )会提取整数部分,parseFloat不仅会提取整数部分还会提取小数部分；
10、数字转换为字符：toString,(1)与空字符串相加；（2）数字转换字符b=2018.toString;
11、转义字符\'英文单引号\"英文双引号\n换行符；
12、选择语句：switch，case,break,default
13、while循环语句；for循环；
2021年3月23日
1、定义函数：定义函数必须用function来定义；
2、return用来返回一个结果；
3、javascript的函数调用方式有很多：（1）直接调用；（2）在表达式中调用；（3）在超链接中调用；（4）在事件中调用。
4、超链接调用，指的是在a元素的href属性中用:"javascript:函数名"的形式调用；
5、document.write:中文换行符<br/>;alert:中文换行符\n;
6、 在内置函数中parseInt()用来提取字符串中的数字，只能提取整数；parseFloat(）提取字符串中的数字，可以提取小数；
2021年3月24日
1、内置对象：字符串对象：String;数组对象：Array;日期对象Date;数值对象:Math
2、字符串长度用法:字符串名.length
3、大小写转换：使用toLowerCase()方法将大写字符转换为小写字符串，也可以使用toUpperCase()将小写字符串转换成大写字符串
4、在javascript中可以使用charAt()方法来获取字符串中的某一个字符。语法charAt(n):n表示整数，表示字符串中第(n+1)个字符
5、截取字符串，substring()方法来截取字符串的某一部分；用法：字符串名.substring(start"字符串开始的位置",end"字符串结束的位置")
6、使用replace()方法来用一个字符串替换另一个字符串的某一部分；用法replace(原字符串，替换字符串）；relace(正规表达式，替换字符串）
7、元素分割成一个数组：split()；语法字符串名.split（“分割符”），分割符有两个参数，第二个字符表示获取“分割符之后的前n个元素”。
8、检索字符串的位置使用indexOf()方法，使用lastIndexOf()方法可以找出“某个指定字符串”在字符串中“最后出现”的下标位置。
2021年3月26日
1、单行文本水平居中对齐，单行文本所占高度等于容器高度：height：20px ;line-height:20px
2、初始化所有标签，用通赔符初始化所有标签：*{padding:0;margin:0}
3、positiion:absolute;定位；用法：{position:absowilute;left:100px;top:1100px;z-index:1;}z-index层
4、border-radius：圆角
2021年3月27日
1、如何触发一个盒子的bfc(解决margin塌陷问题)：1、position:absolute;2、display:inline-block;3、float:left/right;4、overflow:hidden;（溢出部分隐藏）
2、清除浮动流：clear:both;让他神仙必须是块元素
3、伪元素，一个元素在出生的时候就有两个伪元素：元素::before{content:"";};元素::after{content:"";};
4、凡是设置了position:abolute;和flot:lsft/right;打内部把元素转换成：inline-block；
5、溢出部分不要换行：white-space:nowrap;
6、溢出内容不显示：overflow:hidden
7、在键盘中输入：var 参数 = window.prompt('input');
7、溢出部分显示...text-overflow:ellipsis*
8、设置背景图片：background-image:url();背景图片大小：background-size:height;width;background-repeat:no-repeat(不重复出现);background-position:
9、padding能够放颜色及图片但不能放文字；想要在不加载css样式的时候显示文字可以将css图片样式放在padding当中，图片高度设置为0
10、行级元素只能套行级元素，块级元素可以套所有元素
11、自适应margin:0 auto;
12、凡是带有inline的元素都是带有文本类元素；
13、对齐线：vertical-align:像素
2021年3月29日
1、如果让a元素继承父类元素使用color:inherit;
2、使用！important规则改变样式的优先级；
3、first-letter:选择器来选中元素内部的“第一个字”或“第一个字母”；用法：元素:first-letter{};
4、first-line选择器来选中元素内部的“第一行文字”;
2021年3月30日
1、溢出元素边框的内容用overflow;用法：overflow:元素
2、overflow:scroll显示滚动条；overflow:hidden来影藏内容，以免影响布局；overflow:hidden来清除浮动
2021年4月1日
1、宋体转换：'\5b8b\4f53'；(万国码)
2、@规则;@charset 设置样式表的编码；@import 导入其他样式文件；@meida 媒体查询；@font-face 自定义字体
3、网页导航栏显示图标；使用后缀为.ico的图片（网页ico在线制作工具），将.ico文件放到网站根目录下,使用<link rel="icon" href="ico文件地址">
4、<base>标签，统一设置url基础路径
5、a = 1 && 2 ;如果第一个表达式为真则返回第二个表达式的值，如果第一个表达式为假则返回第一个表达式的值忽略第二个表达式
6、a =1 || 2;如果第一个为真就不判断第二个返回第一个值，如果第一个为假则返回第二个值
7、！“数值”变布尔值取反，！！将数据转换成布尔值
2021年4月2日
1、console.log（）在控制台显示；
2、break终止循环
3、continue:终止本次循环，进行下一次循环；
4、数组的属性length，数组的长度
5、typeof(),判断数据什么类型；typeof能够返回六个值：number,string,boolean,object（引用值）,undfined,function(方法）
6、Number()将数据转换成数字；parseInt(数字；基底)将数字转换成整数：例：parseInt（15;16）;以16进制为基底转换成10进制（及16进制的15转换为10进制）基底的数字从2-36;parseInt从数字位为截至到非数字位结束（只取开头的数字位）
7、parseFlora转换为浮点数，从数字位开始看到非数字位截至；
8、string将数据转换成字符串；
9、boolean将数据转换成布尔类型；
10、tostring将数据转换成字符串，用法，名称.tostring();其中underfined不能用tostring ,null不能用tostring;将10进制转换成基底进制,用法:元素名.tostring(基底);
11、isNaN判断数据是否是NaN，先将数据放在Number中进行转换,在将转换的数据与NaN进行比对；
2021年4月3日
1、函数声明function；
2、函数表达式：例：var test = function test(){}(命名函数表达式)；例:var test = function(){}(匿名函数表达式);
3、实参列表:arguments:用来储存实参数据
4、console.log()在控制台输出；
5、输出形参长度：形参名.length;
6、函数终止条件及返回值：return(将值返回到函数外边).
7、var num = window.prompt('input');
8、递归：（1）找规律；（2）找出口（已知条件当出口）
9、函数声明整体提升，变量声明提升；
10、imply global暗示全局变量，任何变量未经赋值就归window（全局的域）所有
11、预编译：(1)生成AO对象；（2）把形参和变量声明的名作为AO对象的属性名，值统一；（3）实参值传到形参当中；（4）在函数体找函数声明，值赋予函数体；
12、全局预编译：（1）生成Go对象；（2）把形参和变量声明的名作为AO对象的属性名，值统一；（3）实参值传到形参当中；（4）在函数体找函数声明，值赋予函数体；
2021年4月5日
1、闭包会导致原有作用域链不释放，造成内存泄露。将函数内部函数作用域链保存在外部，外部函数作用域链释放，但保存的内部函数作用域链不会释放，一直保存。
2、对象使用方法定义对象：var obj = { eat : function(){}}
*3、立即执行函数：针对初始化功能的函数：（function (){}()）;有返回值；
4、被执行符号执行得表达式会自动放弃函数名称；被执行符号执行的函数就等于立即执行函数；
5、只有表达式才能被执行。
6、逗号操作符，逗号操作符是先看逗号前面的表达式，如果能计算先计算逗号前面的表达式，在计算后面的表达式，都计算结束后把逗号后面的计算结果返回给回去；
2021年4月6日
1、对象：属性名：属性值；
2、对象中this指代自己；
3、在对象中增加属性：对象名.增加属性名 = 属性值；
4、删除对象需要使用delete操作符；用法delete 对象名.属性；
5、当一个对象没有属性就使用会显示undefined
6、对象的创建方法，（1）var ogj = {} plainObject 对象自面量/对象直接量；（2）构造函数创建方法1)系统自带的构造函数：Object() ，接收方法产生的对象var obj = new Object();2)自定义，有new 就能生成对象（命名方式需要大驼峰式命名方法）；
7、属性、方法只有对象有；原始值没有属性和方法；
8、person.prototype:原型,可以设置函数的公有属性；
*9、原型里有默认属性constructor，用来找到构造器；用来指向结构函数；
10、更改原型指向：构造函数名.__proto__ = 指向名；
2021年4月7日
1、object.create（）创造对象；object.create可以添加null，这样会使对象没有原型；var obj = Object.create(原型);
2、结构函数名.prototype.属性“”将原型属性修改；结构函数名.prototype={属性名:属性值}将原型进行修改；
3、Object.prototype.toString.call(123)；.call的意思是让123去调用Object.prototype.toString方法
4、Math.ceil向上取整；Math.floor向下取整
5、Math.random()随机取一个（0，1）零到一开区间的随机数；toFixed（2）保留两位小数
6、js可正常计算的范围前16位后16位
7、call的根本方法是改变this指向
8、call和apply区别，call可以将参数一个一个传，apply只能传一个数组。
9、call需要把实参按照形参的个数传进去；apply需要穿一个argument；
10、javascript中call和apply方法是做什么的，两者有什么区别：答改变this指向，传参方法不同；
2021年4月8日
1、继承的方式之一：原型链，原型继承；
2、第二种继承模式：构造函数继承，调用apply或call进行函数继承；
3、第三种继承共有原型：将一个构造函数的原型直接赋予另一个构造函数，两个构造函数用一个原型；
4、应该先改原型后继承
5、圣杯模式function inherti(Target,Origin)(){
function F(){};
f.prototype = Origin.prototype;
Target.prototype = new F();
Target.prototype.constructor = Target;
Target.prototype.uber = Origin.prototype;
}
6、命名空间：将全局需要实现的功能放在局部中，使用闭包操作；var init = (function(){ var 变量名=变量值；function函数名1(){}；return = function 函数名2（）{ 调用函数名1：函数名1（）：}：}())
7、连续调用功能，需要在对象函数中返回this：对象函数中使用return this;
8、属性拼接[‘属性名’+名]比如调用对象num.fun就等于掉用num['fun']
9、for(var prop in obj){}:for in 循环，用来便利对象
10、对象中判断属性是不是自己的值，还是原型数值
：对象名.hasOwnProperty()
11、A instanceof B:A对象是不是B构造函数构造出来的，看A对象的原型链上有没有B的原型
12、函数预编译过程this 指向window，全局的this指向window，谁调用的方法，this就指向谁；
13、arguments.callee用来指向函数自身引用
2021年4月9日
1、定义数组的两种方式：var arr = [] ; var arr = new Array();第二种方法var arr = Array(参数);如果给new Array（10）只传了一个参数10，则代表数组长度为10的稀松数组（不能写小数）；
2、数组push；arr.push()向数组的最后一位添加数据
3、数组pop；arr.pop()将数组最后一位剪切出来;
4、unshift,是在数组前面增加；
5、shift，在数组前面减少；
6、reverse，将原数组逆转顺序
7、splice，从第几位开始，截取多少的长度，在切口处添加新数据；arr.splice(1,1,0,0,0,)表示在arr数组第一位截取一位数，并且在截取处传0,0,0，
8、数组可以带负数；
9、arr.sort，将无序数组升序，当返回值为负数，那么前面的数在前面，当返回值为正数，那么后面的数在前面
10、数组拼接：arr.concat(arr1),将arr1拼接到arr上，不改变原数组
11、改变原数组的方法：push,pop,shift,unshift,reverse,splice
12、slice(从该位开始截取，截取到该位），一个参数从第一位开始截取一直截取到结尾；不写就是整个截取；
13、arr.join（“-”）用-将数组所有数字连接起来
14、arr.split("-")按-把字符串拆分成数组；
15、类数组：属性要为索引（数字）属性，必须要有length属性，最好加上push
16、类数组的结构：var obj = { "1" : "a","2" : "b" ,"3" :"c","length : 3, "push":Array.prototype.push, splice:Array.prototype.splicearrlice} obj.push('b');
17、对象才是属性和对象，原始值没有属性和方法，
18、包装类，如果为原始值付于属性系统不会报错，会用new给原始值赋予一个对象，但赋予后系统就会销毁对象，这样不会报错但也不会反回原始值对象的数据；
2021年4月11日
1、var obj = Object.create(原型）,Object.create的括号必须指向创造的对象的原型；
2021年4月13日
1、try{ }catch(e){ }在try里面发生的错误，不会执行错误后的try里面的代码
2、Error.name错误信息分为六种：1、EvalError:eval()的使用与定义不一致；2、RangeError:数值越界；3、RefenceError:非法或者不能识别的引用数值；4、SyntaxError发生语法解析错误；5、TyprError:操作数类型错误；6、URIError:URI处理函数使用不当
3、要想启用es5.0需要在代码前加“use strict”启动es5.0模式
4、with可以改变作用域链，将with（）里的代码放在作用域链的最顶端
5、eval()能将（）里的字符串当代码来执行（es3.0都不能使用）
6、document代表整个文档；
7、document.getElementById()//元素id在Ie8以下的游览器，不区分id大小写而且也返回匹配name属性的元素；
8、document.getElementsByTagName//标签名
9、document.getElemantsByClassName//类名，ie8和ie8以下的ie版本中都没有
10、document.getElementsByNanme//需注意，只有部分标签name可生效（表单，表格，img,iframe）
11、document.querySelector( );css 选择器，像css一样选择一个，在ie7和ie7以下的版本中没有
12、document.querySelectorAll;css 选择器 选择一组，在ie7和ie7以下的版本中没有
13、parentNode父节点
14、childNodes子节点
15、firstChild 第一个子节点
16、lastChild最后一个子节点
17、nextSibing后一个兄弟节点;previousSibling前一个兄弟节点
2021年4月14日
1、返回当前父亲节点：parentElement
2、返回当前元素子节点：childern
3、nodeName:区别标签什么名，只读不能写
4、nodeValue:Text节点或者Comment节点的文本内容，可读写
*5、nodeType:能够分辨节点到底是什么节点，只读
（1）元素节点 ——1
（2）属性节点 —— 2
（3）文本节点 —— 3
（4）注释节点 —— 8
（5）document —— 9
（6）DocumentFragment —— 11
6、返回父级节点元素：parentElementNode;
7、返回当前元素的元素子节点：children
8、返回第一个元素的节点：filstElementChild
9、返回最后一个元素的节点：lastElementChild
10、返回后一个/前一个元素的兄弟元素：nextElementSibling/previousElementSibling;
11、数组类：var 数组名 = {length： 0,push:Array.prototype.push ,splice : Array.prototype.splice}
12、attributes查看属性节点的集合
13、Node.hasChildNodes,判断节点是否有子节点
14、document.prototype -->HTMLDocument.prototype-->Document.prototype
15、documentElement -->html
2021年4月15日
1、创建元素节点：document.createElement('元素节点名');
2、document.createTextNode('')创建文本节点
3、appendChild(元素名）在容器里加入元素，类似于push
4、insertBefore(a,b)将a元素节点插入到b前面；
5、removeChild(元素节点）将元素节点删除（父级删除子级）
6、元素节点.remove删除自己元素节点
7、parentNode.relaceChild(new,origin)用new元素替换prigin元素
8、Element元素节点
· 9、元素节点.innerHTML能够改变（取）元素内部html的属性
10、元素节点.innerTezxt能够改变（取）元素内部text，如果元素节点有其他结构会将结构全部覆盖
2021年4月6日
1、元素节点.setAttribute('class','demo')给元素节点添加名字为demo的class属性（设计行间属性）
2、getAttribute查询属性值
3、onclick点击出触发
4、修改class可以直接用，元素节点.className = ‘class的名称’；
2021年4月17日
1、date（）调用日期函数
2、date.getDate()今天是一个月的第几天、date.getDay今天是一个星期的第几天，date.getMonth（）返回月份、getFullYear()今天是几几年、getTime()返回至1970年1月1日到现在的毫秒数
3、setTime()定时；date.toStrong()将date时间转换成字符串
4、定时器setInterval(function(){},1000);每隔1000毫秒执行一次函数（非常不准，定时器就是不准的）在window里，全局都可以调用，每个setInterval都会返回一个数字（唯一标识），
5、让setInterval停止的方法是clearInterval（）；
6、setTimeout(function (){},100);等到1000毫秒之后再执行函数只执行一次，clearTiamout清除执行过后的任务，可以在将函数替换为字符串，将字符串里的代码当js语句执行
7、绑定事件方法一，元素节点.onclick = 函数；句柄方式绑定事件，元素节点.onclick = function(){this.style.backgroundColor ='red'}点击背景色变红色
8、元素节点.addEventListener(事件类型，处理函数，false)
9、Ie独有的事件绑定：节点元素.attachEvent(事件类型，处理函数）；
2021年4月18日
1、function getScrolloffset(){
if(window.pageXOffset){
return{
x:window.pageXOffset,
y:window.pageYOffset
}
}else{
return{
x:document.body.scrollLeft + document.documentElement.scrollLeft,
y:document.body.scrollTop + document.documentElement.scrollTop
}
}
}
//求滚动条所在像素
2、元素节点.getBoundingClientRect(),查看元素的尺寸
3、元素节点.offsetWidth求节点元素宽；元素节点.offsetHeight求元素节点的高（这是加上内边距的宽高及视觉尺寸）
4、查看元素位置：元素节点.offsetLeft；对于无定位的父级返回文档的坐标，对于有最近的有定位父级到元素节点的距离
5、元素节点.pffsetParent求有定位的父级
6、复制元素：obj.cloneNode(bool);参数obj表示被复制的元素，而参数bool为布尔值，当为1时表示true（复制元素本身及复制该元素下的所有子元素），当为0时表示false（表示只复制元素本身不复制该元素下的子元素）
7、window.onload表示网页加载完毕后立即执行操作
8、元素替换A.replaceChild(new,old)其中A表示父元素，new 表示新元素，old表示旧元素。
2021年4月19日
1、给定时器加锁，可以设置 一个变量为key赋值为ture，在定时器内部用if（key）结束将key设置为false
2、window.scrollBy（x,y）给滚动条增加x,y像素移动
3、DOM.style属性.属性值 = ‘值’；值必须是字符串元素（获取行间的样式）
4、window.getComputedStyle(元素节点，null)获取元素属性值样式，获取绝对值（计算样式）；null可以获取伪元素的样式
5、获取节点元素style的属性：
function getStyle(elem , prop){
if(window.getComputedStyle){
return window.getComputedStyle(elem,null)[prop];
}else{
return elem.currentStyle[prop];
}
}
6、解除绑定：元素节点.onclick = null(执行一次失效）；元素节点.removeEvenListener(‘事件’，函数 ， false)
2021年4月20日
1、事件冒泡：结构上（非视觉上）的嵌套关系的元素，会存在事件冒泡功能，即同一事件，子元素冒泡向父元素。（子低向上）
2、捕获事件setInterval('事件',函数，true);子父元素捕获至子元素（自顶向下）先捕获后冒泡
3、去除冒泡，在事件处理函数中有一个形参e里面系统设置了很多参数，其中e.stopPropagation();取消冒泡事件；谷歌IE独有e.cancelBubble = true；
4、组织默认事件触发：（1）return false；以对象性的方式注册的事件才能生效（2）event.preventDefault();w3c标准，ie9以下不兼容；（3）event.returnValue = false；兼容IE
2021年4月22日
1、document.onmousemove
2、记录鼠标移动的位置e.pageX,e.PageY
3、click是敲击时间，onmousedown当鼠标按下;onmouseup当鼠标松开；contextmenu当右键产生菜单，onmousewove当鼠标移动的事件
4、onmouseup和onmousedown能区分左右键e.button == 2是右键。e.button == 1 是左键，e.button==1是右键；
5、用字符类按键检测用onkeypress（只能相应字符类键盘按键）,操作类案件用onkeydown（可以相应任意键盘按键），which检测的是键盘108个键
6、input事件，文本框的文本但凡有变化就会触发Input事件
7、onchange事件，聚焦发生改变，失去焦点后触发；onblur事件对失去焦点的触发，onfocus事件在对焦点的触发
8、scroll当滚动条一滚动事件就触发了,load将整个界面加载完毕执行load(一般别用）
2021年4月23日
1、json的对象名需要加引号，json是静态类；JSON.stringify将(JSON)对象转换成字符串，JSON.parse将接收的字符串转换成对象(JSON)。
2、将javascript文件进行异步加载，需要在引用名后加defer（只有IE能用）（2）异步加载aysnc方法（只能加载外部脚本）（W3C标准方法）
3、script异步加载，
var script = document.createElement('script');
script.type="text/javascript";
script.src = "demo.js";
script.onload = function(){
text();
}
document.head.appendChild(script);
2021年4月24日
1、正则表达式的英文名字：RegeXP使用方法；定义正则表达式var reg = /abc/，定义字符串 var str = "abc",调用正则表达式 reg.test(str);在var reg = /abc/i;加上i忽视大小写
2、正则表达式第二种创建方法var reg = new RegExp("abc" ,"mgi"),使用方法reg.test(str);;
3、reg.test()只能用来判断有没有符合要求的字符串，返回结果只有true和false，str.match()则可以将匹配的结果返回给你
2021年4月26日
1、弹性盒模形:display:flex;两端对其：justify-content:space-between;
2、透明度：opacity：0.1；transform:rotate(90deg)旋转90度；
3、导航标签nav
2021年5月2日
1、从网页顶部到元素节点顶部用函数offsetTop,可视区高度innerHeight；
2、iframe页面中嵌套页面,top最顶级的嵌套页面，parent父级页面
3、label用于对文本框input进行绑定，label里有一个属性for用于储存input的id内容
4、断点调试，手动打断电debugger
2021年5月3日
1.获取当前节点元素属性的横坐标位置：offsetLeft
2、获取css样式的属性值，封装一个兼容函数：
function getstyle(dom ,attr){
if(window.getComputedStyle){
return widow.getComputedStyle(dom,null)[attr];
}else{
return dom.currentStyle[attr];
}
}
2021年5月7日
1、数组名.forEach（function（参数1，参数2，参数3）{}第二个参数），forEach方法会一直调用括号里的函数，数组中有几个就调用几次函数；参数1是第一次调用的数组值，参数2是参数下标，参数3是全部数组；第二个参数是this 的指向
2、数组名.filter（function（参数1，参数2，参数3）{}第二个参数），forEach方法会一直调用括号里的函数，数组中有几个就调用几次函数；参数1是第一次调用的数组值，参数2是参数下标，参数3是全部数组；filter具有返回值，会返回一个新数组，如果函数return false则参数一不留在新数组中，如果是return true则留在新数组中
3、map起到映射作用，返回新数组
4、every判断数组中的元素是否都符合条件，符合返回true， 否则返回false
5、some判断数组中元素是否有符合条件的，一个为真则为真
6、reduct将数组遍历成对象；数组.reduce（function(参数1，参数2）{}，对象）其中参数1是遍历后的对象，参数2是数组
2021年5月10日
1、去掉input(type='text',鼠标聚焦产生的蓝色边框用。outline:none;
2、oninput实时监控input里的value值得改变
3、indexOf方法可返回某个指定的字符串值在字符串中首次出现的位置（下标）
4、location.replace替换新界面，但不记录历史不能点击返回
5、location.reload()类似于刷新按钮
2021年5月27日
1、将类数组转换成数组Array.form(类数组)
2、es6扩展运算符[...]
3、includes检测数组当中是否有某些值，如果有返回true,如果没有返回false
4、calc允许在CSS中像素相减
5、onhashchange当地址栏的哈希地址改变产生的事件
2021年5月28日
1、e.target返回触发事件的事件源
2、classList.remove()移出类名
3、onhashchange当游览器hash值发生改变触发的
05-11
5275
5275
01-16
2848
2848
08-31
6420
6420
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
