
JavaScript每日一学
文章平均质量分 85
小屁孩你滑稽掉了
一只爱编程的猫猫
展开
-
JavaScript每日一学 —— 第十八天
注意点:数组使用instanceof和Object构造函数去进行判断那么结果是true,因为数组也属于对象的范畴。精准判断数据类型:Object.prototype.toString.call()防抖:指的是用户触发事件过于频繁,只要最后一次事件的操作(乘电梯)可以查看对象是否有某个属性,有返回true,没有就返回false。静态属性(成员):只能给构造函数本身使用的属性,称之为静态属性。实例属性(成员):只能给实例化对象使用的属性,称之为实例属性。合并对象,并返回一个新的对象。原创 2023-12-13 15:15:57 · 63 阅读 · 0 评论 -
JavaScript每日一学 —— 第十七天
可以看到,是满足三角恋关系的,同理,我们平时经常使用的Object类型也与Function满足三角恋关系、还有原型对象与Object的原型对象也满足三角恋关系,但Object的原型对象的__proto__为空(null),所以可以得到扩展之后的原型链图。__proto__:对于实例化对象(比如p1)来说,每一个实例化对象都有一个__proto__属性,这个属性指向的是实例化这个对象的构造函数的原型对象,也可以理解是隐式原型对象。原型对象里面保存的属性和方法可以被共享(被构造函数的实例化对象所共享)原创 2023-12-13 14:37:13 · 80 阅读 · 0 评论 -
JavaScript每日一学 —— 第十六天-正则表达式
正则:描述的是字符的规则,这个验证字符的规则是由你来定义的match() 字符串方法:支持正则,可以通过正则让你把字符串里面满足规则的字符筛选出来并放在一个数组里面replace() 字符串方法:支持,替换正则方法:test() 当验证满足条件的时候返回true,否则返回false正则方法:exec() 捕获,当捕获到你这个字符串里面有满足条件的,就把捕获到的内容显示在一个数组里面。如果没有找到就返回null。原创 2023-12-11 19:43:09 · 83 阅读 · 1 评论 -
JavaScript每日一学 —— 第十五天
问题:无论把什么类型当成对象的键来使用,最终都会把这个类型转成字符串类型来展示。特点:简化了字符串拼接操作、可以让字符串进行换行操作、可以在模板里面直接使用变量 ${变量名称}Symbol()括号里面写的是一个描述信息,不是值。你写的是什么类型作为对象的键,那么就是什么类型。3.startsWith()判定字符串中是否以某个字符串开头。4.endsWith()判定字符串中是否以某个字符串结尾。模板字符串:就是把咱们之前字符串的拼接进行了简化处理。Set() 里面的数据不能有重复的,自带过滤功能。原创 2023-12-08 16:36:23 · 81 阅读 · 0 评论 -
JavaScript每日一学 —— 第十四天
事件委托(委托):可以把事件绑定在共同的祖先元素上面,然后利于事件冒泡的原理进行事件传播的,这样就可以让所有的元素都有一个相同的事件,并且事件只绑定了一次。e.returnValue = false 低版本的IE浏览器(在测试的过程中发现现在的浏览器版本升级了后,这个也可以使用了)reduceRight()与reduce()参数相同,作用也相同,不同的是reduce是从左到右的加,而reduceRight是从右到左的加。3、冒泡阶段:事件会从里面往外面进行传播,在小的元素里面触发,再给大的传播。原创 2023-12-07 17:36:44 · 95 阅读 · 1 评论 -
JavaScript每日一学 —— 第十二天
getBoundingClientRect 获取元素的尺寸和位置的,返回的是一个对象形式,用的时候就用常用的属性就好。,默认单位是px,如果设置了其他的单位,比如100em之类,返回出来的结果还会转换为px像素(不含边框)1.在全局执行上下文环境下打印this,this指向的是window对象,严格模式是undefined。如果没有,则返回空。this是函数执行上下文对象,这个对象指向谁是固定不变的,需要根据函数的调用方式来决定。3.函数作为一个对象的方法,对象打点调用,函数的this就是这个对象。原创 2023-12-06 20:43:26 · 72 阅读 · 1 评论 -
JavaScript每日一学 —— 第十一天
3.document.getElementsByName():通过表单name属性的属性值获取元素,结果是一个伪数组。5.document.querySelector(): 支持css选择器,获取单个,如果是多个的话,那么只获取第一个。6.document.querySelectorAll():支持css选择器,获取所有的,结果是一个伪数组。问题:当添加多个类名的时候,后面的可以把前面的给覆盖掉,这时候可以用classList。insertBefore('新创建的元素', '追加到那个标记的前面')原创 2023-12-06 19:09:53 · 86 阅读 · 1 评论 -
JavaScript每日一学 —— 第十三天
当用户按下键盘上的字符键触发,如果按住不放,会重复触发 不能触发 例如:ALT, CTRL, SHIFT, ESC --- 不是字符键(数字键也不行):在使用事件的时候,可以得到一个对象,这个对象里面记录了很多非常有用的属性,可以帮助咱们做一些事情,把这个对象称之为事件对象。e.offsetX 指的是事件源的位置,鼠标距离事件源水平的距离。e.offsetY 指的是事件源的位置,鼠标距离事件源垂直的距离。注意点:如果不传递这个形参,要使用的话必须使用event的全称,但是不建议。原创 2023-12-06 16:22:01 · 84 阅读 · 1 评论 -
JavaScript每日一学 —— 第十天
(1)DOM Document Object Model ,文档对象模型。我们可以把网页中的所有“东西”看成是“对象”。(2)DOM是W3C制定的网页标准或规则,而这个标准,在浏览器中,以“对象”的形式得以实现。(3)DOM的官方定义:DOM可以使脚本,动态的访问或操作,网页的内容、网页外观、网页结构。原创 2023-12-04 17:42:43 · 82 阅读 · 0 评论 -
JavaScript每日一学 —— 第九天
字符串方法、统计字符串个数、内置Math对象、设置随机背景、内置日期Date对象、抢购倒计时原创 2023-11-30 17:35:09 · 133 阅读 · 1 评论 -
JavaScript每日一学 —— 第八天
一、JSON 二、XML(概述) 三、ES5的严格模式 四、this对象 五、 ES5数组方法 六、用filter去做数组去重 七、包装类原创 2023-11-29 19:23:19 · 87 阅读 · 1 评论 -
JavaScript每日一学 —— 第七天
当有多个连续的字符的时候,在删除当前字符的时候,后面的会进行补位操作(这个时候进行补位的元素和前面被删除的元素是一样的),由于前面已经比较过了,因此程序不会回过头再进行比较一次,所以产生了'漏网之鱼'注意点:数组是属于对象,可以使用自定义对象添加属性的方式,但是为了不破坏原有的数据结构,不会算在下标里面。如果其中一个变量的值发生了改变,那么,另一个变量的值也得变。因此,这两个变量是有联系的,要变大家一起变。由键值对组成的 key: value,键,值对分为属性和方法,因此也可以说对象是由属性和方法组成的。原创 2023-11-28 16:44:11 · 76 阅读 · 0 评论 -
JavaScript每日一学 —— 第六天
第一个参数(起始位置),第二个参数(删除的项数),第三个参数(插入任意数量的项)三个参数,第一个参数(开始位置),第二个参数(0),第三个参数(插入的项)(1)对象是js里面一个大的范畴,而对象的呈现形式是多种多样的,数组也属于对象这个类型下的一个分支,因此返回的类型就是对象。删除:用于删除元素,两个参数,第一个参数(要删除第一项的位置),第二个参数(要删除的项数)(3)设置数组元素:若是已知数组有的下标,那就是修改元素,若是已知数组没有的下标,那就是增加元素。把函数作为参数,可以处理的业务逻辑更多。原创 2023-11-27 20:55:14 · 783 阅读 · 1 评论 -
JavaScript每日一学 —— 第五天
函数的作用域、作用域链、预解析、变量的生命周期、递归函数及其应用(求斐波那契数列)、arguments对象、Js设计的缺陷:比如说name原创 2023-11-24 16:27:09 · 61 阅读 · 1 评论 -
JavaScript每日一学 —— 第四天
对于反复使用的功能代码,对其封装成一个独立的模块,这种功能代码块就是函数。或者说简单点儿就:是将一段公共的代码进行封装,给它起个名字叫"函数"。说通俗点儿函数就是一个功能,就是一个方便的工具。原创 2023-11-23 16:44:25 · 96 阅读 · 0 评论 -
JavaScript每日一学 —— 第三天
while循环、死循环、do while循环、for循环、break和continue、循环对比原创 2023-11-22 17:21:46 · 90 阅读 · 0 评论 -
JavaScript每日一学 —— 第二天
1.比较运算符2.数据类型转换(1)隐式数据类型转换(2)强制数据类型转换【1】Number() 【2】String() 【3】Boolean()3.提取整数和浮点函数4.逻辑运算符5.三元运算符(三目运算符)6.流程控制三大结构 (1)顺序结构(2)选择(条件)结构 a、if单分支选择结构b、if else双分支选择结c、if else if多分支选择结构:d.switch多分支结构(3)循环结构原创 2023-11-21 17:39:36 · 89 阅读 · 1 评论 -
JavaScript每日一学 —— 第一天
JS的背景、与ECMAScript的关系、概念、组成、script标签、注释、变量、运算符原创 2023-11-20 20:45:16 · 74 阅读 · 0 评论