- 博客(622)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
原创 vue3+vite模式下修改pinia的stroe初始值不进行热HMR更新解析
vue3+vite模式下修改pinia的stroe初始值不进行热HMR更新解析
2025-03-11 16:58:44
392
原创 js数组方法some() 和 every()的区别
some()和every()是 JavaScript 中两个常用的数组方法,它们都用于检查数组中的元素是否满足某种条件,但它们的行为有所不同。
2024-12-24 15:47:57
490
原创 在 OpenSeadragon 中,**所有逻辑坐标的比率(包括中心坐标的 `x` 和 `y`)默认都是基于图像宽度计算的
这是 OpenSeadragon 的设计逻辑,逻辑坐标系通常是一个宽度为 1 的方形(即宽度为 1,高度按照原始图像的宽高比调整)。,而高度通过宽高比进行换算。这种设计可以统一逻辑坐标的比例,不受图像具体尺寸的影响。在 OpenSeadragon 中,0.5 × 逻辑高度。
2024-12-23 15:51:34
490
原创 js中string和String的区别
在 JavaScript 中,string 和 String 有本质的区别,分别代表 基本类型 和 对象类型。
2024-12-11 17:40:09
401
原创 CSS实现实现当文本内容过长时,中间显示省略号...,两端正常展示
通过伪类::before、定位top、两端对齐等CSS技巧,.title和.txt标签在不同情况下能实现动态切换与覆盖,同时保证文本省略和展示效果的平衡。
2024-11-21 09:56:25
1483
原创 Navigator:vibrate() 方法 - Web API | MDN
Navigator接口的vibrate()方法用于控制设备上的振动硬件(如果存在)。如果设备不支持振动,则该方法无效。如果已经处于振动模式,调用此方法会停止前一个模式,并开始新的振动模式。
2024-11-15 09:48:52
1112
原创 前端SSE包event-source-polyfill的其他事件监听的实现
event-source-polyfill库中如何监听其他事件SSE
2024-10-25 17:31:56
2133
2
原创 《webpack深入浅出系列》
Webpack 是一种现代 JavaScript 应用的打包工具,通过将代码及其依赖项打包成静态文件,方便在浏览器中加载和运行。此文章是基本使用与设计概述
2024-10-09 11:28:27
1331
原创 js,web端加载新消息,滚动条位置不变,最新消息渲染至视口
保持滚动条位置不变的关键是记录和恢复滚动条的高度差异。通过计算加载新消息前后的高度差,并调整滚动位置,可以有效地防止用户视角的跳动。
2024-08-29 10:53:39
1343
原创 前端构建URL的几种方法比对,以及函数实现
简单场景:字符串拼接或 ES6 模板语法。复杂场景new URL()构造函数。这两种方法没有绝对的优劣,关键是选择适合场景的工具。
2024-08-13 15:41:50
1881
原创 前端js中将YAML文本赋值给变量,并使用js-yaml插件来解析
模板字符串(使用反引号)支持多行文本和插值,适用于包含换行符的文本内容,如 YAML。普通字符串(使用单引号或双引号)不支持直接包含换行符,需要使用换行字符或字符串连接,处理起来较为繁琐。以上步骤展示了如何在 Vue 项目中使用js-yaml解析 YAML 文本。通过安装js-yaml依赖,并在 Vue 组件中导入和使用它,你可以轻松解析并显示 YAML 数据。
2024-08-05 13:32:06
932
原创 Axios的几种不同的responseType处理响应,以及blob与arraybuffer的解析
Axios的几种不同的responseType处理响应,以及blob与arraybuffer的解析
2024-07-29 13:47:29
6584
1
原创 HTTP/1.1、1.2、1.3详细信息和主要区别
HTTP/1.1:持久连接和管道化,解决了基本的性能问题,但仍然存在队头阻塞。HTTP/2:二进制分帧和多路复用,大幅提升性能,但仍然受限于 TCP 的队头阻塞。HTTP/3:基于 QUIC,解决了队头阻塞问题,进一步优化了连接建立和数据传输效率。这些协议版本的改进都是为了适应现代 Web 的需求,提高页面加载速度和传输效率。可以关注和应用 HTTP/2 和 HTTP/3 的特性,以便为用户提供更好的体验。
2024-07-23 17:18:02
1380
原创 nginx开启资源目录
上一篇文档揭示了nginx的神秘面纱,初步介绍与启动了nginx的基本功能和使用那如何开放出一个公用的静态资源目录,可以访问所有的文件呢?这段配置实际上是用于配置 Nginx 服务器块,用于从文件系统的特定目录提供文件。:该指令指定要匹配传入请求的 URL 前缀(因此,任何以开头的请求都将由此块内的指令处理。alias F:/;:该指令指定文件系统上文件的物理路径,即请求对应的文件应该位于的位置。在这里,是F:/。alias。
2024-05-21 14:58:40
1200
原创 javascript-Vue:防抖 (Debouncing)、节流 (Throttling)
javascript-Vue:防抖 (Debouncing)、节流 (Throttling)
2024-05-16 16:37:09
476
原创 Vue中v-if与v-for的优先级和注意事项
在Vue.js中,和是两种常用的指令,它们在模板中控制元素的渲染方式。理解它们之间的优先级和如何正确使用它们对于编写高效的Vue应用至关重要。在Vue模板编译时,和都会被转换成可执行的函数。在Vue的源码中,的判断优先于。Vue源码分析在Vue的源码中,的处理优先于,这意味着在渲染过程中,Vue会先进行列表渲染,然后才进行条件判断。计算属性示例四、流程图下面是和在Vue模板中的处理流程的简化流程图:Vue模板v-forv-if列表渲染条件判断在Vue中,和的处理流程可以通过以下简化流程图来表
2024-05-14 10:37:00
1295
原创 一图看懂git merge和git rebase的区别!!
git merge和git rebase都具有合并分支的功能,但两者又有不同:rebase: 变基: 把一个分支的更改移动到另一个分支上,通常用于保持提交历史的线性和干净merge: 合并: 把一个分支的更改合并到另一个分支,合并后的提交会保留原始分支的提交历史rebase: 解决完冲突后不会产生额外的commitmerge: 解决完冲突后会产生一个commit
2024-05-13 13:03:25
654
原创 前端nginx(windows操作系统)学习配置开发验证
Nginx作为负载均衡在Linux系统上具备很好的并发性能,并且占用极小的内存。但是在Windows系统上并不支撑较高并发,所以在Windows系统上选用Nginx作为负载均衡,需要考虑并发情况。
2024-05-07 14:24:18
651
2
原创 webpack打包优化之代码chunk分割---解除recommended size limit (244 KiB)限制
webpack打包优化之代码chunk分割---解除recommended size limit (244 KiB)限制
2024-04-28 11:37:50
743
原创 webpack前端性能优化- HappyPack多线程打包-打包速度提升n倍
webpack前端性能优化- HappyPack多线程打包-打包速度提升n倍
2024-04-26 17:09:13
1278
2
原创 前端vue项目加快热更新——提高部署速度——采用babel-plugin-dynamic-import-node插件
前端vue项目加快热更新——提高部署速度——采用babel-plugin-dynamic-import-node插件
2024-04-26 13:10:14
2226
2
原创 用mySql设计一个在线简易在线交易平台数据库
当设计一个在线交易商店的数据库架构时,需要考虑多个方面,包括产品信息、订单管理、用户信息、支付信息等。这是一个简单的数据库架构示例,你可以根据实际需求进行调整和扩展。例如,你可能需要添加更多的信息,如产品分类、用户角色、配送信息等。此外,还应该考虑数据的索引、关联和完整性约束等方面,以确保数据库的性能和数据的完整性。
2024-04-20 13:47:51
1178
原创 javaScript数组-(进阶算法)-计算正整数各个位数上的数字之和
【代码】javaScript数组-(进阶算法)-计算正整数各个位数上的数字之和。
2024-04-16 23:20:22
314
原创 javaScript数组-(进阶算法)-移动零
给定一个数组nums,编写一个函数将所有0移动到数组的末尾,同时保持非零元素的相对顺序。请注意,必须在不复制数组的情况下原地对数组进行操作。
2024-04-15 23:56:37
329
SpringBoot+社区老人健康信息管理的所有代码打包
2022-06-19
nodejs+字符串的模式匹配+正则表达式+判断获取字符串的某些需求
2022-04-03
获取fs的readfille读取文件时的返回值
2022-01-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人