- 博客(42)
- 收藏
- 关注
RSS订阅原创 每日一结(11.8)
(2)原型属性__proto__:每一个实例化对象在创建的时候,都会创建一个原型属性__proto__,指向构造函数的prototype。(1)原型对象prototype:没一个构造函数在声明的时候,都会创建一个原型对象prototype 用于存储公共的共享的属性和方法。(3)函数.apply(this的新指向,[参数1,参数2,参数3.....])(2)函数.call(this的新指向,参数1,参数2,参数3......)(3)将实例化对象的__proto__指向构造函数的prototype。
2022-11-08 17:34:37
268
1
原创 每日一结(11.7)
防抖的原理:利用闭包函数,在事件处理函数中添加一个定时器,在定时器延迟一定的时候再执行代码,如果定时器没有走完又触发该事件 从头开始计时(清除原先的定时器,重新定义一个)节流的原理:利用闭包函数,在事件处理函数中添加一个定时器,延迟一定的时间再执行代码,在定时器执行过程中 时间状态是静止的 等定时器完成 时间状态解开。当前这个数(n当前这个数的位置信息) = 前一个数(n - 1) + 前前一个数(n - 2)= n * (n-1)!n = (n-1)+(n-2) n表示的是位置信息。
2022-11-07 20:18:01
138
原创 每日一结(11.3)
js的垃圾回收机制:是js中定义回收资源的一种机制,每隔一段时间 js的执行环境就会自动去清理没用的变量 进行释放内存回收。(2)立即执行函数(IIFE)：匿名函数的执行就是立即执行函数。(4) 匿名函数 function(){}(1)匿名函数：没有名字的函数 function(){}立即执行函数的好处：避免全局污染(意思就是不随意更改)(2) 普通函数 function 函数名(){}(1)含义：可以访问其他函数内部变量的函数就是闭包。(5) 立即执行函数 (匿名函数)()
2022-11-07 09:21:41
85
原创 每日一结(11.1)
1.键盘事件 - onkeyup 抬起 - onkeydown 按下 键盘上任意一个字符都可以触发 返回值是不区分大小写 返回的是大写的字符编码 - onkeypress 按下 键盘上的字符可以触发，但是特殊字符不会触发，返回值区分大小写，返回的是小写和大写字符编码 2.滚轮事件 - 标准浏览器/IE：onmousewheel - 火狐浏览器：DOMMouseScroll 必须使用addEventListener绑
2022-11-02 17:13:32
67
原创 每日一结(11.1)
1.键盘事件 - onkeyup 抬起 - onkeydown 按下 键盘上任意一个字符都可以触发 返回值是不区分大小写 返回的是大写的字符编码 - onkeypress 按下 键盘上的字符可以触发，但是特殊字符不会触发，返回值区分大小写，返回的是小写和大写字符编码 2.滚轮事件 - 标准浏览器/IE：onmousewheel - 火狐浏览器：DOMMouseScroll 必须使用addEventListener绑
2022-11-02 17:07:07
53
原创 每日一结(10.31)
懒加载的应用场景：在一些电商类平台网站上 由于页面要加载的数据量较庞大，因此如果直接将页面所有内容都加载出来，会导致页面的加载时间过长，导致页面白屏。绑定事件 addEventListener(事件类型,事件处理函数,是否事件捕获) true事件捕获 false事件冒泡 默认是false。- 标准浏览器:标签.removeEventListener(事件类型(不加on),事件处理函数,是否捕获)- 标准浏览器:标签.addEventListener(事件类型(不加on),事件处理函数,事件捕获)
2022-10-31 20:05:09
45
原创 每日一结(10.27)
子节点.offsetparent 获取最近定位父元素 如果没有最近定位父元素则是获取body。删除节点：节点.remove() 删除节点本身 存在兼容问题,不支持IE浏览器。父元素.childNodes 获取父元素下所有的节点(元素节点 文本节点 注释节点)删除子节点：父节点.removeChild(子节点) 删除子节点。语法：父元素.replaceChild(新的节点,要替换的节点)语法：父元素.insertBefore(插入的新节点,参考节点)
2022-10-27 19:01:52
59
原创 每日一结(10.26)
(2) [范围] 中括号 在正则中 表示 要检测一个范围内的内容 例如:[0-9a-zA-Z] 表示 检测数字或小写字母或大写字母都可以。(6) \s 和 \S:\s 要检测 空格、\n、\t(制表符)、空字符串等空白字符 \S 要检测 非空白字符。(5) \w 和 \W : \w 要检测数字、字母或下划线 \W 要检测非数字，非字母，非下划线。用来指代一些特定匹配内容。(4) \d 和 \D : \d 要检测数字 相当于[0-9] \D 要检测所有非数字字符。
2022-10-26 17:12:07
79
原创 每日一结(10.25)
1.基础用法: sort() 不传参 根据ASCII编码进行排序的 "0"-48代码:2.扩展使用:sort(function(a , b){ }) 带参数 根据number类型排序代码://a和b是两个相邻的比较元素 a是后一个元素 b是前一个元素//从小到大//从大到小})(1)根据对象中某一个属性进行排序 根据年龄排序代码:{"name":"派大星",},{"name":"海绵宝宝",},{"name":"章鱼哥",},{"name":"大头儿子",
2022-10-25 20:01:31
76
原创 每日一结(10.24)
1.字面量创建2.使用new关键字创建3.获取数组中的内容 数组[下标] 下标是从0开始//"1"4.通过下标的添加 数组[下标] = 值arr1[3] = "哈哈";//["1","2","3".'哈哈']5.注意事项(1):使用new关键字创建数组的时候 如果创建元素只有1个并且是number类型,意味着创建length值为n的空属性(2):arr1.属性名 = 属性值。
2022-10-24 19:08:30
408
原创 每日一结(10.21)
1.Math.random()随即声明0-1之间的数 包括0不包括12.随机整数的公式 公式:Math.random() * (max-min+1) + min3.随机取整4.随机下标 : 0 - arr.length-1。
2022-10-21 20:10:23
159
原创 每日一结(10.20)
同步:在做一件事的时候,如果这件事没有做完,后面的代码只能等待for alert同步异步:在做一件事的时候,如果这件事需要等待,先去执行后面的代码,等时间到了再回来执行代码定时器 ajax promise 事件执行异步。
2022-10-20 19:40:51
41
原创 每日一结(10.19)
1.setTimeout(function(){},时间) 时间单位是ms(毫秒) 1000ms = 1s。语法：clearTimeout(定时器id) clearInterval(定时器id)定时器id：每一个定时器在开启的时候都会返回一个唯一能标识当前定时器的id，id是从1开始的。间歇定时器：setInterval(function(){},时间)语法：setInterval(function函数,时间)标准浏览器(欧朋 火狐 谷歌 safai,IE(9+))
2022-10-19 22:27:16
271
原创 每日一结(10.17)
var arr = [["嘿嘿","哈哈","吼吼"],["1","2","3"],["周一", "周二",["早上","中午","晚上"]]]var arr = [["嘿嘿","哈哈","吼吼"],["1","2","3"],["周一", "周二","周三"]]注意1:obj后面跟的就是属性名,没有变量的概念 如果跟的是变量 用[]代替 对象名[变量名](1)json数据:JSON数据/object类型数据/对象类型：一组无序的，没有长度的数据;直接设置属性名 对象名.属性名 = 值;
2022-10-18 19:27:18
47
原创 每日一结(10.18)
作用域链:js的一种查找机制,先找自身作用域范围内的,依次父级作用域查找,一直到全局(window),如果全局也不到,则是返回报错信息 xxx is not defined。全局变量/全局函数:在函数外面声明的变量/函数，可以在任意地方访问和修改，会一直存储在计算机的内存中，直到页面关闭。局部变量/局部函数：在函数里面声明的变量/函数，只有在函数内部可以使用，出了函数就会被销毁，不能使用。当函数中出现不确定的值的时候,传递不同的参数 实现不同的功能。注意1:只有函数{}内声明的都是局部 其他都是全局。
2022-10-18 19:26:28
45
原创 每日一结笔记(10.13)
整数、小数、负数、16进制、8进制、NaN（1）NaN not a number不是一个数 当运算没有结果的时候就是NaN注意：任何两个NaN都不相等 判断左右两侧是否相等（2）8进制数：以0开头 范围在0-7之间（3）16进制数据：以0x开头 范围在0-9 a-10 b-11 c-12 d-13 e-14 f-15（4）精度缺失 0.1+0.2 == 0.3计算机在运算的时候，会把数转换二进制数据然后再进行计算 计算结果再转成10进制 转换过程中会造成精度缺少。
2022-10-13 17:28:21
132
原创 每日一结笔记
交互步骤：找对应的标签，添加事件，事件反馈1.获取标签1-1 通过id名获取document.getElementById("id名");适合：适合单个标签获取1-2 通过类名获取document.getElementsByClassName("class名字")获取整个文档下的对应标签父元素.getElementsByClassName("class名字") 获取父元素下对应的标签注意：通过类名获取的是元素集合 获取元素集合中具体某一个元素需要加下标 元素集合[下标]
2022-10-12 22:20:06
327
原创 每日一结笔记
基于对象和事件驱动的解释性脚本语言(1)基于对象:Javascript是一种基于对象的语言,这意味着它能运用自己已创建的对象,因此许多动能可以来自脚本环境中对象的方法与脚本的相互作用(2)事件驱动:Javascript可以直接对用户或者客户输入做出响应,无需经过web服务器,它对用户的响应,以事件驱动的方式进行(3)解释性:解释性:可以直接是被语言 读取一行执行一行编译性:高级脚本语言 c和c++就是高级脚本语言,先编译成计算机识别的编码,然后再执行。
2022-10-11 19:41:11
137
原创 每日一结笔记
也叫响应式布局，响应式开发实现不同屏幕分辨率的终端上浏览网页的不同展示方式,根据设备屏幕宽度不同适当调整标签显示的布局，从而在每种设备屏幕宽度下呈现的界面是不同的。
2022-09-28 18:43:49
41
原创 每日一结笔记
transform-origin: 水平方向 垂直方向;设置元素的基点位置，设置围绕哪个点进行变取值百分比（参照自身计算）px关键字水平：left center right 垂直：top center bottom说明： 两个空格隔开的值，分别表示x,y轴的原点 一个值时，另一个值默认center可为负数必须与transform属性配合使用位移不能用。
2022-09-27 21:09:57
53
原创 每日一结笔记
用于动态计算长度值，值灵活 css3新增功能任何长度值都可以使用calc()函数进行计算；calc()函数支持 "+", "-", "*", "/" 运算；calc()函数使用标准的数学运算优先级规则；运算符前后都需要保留一个空格语法： calc(表达式)运算符前后都需要保留一个空格减号的前后添加空格利用calc()实现三栏自适应布局。
2022-09-21 22:25:55
48
原创 每日一结笔记
什么是弹性盒子？弹性盒子是css3的一种新的布局模式引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间弹性容器：父元素项目：弹性子元素 --子元素主轴：默认主轴为水平方向 起点在左侧 终点在右侧侧轴：交叉轴，垂直方向 起点在上侧 终点在下侧注意：主轴不一定为水平方向，还可以为垂直方向弹性子元素通常在弹性盒子内一行显示。默认情况每个容器只有一行。
2022-09-20 22:46:48
528
原创 每日一结笔记
ele[attr]{} 指定了属性名为attr的ele元素ele[attr=value]{}指定了属性名为attr且属性值为value的ele元素ele[attr~=value]{}指定了属性名称attr，并且属性值词列表中包含value的ele元素注意：要有词列表的时候，属性名=属性值是选择不上的词列表：具有多个类名，之间用空格隔开。
2022-09-19 20:00:21
41
原创 每日一结笔记
相对div无语义标签来说，更加具有语义化新增语义标签：块级标签header:头部 网页的头部，某个模块的头部footer:底部 网页的底部，某个模块的底部nav:导航 网页中的文字导航、侧边栏导航、面包屑导航article:文章 网页中独立的结构，用的不多，包着多个sectionsection:章节 相当于一个自然段类似与div,区别：一般一个section：一个section元素通常由内容及标题组成aside:侧边栏网页中侧边的广告语义：定义当前页面或文章的附属信息部分。
2022-09-15 21:04:50
160
原创 每日一结笔记
相对div无语义标签来说，更加具有语义化新增语义标签：块级标签header:头部网页的头部，某个模块的头部footer:底部网页的底部，某个模块的底部nav:导航网页中的文字导航、侧边栏导航、面包屑导航article:文章网页中独立的结构，用的不多，包着多个sectionsection:章节相当于一个自然段类似与div,区别：一般一个section：一个section元素通常由内容及标题组成aside:侧边栏网页中侧边的广告语义：定义当前页面或文章的附属信息部分。
2022-09-14 22:00:34
32
原创 每日一结笔记
表单：采集不同类型用户输入的数据，然后发送给服务器，实现用户与服务器之间的数据交互一个完整的表单包括：表单域，表单控件（表单元素），提示信息，共三个部分；表单域：1.申明采集信息范围，收集范围内的信息2.把收集好的信息提交给服务器（后台）表单控件：通过input的type属性来表示不同的表单元素用来定义不同种类的输入控件value：初始值name属性：表单的字段名，如果不设置name属性，输入框的内容无法随表单一起提交单行文本框： type：text。
2022-09-06 22:24:05
48
原创 每日一结笔记
绝对定位的参照元素:父元素1.子元素设置绝对定位,父元素设置相对定位2.子元素设置绝对定位,父元素设置绝对定位3.子元素设置绝对定位,父元素设置固定定位这三种情况,子元素的参照元素都是父元素。
2022-09-05 16:16:18
54
原创 每日一结笔记
总结：浮动脱离文档流不脱离文本流- 最初只用于在成块的文本内浮动图像为图片和文字 之间的对齐方式是基线对齐 要想图文环绕 需要给图片设置浮动。
2022-09-01 21:46:53
45
原创 每日一结笔记
1.权重越大优先级越高，优先显示谁的样式 2.* 0 div：1 class：10 id：100 3.行间样式优先级大于id 1000 4.！important：优先级大于行间 5.权重相同，后写的会覆盖先写的 6.复合选择器的优先级等于所有单一选择器权重相加 7.子元素继承父元素的优先级为0，自己设置会覆盖继承的样式 8.css样式引入： 1.行间样式大于内部、外链
2022-08-31 21:27:01
85
原创 每日一结笔记2
1.块级标签本身属性为display:block;的元素 称为块级元素2.特性1.宽度在没有设置的情况下，默认撑满整个父元素2.高度在没有设置的情况下，由内容撑开3.垂直布局，独立成行4.具有盒模型特征（宽高、padding、border、margin）;也就是说这四个属性都能设置1.行内（行级）标签本身属性为display:inline;的元素 称为行级元素2.特性1.宽高由内容撑开2.水平布局，一行放不下会自动折行3.换行和空格会被解析。...
2022-08-30 22:32:42
41
原创 每日一结笔记
1.文本水平对齐方式水平居中水平居左水平居右文本两端对齐2.文本装饰线默认值 没有上划线中划线 删除线下划线3.首行缩进可以设置负值百分比 相对于元素内容宽进行计算4.color 字体颜色。
2022-08-28 17:34:37
63
原创 css笔记
html:结构层css:样式层层叠样式表级联样式表cascading : 层叠 级联style: 样式sheet:表格为HTML标记语言提供了一种样式描述字体颜色,宽高....即[设置HTML页面中的元素的位置 排版 样式外关等]如文本内容 (字体 大小 对齐方式等) 图片的外形(宽,高,边框等)css语法:由选择器和声明组组成选择器{写样式}选择器:要设置样式的html标签声明组:{}声明组:由声明语句组成声明语句:由属性名和属性值组成属性名和属性值以冒号相连。...
2022-08-25 20:31:45
216
原创 day02笔记
拿省份证做对比，id相当于省份证号不能重复，class相当于姓名，可以重复。border:5px solid black(简单写法)border-style: solid;相对于自己最近的父级有定位的元素,不占位（脱离文档流）；margin:四个方向值是一样;相对定位：相对于自身位置定位的，占位（不脱离文档流）；margin:上 左右 下;margin:上 右 下 左;margin:上下 左右;...
2022-08-16 22:40:52
33
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人