- 博客(608)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 js，web端加载新消息，滚动条位置不变，最新消息渲染至视口
保持滚动条位置不变的关键是记录和恢复滚动条的高度差异。通过计算加载新消息前后的高度差，并调整滚动位置，可以有效地防止用户视角的跳动。
2024-08-29 10:53:39
963
原创 前端构建URL的几种方法比对，以及函数实现
简单场景：字符串拼接或 ES6 模板语法。复杂场景new URL()构造函数。这两种方法没有绝对的优劣，关键是选择适合场景的工具。
2024-08-13 15:41:50
1073
原创 前端js中将YAML文本赋值给变量，并使用js-yaml插件来解析
模板字符串（使用反引号）支持多行文本和插值，适用于包含换行符的文本内容，如 YAML。普通字符串（使用单引号或双引号）不支持直接包含换行符，需要使用换行字符或字符串连接，处理起来较为繁琐。以上步骤展示了如何在 Vue 项目中使用js-yaml解析 YAML 文本。通过安装js-yaml依赖，并在 Vue 组件中导入和使用它，你可以轻松解析并显示 YAML 数据。
2024-08-05 13:32:06
811
原创 Axios的几种不同的responseType处理响应，以及blob与arraybuffer的解析
Axios的几种不同的responseType处理响应，以及blob与arraybuffer的解析
2024-07-29 13:47:29
1525
原创 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
702
原创 nginx开启资源目录
上一篇文档揭示了nginx的神秘面纱，初步介绍与启动了nginx的基本功能和使用那如何开放出一个公用的静态资源目录，可以访问所有的文件呢？这段配置实际上是用于配置 Nginx 服务器块，用于从文件系统的特定目录提供文件。：该指令指定要匹配传入请求的 URL 前缀（因此，任何以开头的请求都将由此块内的指令处理。alias F:/;：该指令指定文件系统上文件的物理路径，即请求对应的文件应该位于的位置。在这里，是F:/。alias。
2024-05-21 14:58:40
1021
原创 javascript-Vue：防抖 (Debouncing)、节流 (Throttling)
javascript-Vue：防抖 (Debouncing)、节流 (Throttling)
2024-05-16 16:37:09
416
原创 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
1117
原创 一图看懂git merge和git rebase的区别！！
git merge和git rebase都具有合并分支的功能，但两者又有不同:rebase: 变基: 把一个分支的更改移动到另一个分支上，通常用于保持提交历史的线性和干净merge: 合并： 把一个分支的更改合并到另一个分支,合并后的提交会保留原始分支的提交历史rebase: 解决完冲突后不会产生额外的commitmerge: 解决完冲突后会产生一个commit
2024-05-13 13:03:25
543
原创 前端nginx（windows操作系统）学习配置开发验证
Nginx作为负载均衡在Linux系统上具备很好的并发性能，并且占用极小的内存。但是在Windows系统上并不支撑较高并发，所以在Windows系统上选用Nginx作为负载均衡，需要考虑并发情况。
2024-05-07 14:24:18
503
2
原创 webpack打包优化之代码chunk分割---解除recommended size limit (244 KiB)限制
webpack打包优化之代码chunk分割---解除recommended size limit (244 KiB)限制
2024-04-28 11:37:50
519
原创 webpack前端性能优化- HappyPack多线程打包-打包速度提升n倍
webpack前端性能优化- HappyPack多线程打包-打包速度提升n倍
2024-04-26 17:09:13
952
2
原创 前端vue项目加快热更新——提高部署速度——采用babel-plugin-dynamic-import-node插件
前端vue项目加快热更新——提高部署速度——采用babel-plugin-dynamic-import-node插件
2024-04-26 13:10:14
1492
2
原创 用mySql设计一个在线简易在线交易平台数据库
当设计一个在线交易商店的数据库架构时，需要考虑多个方面，包括产品信息、订单管理、用户信息、支付信息等。这是一个简单的数据库架构示例，你可以根据实际需求进行调整和扩展。例如，你可能需要添加更多的信息，如产品分类、用户角色、配送信息等。此外，还应该考虑数据的索引、关联和完整性约束等方面，以确保数据库的性能和数据的完整性。
2024-04-20 13:47:51
1006
原创 javaScript数组-(进阶算法)-计算正整数各个位数上的数字之和
【代码】javaScript数组-(进阶算法)-计算正整数各个位数上的数字之和。
2024-04-16 23:20:22
236
原创 javaScript数组-(进阶算法)-移动零
给定一个数组nums,编写一个函数将所有0移动到数组的末尾，同时保持非零元素的相对顺序。请注意，必须在不复制数组的情况下原地对数组进行操作。
2024-04-15 23:56:37
255
原创 JS Global Event Bus（全局事件总线）
发布-订阅模式： 该模式涉及两个主要角色 - 发布者（Publisher）和订阅者（Subscriber）。发布者负责发布（触发）事件，而订阅者则通过订阅事件来接收通知。事件对象： 通常，一个事件是一个包含相关信息的对象。当发布者触发事件时，它可以传递一些数据给所有订阅者。事件总线对象： 在全局事件总线中，通常会有一个中央的事件总线对象，用于管理所有的事件。这个对象包含一个事件注册表，用于存储不同类型事件的订阅者列表。订阅事件： 组件或模块可以通过订阅事件来表达对某一类型事件的关注。
2024-02-28 10:38:24
599
原创 ctx.drawImage的canvas绘图不清晰解决方案,以及canvas高清导出
ctx.drawImage的canvas绘图不清晰解决方案,以及canvas高清导出
2024-02-23 18:18:23
1674
原创 【前端——PBKDF2 加密的实现】
由于我们须要加密后的 password 无法被解密，同一时候也能保证正确校验每一个用户的 password。可是哈希加密能够通过字典攻击和暴力攻击破解。每一个用户都有自己的盐，这种结果就是即使用户的 password 同样。为了校验 password 是否正确，我们须要储存盐值。或者直接存为哈希字符串的一部分。由于哈希算法是单向的，能够将不论什么大小的数据转化为定长的 “指纹”，并且无法被反向计算。盐是一个加入到用户的 password 哈希过程中的一段随机序列。哈希的结果也会全然不同。
2023-12-22 12:47:55
463
原创 每日一题：给你一个有序数组nums，请你原地删除重复出现的元素。
给你一个有序数组nums，请你原地删除重复出现的元素，使得出现次数超过俩次包括俩次的元素只出现一次，返回删除后的数组的新长度
2023-12-21 14:22:37
529
原创 js键盘事件keydown事件，防止重复触发，组合键的配合使用
键盘事件类型主要有三种：keydown、keypress和keyup。阻止keydown事件重复触发.组合键的配合使用
2023-12-20 16:54:00
1994
原创 每日一题：实现一个类，其实例可以链式调用，他有一个sleep方法，可以sleep一段时间后再后续调用
实现一个类，其实例可以链式调用，他有一个sleep方法，可以sleep一段时间后再后续调用。
2023-12-17 13:13:05
494
SpringBoot+社区老人健康信息管理的所有代码打包
2022-06-19
nodejs+字符串的模式匹配+正则表达式+判断获取字符串的某些需求
2022-04-03
获取fs的readfille读取文件时的返回值
2022-01-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人