- 博客(20)
- 收藏
- 关注
RSS订阅原创 JS中数组/对象的方法及其作用大全
如果找到该元素，则返回其在字符串或数组中的索引值；方法是 JavaScript 字符串和数组的一个方法，用于从原始字符串或数组中提取出指定部分，并返回一个新的字符串或数组，而不会修改原始字符串或数组。方法的参数是一个回调函数，该回调函数接受三个参数：当前遍历的元素、当前元素的索引和正在遍历的数组。方法的参数是一个回调函数，该回调函数接受三个参数：当前遍历的元素、当前元素的索引和正在遍历的数组。方法是 JavaScript 中数组对象的一个原生方法，用于从数组的末尾删除最后一个元素，并返回该元素的值。
2024-01-22 20:14:56
1561
原创 webpack5+react18+typescript脚手架搭建
字体文件和媒体文件这两种资源处理方式和处理图片是一样的，只需要把匹配的路径和打包后放置的路径修改一下就可以了。，配置好缓存后第二次打包，通过对 文件做哈希对比来验证文件前后是否一致，如果一致则采用上一次的缓存，可以极大地节省时间。处理后的代码，如果进行调试肯定希望看到源代码，而不是 编译后的代码， source map。tree-shaking 在代码中摇掉的是未使用到的代码，也就是未引用的代码，最早是在。配置在调试的时候，只能看到编译后的代码，也不会泄露源代码，打包速度也会比较快。
2023-12-27 01:42:49
1100
1
原创 node.js实现图片上传
在Node.js中，我们可以利用一些库来处理文件上传功能。其中比较流行的是multer库。Multer是一个Node.js中间件，它可以用来处理multipart/form-data类型的数据，比如通过HTML表单上传的文件。一下Multer的一些基本用法。
2023-12-20 00:01:02
349
1
原创 token相关内容简述
HTTP 是一种没有状态的协议，也就是它并不知道是谁是访问应用。这里我们把用户看成是客户端，客户端使用用户名还有密码通过了身份验证，不过下回这个客户端再发送请求时候，还得再验证一下。实施 Token 验证的方法挺多的，还有一些标准方法，比如 JWT，读作：jot ，表示：JSON Web Tokens。3.单点登录的定义是在多个应用系统中，用户只需要登录一次就可以访问所有相互信任的应用系统。的一种认证方法，令牌（临时）是服务端生成的一串字符串，作为客户端进行请求的一个标识。
2023-12-19 00:03:08
421
原创 ES6常用新特性
使用ES6新特性有助于提高JavaScript编程的效率和质量。ES6版本提供了很多新的特性，接下来我列举项目中常用的ES6+的特性：2. 箭头函数3. 模板字符串4. 结构赋值5. 拓展运算符6. 数组新增7. Promise。
2023-12-07 19:42:55
41
原创 事件循环机制（Event Loop）
需要注意的是，微任务比宏任务优先级要高，因此在同一个任务中，如果既有微任务又有宏任务，那么微任务会先执行完毕。而在不同的任务中，宏任务的执行优先级要高于微任务，因此在一个宏任务执行完毕后，它才会执行下一个宏任务和微任务队列中的任务。需要注意的是，在一些特殊情况下，微任务和宏任务的执行顺序可能会发生变化，比如在使用 MutationObserver 监听 DOM 变化时，它会被视为一个微任务，但是它的执行顺序可能会比其他微任务更靠后。如果遇到宏任务，则将它添加到宏任务队列中，继续执行同步任务。
2023-12-06 20:09:54
62
1
原创 什么是BFC（不是KFC），如何触发呢
BFC - Block Formatting Context 块级格式化上下文 BFC的定义，在官方文档介绍：一个BFC区域包含创建该上下文元素的所有子元素，但是不包括创建了新的BFC的子元素的内部元素，BFC是一块块独立的渲染区域，可以将BFC看成是元素的一种属性，拥有了这种属性的元素就会使他的子元素与世隔绝，不会影响到外部其他元素（简单来说就是盒子里面的元素不会影响盒子外面的元素）3.BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然；1.根元素（<html>）
2023-11-25 16:39:32
47
原创 浏览器的存储技术
cookie是浏览器提供的一种机制，它将document对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制，而并不是JavaScript本身的性质。cookie是存于用户硬盘的一个文件，这个文件通常对应于一个域名，当浏览器再次访问这个域名时，便使这个cookie可用。因此，cookie可以跨越一个域名下的多个网页，但不能跨越多个域名使用。cookie是比较老的前端缓存技术了。想要使用它前端必须要有服务（静态网页是不行的），而且存储大小限制在4kb。
2023-11-20 00:07:00
44
1
原创 同步跟异步
异步：异步是指进程不需要一直等待下去，而是继续执行下面的操作，不管其他进程的状态，当有信息返回的时候会通知进程进行处理，这样就可以提高执行的效率了，即异步是我们发出的一个请求，该请求会在后台自动发出并获取数据，然后对数据进行处理，在此过程中，我们可以继续做其他操作，不管它怎么发出请求，不关心它怎么处理数据。异步操作会导致：如果下一个函数需要未执行完成的当前函数中的元素，由于当前函数未对该元素进行处理，而异步使得下一个函数先执行，自然导致下一个函数中获取的该元素为空。
2023-11-19 23:52:58
19
1
原创 论防抖节流
防抖（Debounce）是指在事件被触发delay时间后再执行回调function函数，如果在这设置的delay时间内事件又被触发，则重新计时。这可以使用在些点击请求的事件上，避免因为用户的多次点击向后端发送多次请求。节流（Throttle）是指规定一个单位时间（延迟delay时间），在这个单位时间内，只能有一次触发事件的回调函数执行，如果在同一个单位时间内某事件被触发多次，只有一次能生效。节流可以使用在scroll函数的事件监听上，通过事件节流来降低事件调用的频率。
2023-11-19 23:37:47
16
1
原创 继承的六种方法
用一个函数包装一个对象，然后返回这个函数的调用，这个函数就变成了个可以随意增添属性的 实例或对象。（原型上的属性是共享的，一个实例修改了原型属 性，另一个实例的原 型属性也会被修改！1、实例可继承的属性有：实例的构造函数的属性，父类构造函数属性，父类原型的属性。调用了两次父类构造函数（耗内存），子类的构造函数会代替原型上的那个父类构造函 数。1、只继承了父类构造函数的属性，没有继承父类原型的属性。1、可以继承父类原型上的属性，可以传参，可复用。2、每个新实例引入的构造函数属性是私有的。
2023-11-01 20:53:01
18
1
原创 瀑布流布局
总之，瀑布流是一种常用于网页设计的布局方式，通过动态无限滚动展示内容，并提供了更好的用户体验和快速导航功能。2. 响应性能：随着不断加载新内容，页面的数据量会逐渐增加。2. 快速导航：由于页面中同时展示了多个项目，用户可以方便地快速浏览和选择感兴趣的内容。1. 动态展示：通过无限滚动加载新内容，用户可以不断地浏览更多信息，避免了需要点击“下一页”或刷新页面获取更新的麻烦。3. 用户体验好：因为没有明显分页和加载延迟的干扰，在使用过程中能够提供更加连续、顺畅且沉浸式的阅读体验。，逐渐在国内流行开来。
2023-10-28 10:20:01
19
原创 echarts的基本使用
颜色主题（1）主题可以通过切换深色模式，直接看到采用主题的效果通过light 、dark切换定制主题，具体可以参考官网，需要导入下载的js文件（2）color调色盘在 option 中设置。可以设置全局的调色盘，也可以设置系列自己专属的调色盘。全局调色盘option.color局部调色盘series.item.color（3）itemStyle项的颜色高亮的样式emphasis特殊样式渐变色（1）定义渐变// 定义渐变x: 0,y: 0,x2: 0,
2023-10-23 22:19:08
24
原创 js中常用的API
click单击mousemove鼠标移动mouseover鼠标移入mouseout鼠标移出mouseenter鼠标移入mouseleave鼠标移出wheel滚轮dbclick双击右击keydown按键按下keyup按键松开keypress按键按下并松开表单元素事件change表单元素发生改变时并失去焦点input表单元素发生改变时blur表单元素失去焦点时focus表单元素获取焦点时reset表单重置select选择文本时submit。
2023-10-07 01:05:55
69
1
原创 js精度缺失问题
大整数的精度丢失和浮点数本质上是一样的，尾数位最大是52位，因此 JS 中能精准表示的最大整数是 Math.pow(2, 53)，十进制即 9007199254740992。计算机存储双精度浮点数需要先把十进制数转换为二进制的科学记数法的形式，然后计算机以自己的规则{符号位+(指数位+指数偏移量的二进制)+小数部分}存储二进制的科学记数法。因为存储时有位数限制（64位），并且某些十进制的浮点数在转换为二进制数时会出现无限循环，会造成二进制的舍入操作(0舍1入)，当再转换为十进制时就造成了计算误差。
2023-10-07 00:07:24
39
1
原创 flex弹性布局
弹性布局（Flexible Box Layout，简称Flexbox）是一种用于网页布局的 CSS 模块。它提供了一种灵活的方式来对容器中的项目进行排列、对齐和分布空间。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。
2023-09-19 01:52:46
93
原创 圣杯布局与双飞翼布局
圣杯布局和双飞翼布局是前端工程师需要日常掌握的重要布局方式。两者的功能相同，都是为了实现一个。圣杯布局是三列布局，中间宽度自适应，两边定宽，这样做的优势是重要的东西放在文档流前面可以优先渲染。也就是在html文档中，中间的部分要写在左右布局之前。当然，这种布局是面向PC端的，移动端由于屏幕宽度较小，不推荐多列布局。
2023-09-02 15:17:29
169
1
原创 拓展标签：iframe（浮动框架），marquee（跑马灯标签）
浮动框架是一种较为特殊的框架，它是在浏览器窗口中嵌套的子窗口，整个页面并不一定是框架页面，但要包含一个框架窗口。< iframe>框架可以完全由设计者定义宽度和高度，并且可以放置在一个网页的任何位置，这极大地扩展了框架页面的应用范围。< frameset>生成的框架结构是依赖上级空间尺寸的，它的宽度或者高度必须有一个和上级框架相同。而< iframe>浮动框架可以完全由指定宽度和高度决定。
2023-09-02 11:25:04
1490
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人