- 博客(23)
- 收藏
- 关注
RSS订阅原创 设计一个 A → B 标准免登录跳转方案
本文介绍了两种SSO单点登录方案。当前方案通过token实现：用户从A站跳转B站时携带token，B后端校验后创建会话并返回302跳转，浏览器保存cookie完成登录。该方案成功条件包括顶级页面跳转、同域写cookie且不依赖JS和跨域。推荐的标准方案改用授权码方式：A后端生成一次性authCode，B站通过校验code创建会话并跳转，同样能实现免登录访问。两种方案都通过后端会话管理和302重定向确保登录成功，推荐方案安全性更高。
2025-12-20 09:48:06
199
原创 webrtc视频播放 前端拉流 socket版 点对点播放
等双方的 RTCPeerConnection 建立起来后，媒体流（H.264/Opus 等）会通过 WebRTC 的 RTP/RTCP/DTLS 通道传输，通常是 UDP，跟 WebSocket 无关。浏览器和服务端（或另一端）先通过 WebSocket/HTTP 交换 SDP、ICE 候选等信息，也就是 sendSignal 那些调用，这一步只传控制消息，不传媒体。ICE 候选：浏览器列出它可能用来收发流的 IP/端口组合（局域网、外网、TURN 中继等），逐个发给服务端。
2025-11-27 08:00:00
179
原创 Nexus 搭建 Npm 私服 实战
摘要：企业内网环境中使用Nexus私服管理npm依赖时，因某个插件依赖在线GitHub仓库导致安装失败。解决方案是：1)修改插件包的package.json；2)将修改后的插件及其依赖库上传至hosted仓库；3)清理旧版本；4)配置group仓库优先级；5)添加安全认证。该方案通过重构依赖管理机制，成功解决了内网环境下的依赖下载问题。（149字）
2025-08-27 08:00:00
367
原创 vscode 前端最佳插件配置
本文介绍了VS Code中常用的四种插件：中文简体、Vetur语法高亮、Prettier代码格式化和GitLens源代码管理，并详细说明了settings.json文件中的相关配置。重点包括Vetur的文件关联设置、Prettier的格式化规则（如缩进、换行、引号等）以及GitLens的版本控制配置。这些配置可实现代码自动格式化、语法高亮显示和便捷的Git操作，为开发者提供更高效的开发环境。
2025-08-23 08:00:00
231
原创 flv.js的追帧、断流重连及实时更新的直播优化方案
前端直播优化方案探讨：基于flv.js的实践 摘要：本文详细介绍了前端直播技术方案，重点分析了flv.js的应用优势及优化策略。在浏览器端直播协议对比中，HTTP-FLV在延迟、内存占用等方面表现优异。flv.js通过JS解码FLV数据并通过MediaSource扩展喂给Video标签，实现了高效直播播放。针对实际应用中的延迟累积、断流等问题，文章提出追帧设置（通过调整播放速度或跳帧）、断流重连机制、实时更新策略以及卡顿检测重建等优化方案。这些方法有效提升了直播的实时性和稳定性，为前端直播开发提供了实用参考
2025-06-23 11:20:19
1061
原创 DHCP导致断网改成固定 IP更稳定
自动获取IP可能导致断网的原因包括：DHCP服务器不稳定、IP地址冲突和租约过期等问题。改用固定IP更稳定是因为它不依赖DHCP，避免了服务器故障和租约问题。设置固定IP的步骤是：打开网络连接属性，选择IPv4协议，手动输入IP地址、子网掩码、网关和DNS服务器信息（如192.168.1.100和8.8.8.8等），保存后重启网络即可。这种方法能有效解决自动获取IP带来的不稳定问题。
2025-06-16 13:30:00
1496
原创 vscode中用户自定义代码模板logs
通过vscode个人设置的Snippets选项选择或者创建一个自定义snippets文件。snippets的文件格式类似JSON，文件中key的含义如下：prefix：设置自定义代码对应的快捷键。body：自定义代码片段主体，为数组形式，具体可参考后续代码。description：对该段自定义代码片段的描述。
2024-11-19 09:25:47
343
原创 Vue Vite Vue-cli 版本管理 和 Vue项目构建 和 vue-cli 版本差异
安装指定版本(V5.0.7) ： npm install -g @vue/cli@5.0.7。安装最新版本(V2.9.6)：npm install -g vue-cli@latest。安装指定版本(V2.9.5)：npm install -g vue-cli@2.9.5。查看可安装的版本：npm view vue-cli versions --json。安装最新版本(V5.0.8)： npm install -g @vue/cli。卸载已安装的版本：npm uninstall -g vue-cli。
2024-11-02 16:07:09
1136
原创 ElementPlus-日期选择器实现周选择，配置日期周一为周起始日
element ui 或者 plus 其实都是西方的展示方式，日立组件的周日视为每一周的开始日期，我们则是周日为每周的最后一天。我的element-plus版本为 "element-plus": "^1.0.1-beta.6"1. 首先修改中文语言环境，否则日期选择器是从周日开始的。2. 周选择的代码片段如下。
2024-11-01 17:31:01
1907
1
原创 揭秘：高效的前后端网站开发架构
前后端网站开发架构的设计对于构建高效、可扩展且易于维护的应用至关重要。在设计这样的架构时，需要考虑到应用的功能需求、性能要求、安全性以及未来可能的扩展需求。下面是一个关于如何设计前后端网站开发架构的简短说明。
2024-05-30 11:21:55
1513
原创 xshell 复制命令 cp 使用说明
命令时，如果目标位置已经存在同名文件，那么默认情况下，源文件会覆盖目标文件。如果你不希望发生这种情况，可以使用。另外，如果你需要将文件从一个服务器复制到另一个服务器，你可以使用。命令，该命令基于SSH协议进行文件传输。命令用于复制文件或目录。选项来在覆盖之前询问用户。
2024-05-17 11:54:16
2342
原创 样式saas插件与node版本冲突终极解决方案
sass-loader 官网各种版本详细信息(可支持的node-saas版本)卸载掉本机node-sass sass-loader，卸载不掉的话手动删掉。NodeJS和Supported node-sass version。
2023-03-15 11:51:06
5043
1
原创 详解npm和package-lock.json
NPM 的全称是NodePackage Manager，是 Node.js 官方提供的包管理工具，他已经成了 Node.js 包的标准发布平台，用于 Node.js 包的发布、传播、依赖控制。package.json用于告诉npm项目运行需要哪些包, 但包的最终安装的版本不能够只依靠这个文件进行识别, 还需以package-lock.json为准。
2023-03-15 10:11:15
1285
原创 面试问题总结
本文主要总结了Vue.js相关的核心知识点，包括SPA单页面应用、Vue基础语法、组件通信、生命周期、路由模式、数据绑定原理、性能优化等内容。
2023-03-06 17:17:48
186
原创 localStorage、sessionStorage、cookies
如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中设置了cookie的过期时间，cookie被保存在硬盘中，关闭浏览器后，cookie数据仍然存在，直到过期时间结束才消失。sessionStorage的生命周期是在浏览器窗口有效，关闭了浏览器窗口后就会被销毁。localStorage的生命周期是永久的，关闭页面或浏览器之后localStorage中的数据也不会消失。后端使用较多，前端很少使用，不做具体分析。
2023-03-06 15:12:36
531
原创 时间常用方法
/当前时间的前3个月时间。//当前时间的前一个星期时间。//当前时间的前10天时间。//当前时间的前1年时间。// 初始化日期时间。的文档相对简单、清晰！
2023-03-06 14:33:35
440
原创 数据类型判断
如：let bb = 452;console.log(Number.isFinite(a)) // 结果 true。返回的是对应类型的字符串，常用于检测基本数据类型，检测null和引用数据类型不准确。返回的是布尔值，基本数据类型就是false，引用数据类型返回true。如：console.log(isNaN('number'))isInteger 是返回true，不是就false。isNaN 是返回true，不是就false。
2023-03-06 11:59:53
124
原创 把Vue项目打包为桌面应用(最简)
进入打包后的dist文件夹，其中x86、x64是不同系统的桌面应用，点击进入就会看到对应的exe文件。
2022-09-17 16:55:53
9353
22
原创 SockJS实现数据的推送订阅
一、安装npm install sockjs-client --savenpm install stompjs --save二、使用<script>import SockJS from 'sockjs-client';import Stomp from 'stompjs';export default { name: 'Sidebar', data() { return { socket: null,
2022-04-28 14:57:03
789
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人