- 博客(22)
- 收藏
- 关注
RSS订阅原创 函数防抖,函数节流。详解！！！
这里写目录标题函数防抖:debounce我们在平时开发的时候，会有很多场景会频繁触发事件，比如说搜索框实时发请求， onmousemove, resize, onscroll等等，有些时候，我们并不能或者不想频繁触发事件， 咋办呢？这时候就应该用到函数防抖和函数节流了！函数节流 throttle保证一个时间段内只执行一次，函数节流有俩种做法，第一种是立即执行一次再说，第二种是等时间到了再执行第一次...
2020-05-06 11:51:45
889
1
原创 原型和原型链,以及圣杯模式
这里写目录标题原型和原型链原型 prototype隐式原型 __proto__原型链链条全貌原型链的应用基础方法应用圣杯模式原型和原型链所有对象都是通过new 函数创建所有的函数也是对象函数中可以有属性所有对象都是引用类型原型 prototype所有函数都有一个属性：prototype，称之为函数原型默认情况下，prototype是一个普通的Object对象默认情况下，...
2020-05-05 14:21:00
324
原创 DOM初识
这里写目录标题web api概述关于DOM获取dom节点旧的获取元素节点的方式新的获取元素节点的方式通过方法获取根据节点关系获取节点获取节点信息web api概述标准库：ECMAScript中的对象和函数Web Api：浏览器宿主环境中的对象和函数知识繁杂成体系的知识程序思维：知识+程序思维 = 应用兼容性：了解，不记忆Web Api：BOM：Browser Object ...
2020-04-28 12:41:19
190
原创 正则表达式
正则表达式菜鸟工具正则文档MDN官方文档正则表达式是国际标准，跨越语言正则表达式是一个规则，用于验证字符串。基础字面量匹配规则中直接书写字面量字符特殊字符. ^$转义符\n\r\t\s\S\b\B\d\D\w\W\u转义符可以将特殊字符转义字符集[字符范围]匹配中文： [\u4e00-\u9FA5]量词前面的...
2020-04-28 07:01:37
252
原创 Date构造函数
Date构造函数术语时间单位年（year）月（month）日（date）小时（hour）分钟（minute）秒（second） = 1000ms毫秒（millisecond，ms） = 1000 us微秒（microsecond，us） = 1000 ns纳秒（nanosecond，ns）UTC和GMT世界划分为24个时区，北京在东8区，格林威治在0时区。G...
2020-04-27 10:13:17
812
原创 Math对象
Math对象提供了一系列与数学相关的成员常量：永远不会变化的数据。常量一般命名时所有字母大写，如果有多个单词，用下划线分割。random方法: 产生一个0~1之间的随机数PI属性：得到圆周率abs方法：求绝对值floor方法：对一个数向下取整ceil方法：对一个数向上取整max方法：得到一组数字的最大值；如果无参，得到-Infinitymin方法...
2020-04-27 08:45:42
122
原创 原始类型包装器
目录原始类型包装器Number静态成员实例成员BooleanString静态成员实例成员原始类型包装器new 包装器(值)：返回的是一个对象包装器(值)：返回的是一个原始类型Number静态成员isNaN：确定传递的值是否是 NaN。isFinite：确定传递的值类型及本身是否是有限数。isInteger：判断一个数据是否是整数parseFloat: 将一个数据转换为小数...
2020-04-26 17:54:52
146
原创 Array构造器
Array构造器凡是通过Array构造函数创建的对象，都是数组静态成员from方法：可以将一个伪数组转换为真数组isArray方法：判断一个给定的数据，是否为一个真数组of方法：类似于中括号创建数组a=[1,2,3]，依次赋予数组每一项的值实例成员fill方法：用某个数据填充数组pop：删除数组的最后一个元素，并返回这个元素。push ：在数组的末尾增加一个或多个元素，并返...
2020-04-26 16:18:22
199
原创 标准库（标准API）
标准库（标准API）库：liberaryAPI：应用程序编程接口，Application Programing Interface标准：ECMAScript标准Object静态成员keys(某个对象)，得到某个对象的所有属性名数组var obj = { x: 123, y: "Asdfaf", z: tr...
2020-04-26 12:44:28
765
原创 样式补充
样式补充display:list-item设置为该属性值的盒子，本质上仍然是一个块盒，但同时该盒子会附带另一个盒子元素本身生成的盒子叫做主盒子，附带的盒子称为次盒子，次盒子和主盒子水平排列涉及的css：list-style-type设置次盒子中内容的类型list-style-position设置次盒子相对于主盒子的位置速写属性list-style清空次盒子list...
2020-04-22 20:52:20
82
原创 居中总结
居中总结居中：盒子在其包含块中居中行盒（行块盒）水平居中直接设置行盒（行块盒）父元素text-align:center <style> div { margin: 30px; background: lightblue; height: 100px; text-ali...
2020-04-22 20:51:22
104
数据链接
数据链接data url如何书写数据链接：将目标文件的数据直接书写到路径位置语法：data:MIME,数据意义优点：减少了浏览器中的请求请求响应减少了请求中浪费的时间有利于动态生成数据缺点：增加了资源的体积导致了传输内容增加，从而增加了单个资源的传输时间不利于浏览器的缓存浏览器通常会缓存图片文件、css文件、js文件。会增加原资源的体积到原来的4...
2020-04-21 21:44:52
331
svg
svgsvg: scalable vector graphics，可缩放的矢量图该图片使用代码书写而成缩放不会失真内容轻量怎么使用svg可以嵌入浏览器，也可以单独成为一个文件xml语言，svg使用该语言定义 <style> img, embed, object, iframe{ width: 100px; ...
2020-04-21 21:44:38
87
堆叠上下文
堆叠上下文堆叠上下文（stack context），它是一块区域，这块区域由某个元素创建，它规定了该区域中的内容在Z轴上排列的先后顺序。创建堆叠上下文的元素html元素（根元素）设置了z-index（非auto）数值的定位元素同一个堆叠上下文中元素在Z轴上的排列从后到前的排列顺序：创建堆叠上下文的元素的背景和边框堆叠级别(z-index, stack level)为负值的堆叠...
2020-04-21 21:44:22
135
原创 css进阶>@规则+web字体和图标+块级格式化上下文+布局+[扩展]浮动的细节规则
这里写目录标题@规则（at-tule）web字体和图标块级格式化上下文布局俩栏布局三栏布局@规则（at-tule）at-rule:@规则，@语句，css语句，css指令，翻译很多种叫法在css 文件中导入另一个css文件import@import "路径";导入另外一个css文件charset@charset "utf-8";告诉浏览器该CSS文件，使用的字符编码集...
2020-04-20 21:30:48
192
原创 参考线-深入理解字体
这里写目录标题参考线-深入理解字体文字font-size行高vertical-align可替换元素和行块盒的基线参考线-深入理解字体font-size、line-height、vertical-align、font-family文字文字是通过一些文字制作软件制作的，比如fontforge制作文字时，会有几根参考线，不同的文字类型，参考线不一样。同一种文字类型，参考线一致。参考线的位置是...
2020-04-19 15:18:51
390
原创 css进阶>[扩展]行高的取值+body的背景+行盒的垂直对齐
这里写目录标题[扩展]行高的取值+body的背景+行盒的垂直对齐+参考线-深入理解字体行高的取值body的背景body背景颜色**HTML元素的背景颜色**body背景图片关于画布背景图行盒的垂直对齐图片的底部白边参考线-深入理解字体[扩展]行高的取值+body的背景+行盒的垂直对齐+参考线-深入理解字体行高的取值line-height设置行高不会给每一个元素都设置，一般设置到父元素里面...
2020-04-19 15:18:12
128
原创 date对象，定时器
一.Date 实例对象概述Date是Javascript内置的构造函数。Date实例对象是Javascript中的日期对象（GMT），表示本地日期和时间。Date实例对象是一个静态对象，始终表示创建对象那一刻的日期和时间。//创建Date实例对象//Sat Apr 20 2019 16:19:49 GMT+0800 (中国标准时间)//GMT是格林威治标准时间。GMT时间通常指格林威治中...
2020-04-02 19:41:56
264
原创 dom继承树，dom基本操作
dom继承树，dom基本操作继承关系常见方法，规则小练习1.遍历元素节点数2.封装函数，返回元素e的第n层祖先元素节点3.封装函数，返回元素e的第n个兄弟节点，n为正，返回后面的兄弟元素节点，n为负，返回前面的，n为0，返回自己。4.编辑函数，封装myChildren功能，解决以前部分浏览器的兼容性问题基本操作--增1.document.createElement();（常用）2.document...
2020-04-02 10:45:26
201
原创 DOM树
DOM树简单例子 <div> <span> <span></span> <em> <a></a> </em> <strong class="demo">123</strong> </span> </div> ...
2020-03-31 19:21:06
213
原创 DOM基本操作
什么是DOM标题 1.DOM----Document Object Model标题 1.DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象，由浏览器厂商定义，用来操作html和xml功能的一类对象的集合。也有人成DOM是对html以及xml的标准编程接口 var div=document.getElementsByTagName('div')[0]; div.style.widt...
2020-03-31 17:40:54
98
原创 try.catch es5标准模式
@[try.catch es5标准模式](try.catch es5标准模式)一、try.catch在try里面的发生错误，不会执行错误后语句后try里面的所有代码，但是不影响后续代码。错误信息会传到catch的e，供catch使用。无错误的话 ，不会跳到catch里面，依次执行try。try { console.log('a'); console.log(b); console.lo...
2020-03-31 11:58:02
198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人