javascript
文章平均质量分 51
水煮庄周鱼鱼
这个作者很懒,什么都没留下…
展开
-
JavaScript——map方法和foreach方法的区别
forEach 方法是遍历数组的方法,它提供了一种快捷的方式来遍历数组的所有元素。而 map 方法是映射数组的方法,它可以根据指定的规则对数组的每个元素进行映射,并返回一个新的数组。实际上现在 V8 对于 Array 的优化真的很糟糕,现在都已经 Node.js v9 的年代了,方法返回一个全新的数组,其中包含转换后的元素和相同数量的数据。,还有诸多参数和上下文需要在执行的时候考虑进来,这里可能拖慢性能;1、for 循环当然是最简单的,因为它没有任何额外的。它不是普通的 for 循环的。原创 2024-03-11 14:57:16 · 1079 阅读 · 0 评论 -
JavaScript——流程控制(程序结构)
代码会依据我们写入的判断分支执行,从而得到2种不同的结果。涉及语句if else/ switch /三元表达式。 代码会依据我们写入的判断循环执行,比如for循环/while循环,达到某种条件才停止循环。流程控制就是来控制我们的代码按照什么结构顺序来执行。更倾向于一种思想结构。 它没有特定的语句,我们的程序默认就是由上往下去进行执行的;流程控制分为三大结构:顺序结构、分支结构、循环结构。 代码从上往下依次执行,从A到B执行,单向执行;原创 2024-03-06 15:49:44 · 407 阅读 · 0 评论 -
JavaScript——类型转换
JavaScript是弱类型语言,我们在开发过程中因为与用户的一些交互会导致一种数据类型转换为另外一种数据类型,这就是我们的类型转换。 Object(数据),字符串转对象JSON.parse(JSON字符串) 两边有一个是字符串,会把非字符串转换成字符串,最后拼接成一个字符串返回。 对象转字符串JSON.stringify(对象),得到JSON字符串。 都会把非数字类型转换成数字类型,如果无法转换则返回,NaN。 String(数据) 、变量/数据.toString() Symbol(数据)原创 2024-03-06 13:36:16 · 1029 阅读 · 0 评论 -
JavaScript—— 模板字符串、拼接字符串
用法:+ 号 拼接字符串,+号两边只要其中一边有字符串就可以进行拼接。`` 反引号 结合 ${} 使用。 引号、+ 写太多很麻烦。原创 2024-03-06 11:27:31 · 460 阅读 · 0 评论 -
JavaScript—— 运算符总结(超全)
以上优先级:先乘除后加减,有括号的先算括号里面的,同级就从左往右依次运算。如果两边有一个是字符串,那么拼接产生一个新的字符串。取余数,存在类型隐式转换,正负只与左边数字有关。如果两边都是number类型,就是进行相加。相减 ,存在类型隐式转换。相乘,存在类型隐式转换。相除,存在类型隐式转换。原创 2024-03-06 11:11:43 · 537 阅读 · 0 评论 -
JavaScript- 关于数据类型及其判断方法(超全)
简单数据类型也叫做基本数据类型、值类型,因为起单纯存储值。Number:数值型(数字型),参与数学运算做数字的标识 ,例子:1,3,4String:字符串型,用来表示文字的''和""和``'jessica'、 "jessica"、 `jessica` (1左边的那个键)Boolean:布尔类型true和false2种状态undefined:未定义类型,代表未定义(只声明没赋值)null :空值类型,代表定义未赋值NaN:数字值(number),表示不是一个合法的数字// 怎么产生的?原创 2024-03-05 16:27:03 · 825 阅读 · 0 评论 -
JavaScript- 变量
内存创建了一个空间,给这个空间添加变量名,该变量代表这个空间;原创 2024-03-05 15:41:00 · 372 阅读 · 0 评论 -
JavaScript - 基础写法
在浏览器的F12-选则控制台-查看信息,如果输出的数据类型是字符串则是黑色,如果是number类型则是蓝色。 console.log (需要输出的内容),开发人员调试数据用的。(英文格式,可写可不写),当把很多代码写在同一行的时候,那么就要加。prompt(‘提示用户输入什么’) 原生的。confirm(‘提示用户的内容’) 原生的。alert(‘想提示的内容’) 原生的。(引入外部的js文件形式、cdn)原创 2024-03-05 14:47:41 · 363 阅读 · 0 评论 -
BOM-navigator对象(涉及多端版本匹配)
navigator导航对象,我们可以通过它导航到我们的服务器、网站;该对象属性appVersion获得当前浏览器的版本、内核、系统信息等等(所有浏览器信息) 这里我们可能就会涉及到不同的设备了,比如:电脑浏览器、手机浏览器、IPAD浏览器。原创 2024-03-05 13:40:09 · 180 阅读 · 0 评论 -
BOM-history历史记录对象
在日常使用浏览器当中,我们都知道浏览器存在一个功能,查看我们浏览的历史记录,而BOM它存在一个对象-history,我们可以通过js操作这个对象去查看浏览器的历史记录。原创 2024-03-05 13:31:13 · 214 阅读 · 0 评论 -
JavaScript-JSON字符串
JSON字符串,实际就是字符串,但是有一定的规则。原创 2024-03-05 10:38:31 · 406 阅读 · 0 评论 -
JavaScript-如何通过原生JS实现匀速动画
前面可以看到,我们使用current++是一种匀速的方式,匀速的快慢取决于我们+=后面的值,如果我们希望是缓动动画的形式去移动我们的元素,我们可以通过以下封装算法去实现。据我们所知,我们可以通过css3(transform translate即可)区实现这个动画,但是通常面试的时候,可能会被要求原生手敲; 使用到的知识点:定时器去实现setInterval去实现。原创 2024-03-04 15:12:56 · 458 阅读 · 0 评论 -
JavaScript-定时器 - setInterval、setTimeout
setInterval一旦开启,里面的代码就会按照写入的时间执行,每隔一段时间就会调用一次,没有关闭的话不会停止。 setTimeout可以理解为把一段代码延迟执行,回调函数只会调用一次。原创 2024-03-01 15:56:39 · 180 阅读 · 0 评论 -
JavaScript-关于事件、事件流(捕获、冒泡)、事件源、常用事件
事件流:当一个事件触发后,它其实经历了从上(捕获阶段)到下(事件目标),又从下(事件目标)到上(冒泡阶段)的流动过程,这就称之为事件流事件冒泡默认存在的,事件捕获要写特殊代码才能看到,如下。例如:addEventListener的第三个参数写为true就是事件捕获,所以前面写的addEventListener里面提到的就是这里不管是捕获、冒泡,都会触发同名事件事件流如果不写特殊代码,会经历完整的事件流。原创 2024-03-01 14:48:14 · 1194 阅读 · 0 评论 -
JavaScript-双击事件
dblclick-双击触发的事件**原创 2024-02-29 15:06:54 · 322 阅读 · 0 评论 -
JavaScript-如何克隆元素
【代码】JavaScript-如何克隆元素。原创 2024-02-29 14:52:23 · 441 阅读 · 0 评论 -
阻止a标签跳转的方法
这个是最常用的方法,京东也是使用该方法,这里是的意思是这次点击又JavaScript处理,处理的方式是无/伪协议,如果我们后面写个alert() 就代表alert()处理,其次写其他也一样。总是跳转到当前页面顶部,当页面内容较多时,还是会有跳转的感觉。,直接做截断了,后面不会执行。阻止事件的默认行为,原创 2024-02-29 11:15:15 · 2464 阅读 · 0 评论 -
DOM 创建节点、添加节点和删除节点
【代码】DOM 创建节点、添加节点和删除节点。原创 2024-02-29 10:36:35 · 483 阅读 · 0 评论 -
DOM 获取父子节点
DOM 是以树状结构排列的,所以父子关系是相对的,当li为我们的目标节点的时候,ul为其父节点,其他li为它的兄弟节点,li里面包含的标签为子节点,以此类推。父元素.childNodes,包含标签、文本、注释等。元素.parentNode,直接得到DOM对象。父元素.children,这个只会找到标签。原创 2024-02-28 17:54:27 · 391 阅读 · 0 评论 -
DOM HTML5 -操作自定义属性
如果它不存在,我们自己写入的叫做”自定义属性“,一般我们用来存储某些数据的场景下使用;我们的标签它默认就有自己的属性:id、class、style、src等等。原创 2024-02-28 17:38:06 · 517 阅读 · 0 评论 -
DOM 通过className修改样式
className 本质上是修改我们元素类名的(也就是修改行内的class属性),目的也是为了该样式。原创 2024-02-28 17:25:12 · 383 阅读 · 0 评论 -
DOM innerHTML 和 innerText 使用与区别
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML;其实两者之间的区别 innerHTML是从对象的起始位置到终止位置的全部内容,包括Html标签; 而 innerText从起始位置到终止位置的内容, 但它去除Html标签。innerHTML取到内部所有内容(包括标签)相同点:都会替换原本(完整)的内容,重新赋值。如果不涉及到标签,两个都一样,都是完整替换。innerText只会取到文本内容。原创 2024-02-28 17:14:41 · 309 阅读 · 0 评论 -
DOM的一些常见的操作元素方法
*html标签:**document.documentElement。可以与css一样,通过选择器的形式找到对应的元素,更方便简洁;返回的一定是伪数组,如果一个都找不到,那就是长度为0的伪数组。**body标签:**document.body。**head标签:**document.head。如果只想找到特定的li,可以把前面的。替换成某个父元素即可。元素对象,返回伪数组。原创 2024-02-28 15:47:52 · 393 阅读 · 0 评论