- 博客(18)
- 收藏
- 关注
RSS订阅原创 Vite代理HTTPS报错unsafelegacyrenegotiationdisabled解决方案
前端使用Vite开发代理转发HTTPS接口时，遇unsafelegacyrenegotiationdisabled错误，根源在于Node 18+（OpenSSL 3）默认禁用不安全的老式TLS重协商。虽后端接口本身正常，但代理请求因协议不兼容失败。排查发现：① Vite代理应使用rewrite而非pathRewrite；② 根本问题是TLS握手失败。解决方案：推荐在vite.config.js中配置自定义https.Agent并启用SSL_OP_LEGACY_SERVER_CONNECT，或临时通过NODE
2026-10-16 15:00:50
365
原创 el-tag切换导致表格行高抖动？一招解决
在ElementPlus的el-table中，使用多个el-tag配合v-if互斥切换状态时，因el-tag内置<transition>动画，旧tag离场动画期间与新tag共存，导致行高短暂撑大、出现“跳动”现象。根本原因在于组件卸载与挂载引发的过渡重叠。推荐解法：将多个el-tag合并为单个动态tag，通过改变type和文案实现状态切换，并添加disable-transitions避免动画干扰，从根源消除抖动。此方案更高效且语义清晰。
2026-09-23 10:40:00
185
原创 uni-app + wot-ui：弹层打开时如何锁定小程序背景滚动
关键词：uni-app、wot-ui、wd-popup、wd-datetime-picker、微信小程序、滚动锁定、page-meta。，让多个弹层可以叠加（比如「用户选择弹窗」里再唤起「日期选择器」），只有全部关闭计数归零才真正解锁，避免相互覆盖。是不会滚动的（只有 H5 的 CSS 生效）。背景锁住后，面板内容若很长，需要内部滚动的话，应把滚动区换成。更要命的是，滑到弹层内容（比如长列表）的边界时，还会发生「滚动穿透」，背景页面被带着一起滚。控制的是宿主页面，写在子组件里不会生效。，背景滚动即被禁止；
2026-09-18 10:31:32
297
原创 Git清空历史记录：重置仓库不改远端地址
本文介绍在保留项目代码与远端地址的前提下，清空Git仓库历史记录的两种方法：一是删除.git文件夹后重新初始化；二是使用git checkout --orphan创建无历史分支。两种方式均需强制推送，会覆盖远端历史，仅适用于单人项目或已备份并通知协作者的场景。多人协作时需管理员临时关闭分支保护（如GitLab的主分支保护），操作后务必恢复保护。推荐团队项目采用安全方案：新建干净分支并合并，避免破坏性强推。⚠️注意：历史一旦覆盖无法恢复，强推将导致他人本地仓库错乱，必须重新克隆。
2026-09-15 10:24:11
147
原创 Vite代理500真相：竟因Connection:close
前端通过Vite代理调后端接口始终500，直连却200，根源在于http-proxy默认使用Node的globalAgent（keepAlive: false），导致转发时自动添加Connection: close。服务端对这类请求处理异常，返回500。修复方案是显式配置keepAlive: true的Agent或在代理中设置headers: { Connection: 'keep-alive' }，使请求保持连接，问题即解。
2026-09-12 17:15:21
118
原创 Flexbox等分陷阱：flex:1为何不均？
Flexbox等分布局误区：flex:1 不等于等分，因基准尺寸为内容高度，导致子项最终高度不均。真正等分需设 flex:1 1 0 并配合 min-height:0 解除内容防缩。同时注意 height:100% 需依赖完整父级高度链，否则失效。核心：基准归零 + 防缩解除 = 真正等分。
2026-09-10 18:36:30
154
原创 Leaflet 切换视野时的“白屏闪烁“：从瓦片加载原理到三种解法
本文剖析了Leaflet地图下钻时出现“白屏”的根本原因：瓦片异步加载导致透明背景暴露，而Leaflet的父级兜底机制在跨级跳转、先删后加等场景下失效。提出三种可落地的解决方案：预加载目标瓦片（治本，需精确拼URL并超时兜底）、底色优化+keepBuffer+先加后删（低成本立竿见影）、过渡遮罩（通用兜底）。推荐组合使用B打底、A主攻，结合网络限速验证与性能监控，实现近乎无感的交互体验。关键在于预取URL一致性与防御性编程。
2026-09-10 09:58:27
278
原创 css3背景颜色渐变属性
当我们需要一种多样化的颜色时，除了使用背景图片，还可以使用使用 CSS3 渐变（gradients）属性来实现。CSS3定义了两种渐变方式：线性渐变（linear-gradient）：由一个方向向另一个方向实现颜色过渡。径向渐变（radial-gradient）： 由它们的中心向四周渐变。线性渐变语法一：background-image: radial-gradient(posi...
2020-03-08 21:01:29
601
原创 什么BFC
什么是BFCBFC 全称为 块格式化上下文 (Block Formatting Context) 。Box：css布局的基本单位Box 是 CSS 布局的对象和基本单位， 一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting Context（一个决定如何渲染文档的容器），因此Box内的元...
2020-03-01 21:51:20
179
原创 标准盒模型和怪异盒模型的区别
盒模型所有的html元素都可以被称作是盒模型，盒模型在css布局中起到了很重要的作用，盒模型的组成为：外边距（margin）+边框（border）+内边距（padding）+内容区（content）四部分组成。这四个css属性都可以设置到我们需要的盒模型上，盒模型的属性尽量设置在块状元素上，在为行内元素设置时要视情况是否通过display属性为其更改元素类型。影响盒子占位的因素： mar...
2020-02-21 19:29:19
461
原创 Java面向对象基础03——对象和类的概念以及类的定义、属性和方法
类就是对象的抽象。类可以看做是一个模版，或者图纸，系统根据类的定义来造出对象。我们要造一个汽车，怎么样造?类就是这个图纸，规定了汽车的详细信息，然后根据图纸将汽车造出来。 类：我们叫做class。对象：我们叫做Object,instance(实例)。以后我们说某个类的对象，某个类的实例。是一样的意思。总结 1.对象是具体的事物;类是对对象的抽象; 2.类可...
2020-02-13 00:09:18
545
原创 Java面向对象基础02——对象的进化史
对象的进化史(数据管理和企业管理共通之处) 事物的发展总是遵循“量变引起质变”的哲学原则;企业管理和数据管理、甚至社会管理也有很多共通的地方。本节课类比企业发展，让大家更容易理解为什么会产生“对象”这个概念。数据务管理时代 最初的计算机语言只有基本变量(类似我们学习的基本数据类型)，用来保存数据。那时候面对的数据非常简单，只需要几个变量即可搞定;这个时候不涉及“...
2020-02-12 23:54:55
186
原创 Java面向对象基础01——面向过程和面向对象
面向过程和面向对象面向过程(Procedure Oriented)和面向对象(Object Oriented,OO)都是对软件分析、设计和开发的一种思想,它指导着人们以不同的方式去分析、设计和开发软件。早期先有面向过程思想，随着软件规模的扩大，问题复杂性的提高，面向过程的弊端越来越明显的显示出来，出现了面向对象思想并成为目前主流的方式。两者都贯穿于软件分析、设计和开发各个阶段，对应面向对象就分别...
2020-02-12 23:39:02
215
原创 html表格设置单元格和单元格之间间距为0，还存在间隙
今天写了个table表格，表格属性中cellpadding和cellspacing都已经设置为0，但表格中还是有一些不易发现间隙，让我这个有强迫整的人迫切的想把它补上。找了半天没有发现错误后，重新写的过程中发现是由于在表格上方有<hr/>标签的原因。<hr /><table border="1" bordercolor="#FDAE18" cells...
2020-02-11 21:29:05
10122
1
转载 HTML 常用快捷方式-Emmet解释器-笔记
Tab能够补全属性元素1.在编辑器中输入元素名称，即可自动补全生成 HTML 标签，即使不是标准的 HTML 标签。 2.输入：! 或者 html:5 或者 html:4s 或者 html:4t 将自动补全html基本结构嵌套操作<!--1.使用“>”生成子元素// 输入div>ul>li// 按下TAB键--><div...
2020-02-11 17:01:48
214
原创 CSS揭秘:背景与边框（3）~灵活的背景定位
灵活的背景定位难题如果想要针对容器某个角对背景图片做偏移定位。如右下角，在CSS2.1中，我们只能指定距离左上角的偏移量，或者直接完全靠齐到其他三个角。但是，我们有时希望图片和容器的边角之间能留出一定的空隙（类似内边距的效果），以免得到如图效果：对于具有固定尺寸的容器来说，使用CSS2.1来做到这一点事可能的，但很麻烦，基于它自身的尺寸以及我们期望它距离右下角的偏移量，计算出背景图片距离左...
2019-12-23 21:53:03
234
原创 CSS揭秘:背景与边框（2）~多重边框
有些情况下，为了满足一些要求，普通的边框有点满足不了我们的需求，这时我们 可以使用多重边框。背景知识box-shadow（盒子阴影）的基本用法box-shadow属性可以设置一个或多个下拉阴影的框。语法：box-shadow: h-shadow v-shadow blur spread color inset;...
2019-12-20 13:58:49
235
原创 CSS揭秘:背景与边框（1）~半透明边框
最近在阅读《CSS揭密》一书，将学习过的内容自己简单纪录一下，只为了加深一下子自己的记忆，方便学习，大家感兴趣的可以去看一下这本书。半透明边框背景知识rgba()、hsla()颜色RGBA说明：RGBA(R,G,B,A)取值：R：红色值。正整数 | 百分数G：绿色值。正整数 | 百分数B：蓝色值。正整数 | 百分数A：Alpha透明度,取值0~1之间。R...
2019-12-18 20:48:21
316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人