笔记列表-低调大师优秀个人博客

文章列表

共 219880 篇

2026-09-20

用 ResizeObserver 解决 canvas 尺寸自适应与重绘抖动问题

在数据看板或图表组件里，canvas 经常需要跟随容器尺寸变化重绘。早期做法是监听 window 的 resize 事件，再通过 getBoundingClientRect 读取父元素宽高。但容器尺寸变化并不总是由窗口缩放引起：侧边栏折叠、标签页切换、flex 布局重新分配空间，都会让 canvas 的父级尺寸突变，而 window 上并不会触发 resiz...

阅读约40分钟

2026-09-20

Vue 3 中 watch 和 watchEffect 到底该用哪个？一个真实场景的踩坑记录

最近在改一个后台管理系统的筛选面板，需要根据多个筛选条件的变化去重新请求列表数据。最初我用的是 watchEffect 直接在里面调 fetchList，结果遇到一个很隐蔽的问题：fetchList 内部会修改一个 loading ref，而 watchEffect 自动收集依赖时把 loading 也追踪进去了，导致 loading 一变就重新触发请求，形...

阅读约36分钟

2026-09-20

CSS 中 height: 100% 为什么经常失效？从包含块到实际布局的排查思路

做后台管理页面或者移动端全屏布局时，经常遇到一个看似简单却反复出问题的需求：让某个元素高度撑满父容器。写 height: 100% 后浏览器毫无反应，换成 100vh 能快点看到效果，但页面又莫名其妙出现滚动条，或者弹窗里内容一多就溢出。这个问题背后其实不是 CSS 坏了，而是百分比高度依赖包含块的高度，而包含块的高度又可能由内容决定，形成循环依赖，浏览器只...

阅读约35分钟

2026-09-20

React 受控组件中输入法组合事件的处理陷阱与修复

在中文、日文、韩文等输入法环境下，React 的受控输入组件经常出现一个隐蔽却影响体验的问题：用户正在拼音输入时，输入框的内容会被意外重置或光标跳到末尾。比如一个搜索框，用户输入“nihao”想选“你好”，但每次按键都触发 onChange 并强制设置 value，导致候选词还没选完，输入框就变成了半成品拼音。这个问题的根源在于 React 的合成事件与浏览...

阅读约38分钟

2026-09-20

JavaScript 中 Intl.NumberFormat 的实战用法：从千分位到货币与单位格式化

最近在一个后台管理项目的财务模块里，需要在页面上展示多币种金额、百分比、文件大小和紧凑数字（比如 12.3K、1.2M），后端返回的都是原始数值，前端要按不同地区用户的习惯做本地化格式化。以前团队里习惯手写 toFixed、字符串截取加符号，结果遇到欧元符号位置、印度数字分组（1,00,000 这种）、阿拉伯语环境下的数字方向时，代码里全是判断分支，维护起来...

阅读约42分钟

2026-09-20

浏览器事件循环中微任务与渲染帧的竞态：一次滚动卡顿排查

上个月给一个数据看板加了「滚动加载 + 实时高亮」的功能。列表虚拟滚动本身没问题，但用户反馈快速滚动时，屏幕右下角的实时统计数字会偶尔跳变，不是漏掉一帧，而是直接显示成旧值。更让人迷惑的是，这个现象只在 Chrome 上出现，Safari 和 Firefox 反而正常。我最初怀疑是虚拟滚动计算误差，查了两天才发现根因在事件循环里：requestAnimati...

阅读约39分钟

2026-09-20

Vue 3 中 watch 和 watchEffect 的竞态问题：如何避免旧请求覆盖新结果

在 Vue 3 项目里用 watch 或 watchEffect 监听筛选条件并发送请求，是再常见不过的场景。比如搜索框输入关键词后，每变一次就调一次接口，然后赋值给列表。如果用户的输入速度比接口返回速度快，就很可能出现先发出的请求后返回，把后发出请求的结果覆盖掉。页面显示的列表和当前输入框内容对不上，用户看到的是上一次搜索结果。这个问题本质是请求的竞态，而...

阅读约37分钟

2026-09-20

企业 AI 代理安全风险识别与治理路径研究

人工智能代理正从实验阶段快速进入企业日常业务运营，其自主访问系统、处理信息、调用应用、完成任务的能力在显著提升生产效率的同时，也从根本上改变了企业网络安全的攻防格局。本文基于对 AI 代理安全风险的系统性分析，指出当前企业面临四类核心风险：其一，攻击者利用生成式 AI 提升钓鱼与社会工程攻击的速度、规模与个性化程度，加速漏洞研究与入侵生命周期自动化，使防御方...

阅读约42分钟

2026-09-20

日常数字环境下个人 IT 安全分层防护体系研究

数字化生活深度渗透之下，普通用户在日常场景中面临钓鱼攻击、弱口令滥用、恶意软件感染、数据意外丢失等多重安全威胁，一次误点击或一处配置疏忽便可能导致个人信息泄露与财产损失。德国科技期刊 c't 面向非专业用户推出的日常 IT 安全网络研讨会，以钓鱼识别、通行密钥、密码管理器、双因素认证、终端加固、备份策略、虚拟专用网络适用场景为核心模块，传递了一个基本判断：个...

阅读约37分钟

2026-09-20

人工智能时代安全基线防线的价值分析

摘要：针对人工智能显著提升攻击效率而企业数据泄露仍主要源于基础安全缺陷这一现象，本文以朝鲜日报 2026 年 9 月刊发的相关报道为材料，围绕漏洞利用为何持续位居初始入侵方法首位的问题展开分析。文章首先梳理报道援引的 Verizon《2026 年数据泄露调查报告》、Google Mandiant《M-Trends 2026》与 CrowdStrike 观察...

阅读约18分钟

2026-09-20

伪装商务拓展的诈骗邮件识别与治理研究

电子邮件作为数字时代最基础的通信载体，长期以来也是网络诈骗与钓鱼攻击的主要投放渠道。现有研究多聚焦于仿冒银行、电商平台等显性钓鱼邮件，对伪装成商务拓展合作的诈骗邮件关注不足。此类邮件以提供虚假五星评论、搜索引擎优化、数字营销、网站开发、付费广告投放等商业服务为幌子，利用免费邮箱批量发送，模板化表述高度趋同，承诺不切实际的效果，对中小企业经营者和自由职业者构成...

阅读约31分钟

2026-09-20

电商平台客户数据泄露衍生钓鱼风险及治理路径研究

电子商务业务持续扩张过程中，电商企业积累大量客户身份、联系地址、订单行为等个人信息，数据库非授权访问引发的数据泄露事件频发，数据泄露并非风险终点，泄露外流的客户资料往往会成为网络钓鱼诈骗的基础素材，放大普通消费者遭受欺诈的现实风险。本文以荷兰 DA 美妆药妆电商网站数据泄露事件作为现实分析样本，该事件共计涉及 23.6 万名线上购物客户，攻击者获取姓名、邮箱...

阅读约27分钟

2026-09-20

Chrome 与 Edge 浏览器安全防护机制比较分析

摘要：针对浏览器作为网络攻击主要入口这一现实，本文以 2026 年 9 月发布的关于 Chrome 与 Edge 安全性的对比报道为材料，围绕 "Chrome 是否比 Edge 更安全" 这一问题展开分析。文章首先梳理报道呈现的事实：两款浏览器同基于 Chromium 内核，Chrome 占据桌面浏览器市场约 69% 的份额，Edge 约为 5%；随后从恶...

阅读约15分钟

2026-09-20

全球网络犯罪演化、经济影响与综合治理路径研究

数字社会深度发展背景下，网络犯罪已经从零散个体黑客行为演化为具备完整产业链的跨国犯罪业态，其危害突破传统犯罪的地域限制，对个人权益、企业经营乃至全球经济体系形成持续性冲击。本文基于网络犯罪的权威行业调研资料，厘清网络犯罪的核心定义，辨析其与传统犯罪、计算机犯罪、网络安全等概念边界，梳理网络犯罪自上世纪 70 年代至今的完整演化脉络，剖析产业化、服务化、人工智...

阅读约25分钟

2026-09-20

网络钓鱼诈骗的识别特征、作用机理与防控路径研究

数字网络环境下，网络钓鱼已经成为电信网络诈骗主要实施载体，诈骗主体通过仿冒可信主体身份、制造情绪压迫、伪造交互界面等手段诱导普通网络用户泄露个人敏感信息、转出资金，造成个体财产损失与社会层面的网络安全治理压力。境外新闻报道对普通民众遭遇网络诈骗的现实场景、典型识别信号、受害后处置流程进行梳理，揭示出诈骗行为并非单纯技术攻击，更多是社会工程与简易技术工具的复合...

阅读约24分钟

2026-09-20

学区招聘场景钓鱼邮件攻击分析与防御策略

摘要：针对教育机构邮件系统面临的钓鱼攻击威胁，本文以美国伊利诺伊州迪尔菲尔德第 109 学区处置的一起招聘主题钓鱼邮件事件为研究对象，依据公开报道梳理事件经过，归纳此类邮件在主题选择、寄件来源与话术设计上的共性特征，并从攻击场景构建、来源伪装与事件响应三个层面分析其内在逻辑。分析显示，该事件中的邮件借助背景调查、应聘筛选等真实招聘环节构造内容，以紧急措辞压...

阅读约17分钟

2026-09-20

给自建服务造一扇「风之谷」：单文件门户页 + 跨端口健康检查

书屋一个地址、音乐厅一个地址，家人记不住，我也不想每次报网址。做一个入口页：两张大卡片、每张卡带在线状态灯，手机电脑平板通用。

阅读约4分钟

2026-09-20

手机遥控整台电脑：ToDesk 无人值守配置 + 我用 Python 替自己点鼠标

组网解决了“访问”，远程桌面解决“操控”。ToDesk 个人版免费，手机连上电脑就能看到完整桌面、动鼠标、敲键盘——相当于把整台电脑装进口袋。

阅读约4分钟

2026-09-20

人在外、网在家：蒲公英免费组网踩坑实录（静默安装的坑差点劝退我）

家里的自建服务（书屋、音乐播放器）只在局域网里活着。想在外面用手机访问，可选方案不少：frp 要公网服务器、Tailscale 国内节点不稳，最后选了蒲公英（Oray）免费版：3 台设备额度、国内中转、手机电脑都能装。

阅读约3分钟

2026-09-20

把网页装进手机：PWA + 触屏翻页改造实录（含 iframe 手势注入技巧）

网页在手机浏览器里始终像个“访客”：地址栏占半寸、左右滑会触发返回手势、锁屏就断。改造目标四个字：像原生 App——添加到主屏幕、全屏运行、左右滑翻页、断网也能打开书。

阅读约4分钟

资源下载

更多资源

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。

文章列表

用 ResizeObserver 解决 canvas 尺寸自适应与重绘抖动问题

Vue 3 中 watch 和 watchEffect 到底该用哪个？一个真实场景的踩坑记录

CSS 中 height: 100% 为什么经常失效？从包含块到实际布局的排查思路

React 受控组件中输入法组合事件的处理陷阱与修复

JavaScript 中 Intl.NumberFormat 的实战用法：从千分位到货币与单位格式化

浏览器事件循环中微任务与渲染帧的竞态：一次滚动卡顿排查

Vue 3 中 watch 和 watchEffect 的竞态问题：如何避免旧请求覆盖新结果

企业 AI 代理安全风险识别与治理路径研究

日常数字环境下个人 IT 安全分层防护体系研究

人工智能时代安全基线防线的价值分析

伪装商务拓展的诈骗邮件识别与治理研究

电商平台客户数据泄露衍生钓鱼风险及治理路径研究

Chrome 与 Edge 浏览器安全防护机制比较分析

全球网络犯罪演化、经济影响与综合治理路径研究

网络钓鱼诈骗的识别特征、作用机理与防控路径研究

学区招聘场景钓鱼邮件攻击分析与防御策略

给自建服务造一扇「风之谷」：单文件门户页 + 跨端口健康检查

手机遥控整台电脑：ToDesk 无人值守配置 + 我用 Python 替自己点鼠标

人在外、网在家：蒲公英免费组网踩坑实录（静默安装的坑差点劝退我）

把网页装进手机：PWA + 触屏翻页改造实录（含 iframe 手势注入技巧）

资源下载

腾讯云软件源

Rocky Linux

Sublime Text

WebStorm

欢迎您来访！