news 2026/9/1 20:04:39

1.web记录

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
1.web记录

1.js数据类型

基本数据类型:string boolean number undefined null symbol bigInt

引用数据类型:Object(对象 数组 函数)

2.怎么去判断数据类型

方法一:typeof不能判断 null、Array、Object

方法二:instanceof判断Object不能判断 null、undefined

方法三:Object.prototype.toString.call() 可以判断任何类型

方法四:Array.isArray() 只能判断 Array 类型

方法五:constructor不能用判断null、undefined

3.盒模型

盒模型:content(内容区域)borderpaddingmargin(不计算)四种属性

怪异盒模型 box-sizing: border-box;

width = 内容 + padding + border,padding和border 不会撑大盒子 更好控制盒子

标准盒模型 box-sizing: content-box;

width = 内容 + padding + border,padding和border 会撑大盒子

4.数组的方法

1.那些会改变原数组

1.push(); 方法:在数组的最后面添加内容,返回值是添加后数组的长度

2.pop()方法:把数组的最后一个删除,返回值是删除的那一项

3.unshift()方法:在数组的最前面添加内容,返回值是添加后数组的长度

4.shift()方法:删除数组中的第一项,返回值是删除的那一项

5.concat()方法:拼接数组

6.join()方法:把数组中的每一项用特定的字符串连接起来

7.splice(a,b,c); 方法:从索引a开始截取b个元素,并用c替换截取的元素,并改变原来的数组,如果只有一个参数,表示从这个索引开始截取到末尾

splice(a,b)方法里面如果第一个参数为负数的话,使用方法跟slice()方法一样,如果第二个参数为负数的话,表示截取的是一个空数组

8.sort(function (a,b){return a-b}); 数组排序方法

9.reverse(); 方法:数组翻转方法

2.那些不会改变原数组

1.slice(a,b) 方法: 从索引a开始截取(包括a),一直截取到b(不包括b),如果里面只有一个参

数,那么就直接截取到末尾,不会改变原来的数组

2.forEach(function (ele,index){console.log(ele,index)}); 方法:遍历数组,传入一个回调函数,里面有三个参数,第一个是元素值,第二个是索引,第三个是数组

3.every(function (ele){return ele > 20}); 传入一个回调函数,返回值是boolean类型值

4.map(function (ele){return ele + 10});map(Math.sprt);让数组中的每一个元素按照函数的方法去执行,返回一个新的数组

5.filter(functoon (ele){return ele < 50});起到过滤作用, 让数组中的每一个元素按照函数的方法去执行,把符合条件的元素放到一个新的数组中返回

6.eval(arr.join('+'));如果数组中的每一项都是数字的话,用这个方法可以求数组中的数字之和

5.forin / forof区别

for...in 遍历对象的键(字符串),会走原型链,顺序不保证,可以用在对象,字符串,数组中使用;返回的是属性名(字符串类型)

for...of 遍历可迭代对象的值(即元素内容,任意类型),不走原型链,顺序稳定,数组/字符串/Set/Map 专用,对象不行。返回的是元素值(任意类型)

相同:两者都可以使用 break、continue、return 提前终止循环。这一点上两者能力相当,都优于 forEach(无法中断)

6.map/forEach区别

相同点 :

都是循环遍历数组中的每一项

回调函数的参数:当前的值、当前值的索引、数组

不同点:

map会返回一个新的数组,而forEach不会

foreach可以跳出循环,(return语句可以当前回调函数中返回),而map不能,只能遍历完整个数组。

map方法返回一个新的数组,数组中的元素为原始数组调用函数处理后的值。(原数组进行处理之后对应的一个新的数组。)

map()方法不会改变原始数组

map()方法不会对空数组进行检测

forEach()方法用于调用数组的每个元素,将元素传给回调函数.(没有return,返回值是undefined

注意:forEach对于空数组是不会调用回调函数的。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/1 19:58:13

EtherCAT(2)—— 帧格式

本文内容大多摘录自《ETG1000_4_V1i0i4_S_R_EcatDLLProtocols.pdf》 规范中定义EtherCAT数据帧有两种格式&#xff0c;一种是最“原生”的EtherCAT帧&#xff0c;格式如下图第一行&#xff0c;另一种是搭载在UDP报文中EtherCAT数据帧&#xff0c;格式如下图第二行&#xff0c;常…

作者头像 李华
网站建设 2026/9/1 19:51:04

js中includes的不同使用场景

简介&#xff1a;includes()是 ES6 新增的方法&#xff0c;数组、字符串都拥有该 API&#xff0c;但是两者查找逻辑有区别&#xff0c;很多同学容易混淆&#xff0c;本文结合示例讲清楚用法、区别、注意事项。一、字符串的 includes ()作用判断一个字符串里面是否包含某个子片段…

作者头像 李华
网站建设 2026/9/1 19:49:42

游戏管理工具开发实战:数据统一、封面处理与自动更新

在游戏开发与运营的日常工作中&#xff0c;我们常常需要处理海量的游戏资源、元数据以及版本发布。手动管理这些内容不仅效率低下&#xff0c;而且极易出错&#xff0c;尤其是在需要统一更新多款游戏或调整大量素材时。近期&#xff0c;一个名为“绅游管理工具”的辅助软件更新…

作者头像 李华
网站建设 2026/9/1 19:44:40

模玩新品情报追踪系统:从COMING SOON到自动监控

看到 FansToys FT-63 TURBO COMING SOON! 这条预告时&#xff0c;玩家通常的回应是去搜索&#xff0c;然后得到一堆不完整的信息。有人说是新品&#xff0c;有人说是系列改版&#xff0c;有人贴出一张没有来源的渲染图&#xff0c;还有人已经开始发预订链接。信息分散、真假混杂…

作者头像 李华