console使用
Hello，大家好，我是 Sunday。 在日常开发中，大多数同学都会通过 的方式来进行代码调试。但是 是具备很多局限性的，比如：我们想要获取某段代码的执行耗时，通过 就无法满足需求。 那么怎么办呢？其实对于 对象来说，除了 方法它还提供了很多其他的方法帮助我们进行调试，利用这些方法可以极大地提升我们的工作效率 01：console.table 使用 console.table 可视化复杂的对象和数组： 打印结果如下： 02：conso...
实现同时上传文件和表单json数据的解决方案 - 掘金
项目需求，实现通过一个后端接口同时接收form表单数据和文件。 前端 后端 1. 选择多个文件一起上传 错误代码 浏览器network调试面板中可看到发送的files参数为\[object file\]形式，而正确的形式应该是\[binary\] 解决方案 2. formData方法append和set区别 通过append(key, value)来添加数据 如果指定的key不存在则会新增一条数据，如果key存在，则添加到数据的末尾 通...
为什么 shadcn ui 能杀入2023年前端工具库榜首
无样式组件库 headless ui 在介绍 shadcn ui 之前，我们先来看前几年出现的概念： headless 组件库 你是否碰上这样的场景，使用 antd / element ui 组件库时，设计让你调整个组件样式（比如说日历日期的特殊颜色等）。 这种情况，通常要费很大的力气跟设计沟通，为什么我不能修改这里的样式，即使只是一小点改动。 组件库都是写好了的，而且底层是耦合的代码，这很难进行更改。强行更改的方案都很脏，不够优雅。...
大文件上传优化（切片、断点续传、秒传
大文件上传 前景提要 在工作中，经常会遇到上传文件的功能，但是当文件体积大时，如果使用把该文件直接在一个请求体中提交，会出现一些问题，以nginx为例： 其默认允许1MB以内的文件 超过1MB的文件，需要设置 放开体积限制 但是这样会存在一个问题，就是如果上传的文件体积很大，就会出现一些问题，最明显的问题是： 服务器的存储和网络带宽压力都会非常大 当服务器、产品、用户忍不了时，就需要对大文件上传进行优化。 1、大文件切片上传 逻辑梗概...
揭秘 ChatGPT：流式输出的神奇原理与 SSE 技术
ChatGPT，作为人工智能领域的佼佼者，以其卓越的自然语言处理能力和广泛的应用场景，赢得了众多用户的青睐。其中，ChatGPT的流式输出功能更是让人印象深刻。那么，ChatGPT是如何实现流式输出的呢？这背后离不开Server Sent Events（SSE）技术的支持。下面，我们就来详细讲解一下ChatGPT流式输出的原理以及SSE技术的作用，并附上代码示例。 一、什么是ChatGPT的流式输出？ ChatGPT的流式输出，指的是在...
空值合并运算符??
空值合并运算符 空值合并操作符（??） 是一个逻辑操作符，当左侧的操作数为 或者 时，返回其右侧操作数，否则返回左侧操作数。 与逻辑或操作符（||）不同，逻辑或操作符会在左侧操作数为假值时返回右侧操作数。也就是说，如果使用 || 来为某些变量设置默认值，可能会遇到意料之外的行为。比如为假值（例如， 或 ）时。 使用空值合并操作符 在这个例子中，我们使用空值合并操作符为常量提供默认值，保证常量不为 null 或者 undefined。 为...
slice()和splice()区别
1. (start,end)：方法可从已有数组中返回选定的元素，返回一个新数组，包含从start到end（不包含该元素）的数组元素。 注意：该方法不会改变原数组，而是返回一个子数组，如果想删除数组中的一段元素，应该使用Array.splice()方法。 start参数：必须，规定从何处开始选取，如果为负数，规定从数组尾部算起的位置， 1是指最后一个元素。 end参数：可选（如果该参数没有指定，那么切分的数组包含从start倒数组结束的所...
H5 下拉刷新如何实现
最近我需要做一个下拉刷新的功能，实现功能后我发现，它需要处理的情况还蛮多，于是我整理了这篇文章。 下图是我实现的效果，分为三步：开始下拉时，屏幕顶部会出现加载动画；加载过程中，屏幕顶部高度保持不变；加载完成后，加载动画隐藏。 首先我会讲解下拉的原理、根据原理写出初始代码；然后我会说明代码存在的缺陷、解决缺陷并做些额外优化；最后我会给出完整代码，并做一个总结。 下拉的原理 如图所示，蓝色框代表视口，绿色框代表容器，橙色框代表加载动画。最开...
html-input直接调用手机设备
\ HTML5官方文档解释：capture属性用于调用设备的摄像头或麦克风。 当accept=”audio/\ 或video/\ ”时capture只有两种值，一种是user，用于调用面向人脸的摄像头(例如手机前置摄像头)，一种是environment，用于调用环境摄像头(例如手机后置摄像头)。 当accept=”audio”时，只要有capture就调用设备麦克风，忽略user和environment值。 至于网上提到的camera和...