wwww魔法蒂芙_个人页

2025年12月

• 12.30 17:27:06
  发表了文章 2025-12-30 17:27:06

  缓存方案

  为确保用户获取最新静态资源，可通过文件名添加内容哈希实现缓存更新。配合Cache-Control: no-cache可触发资源验证，利用Last-Modified或Etag机制判断是否过期，避免重复传输，提升加载效率。（238字）
• 12.30 17:26:33
  发表了文章 2025-12-30 17:26:33

  浏览器缓存

  HTTP缓存依赖Cache-Control和ETag实现。Cache-Control通过public、private、no-cache等指令控制缓存范围与行为，max-age、s-maxage设置缓存时长，must-revalidate控制过期验证；ETag为资源生成唯一标识，客户端通过If-None-Match比对，判断是否返回304，节省带宽，提升性能。
• 12.30 17:25:47
  发表了文章 2025-12-30 17:25:47

  虚拟滚动技术

  插入数万个DOM时，为避免页面卡顿，可采用虚拟滚动技术，仅渲染可视区域内的元素，滚动时动态更新内容，大幅减少DOM数量。相比一次性渲染，性能显著提升，是前端优化的面试加分项。如react-virtualized即为此类解决方案。
• 12.30 17:25:16
  发表了文章 2025-12-30 17:25:16

  重绘回流过程

  浏览器渲染：HTML解析为DOM树，CSS生成CSSOM，合并为渲染树，再布局、绘制。DOM树含所有标签，渲染树仅含可见元素。CSS阻塞渲染但不阻塞DOM解析。回流（布局变动）必触发重绘（外观变动），优化可减少回流重绘，提升性能。
• 12.30 17:24:36
  发表了文章 2025-12-30 17:24:36

  网络优化方案

  通过合并资源、压缩文件、合理利用缓存和DNS预解析，减少HTTP请求数与资源大小，提升页面加载速度。采用哈希命名实现缓存更新，确保用户获取最新资源，优化整体网络性能。（239字）
• 12.30 17:23:36
  发表了文章 2025-12-30 17:23:36

  使用window.performance API

  `window.performance` 是W3C提供的性能API，IE9+支持，用于监控页面加载各阶段耗时。包含navigation、timing等字段，可精确统计DNS查询、TCP连接、DOM解析、白屏、domready等关键性能指标，助力前端性能优化。
• 12.30 17:22:54
  发表了文章 2025-12-30 17:22:54

  前端性能监控指标

  前端性能监控指标包括白屏时间、首屏时间、用户可操作时间及总下载时间。通过注入代码或Timing API等方式可量化统计，其中白屏时间常用head前后时间差估算，虽为估值但具参考价值，助力优化用户体验。
• 12.30 17:21:30
  发表了文章 2025-12-30 17:21:30

  雅虎14条Web性能优化规则

  雅虎14条Web性能优化规则，涵盖减少HTTP请求、使用CDN、压缩资源、合理缓存、优化CSS/JS加载、图片处理、Cookie管理及移动端适配等，全面提升网页加载速度与用户体验。
• 12.19 17:23:35
  发表了文章 2025-12-19 17:23:35

  前端性能监控指标

  前端性能指标包括白屏时间、首屏时间、用户可操作时间（DOM Ready）和总下载时间（onload）。可通过注入代码或使用 `window.performance` API 进行量化统计。传统方法依赖代码埋点，数据为估值；而 `performance.timing` API 可精准获取DNS、TCP、请求、解析等各阶段耗时，进而计算出各项性能指标，是现代浏览器推荐的性能监控方案。
• 12.19 17:21:08
  发表了文章 2025-12-19 17:21:08

  写在最后

  本文整理全网前端面试高频考点，系统涵盖JavaScript、框架原理、网络协议、算法、数据结构等核心知识，助力求职者高效备战。附18条进阶建议，助你斩获Offer，前程似锦。（239字）
• 12.19 17:18:35
  发表了文章 2025-12-19 17:18:35

  头条面经

  涵盖前端、网络、JS核心、框架及算法等多方面知识，包括深拷贝、双向绑定、HTTP缓存、跨域、Vue原理、TCP/UDP、设计模式、事件循环、类型判断、闭包、原型链、性能优化等高频面试题，全面考察技术深度与综合能力。
• 12.19 17:18:00
  发表了文章 2025-12-19 17:18:00

  美团面经

  前端面试高频题库，涵盖HTML语义化、CSS布局（BFC、Flex、Grid）、JavaScript核心（原型链、闭包、事件循环）、DOM操作、异步编程（Promise、async/await）、HTTP协议、浏览器原理、Vue响应式、性能优化等全栈知识点，助力系统掌握前端技术体系。
• 12.19 08:58:50
  发表了文章 2025-12-19 08:58:50

  项目上线

  本教程介绍项目前后端部署全流程：编写entrypoint.sh启动脚本，通过devbox发版后端并上线，配置CPU、内存等参数，部署成功后获取公网IP验证接口；前端需替换内网地址为新后端地址，执行npm install打包，再发版上线。最终通过公网访问前端页面，完成整体部署。
• 12.19 08:57:38
  发表了文章 2025-12-19 08:57:38

  前端(Cursor)-员工管理

  根据页面原型与接口文档，完成员工管理功能开发，实现增删改查及分页查询。新增表单宽800px，按要求布局六行字段，工作经历支持动态增删，每项含时间、公司、职位，确保界面与交互符合设计。
• 12.19 08:57:05
  发表了文章 2025-12-19 08:57:05

  前端(Cursor)-部门管理

  根据部门管理原型图与接口文档，完成增删改查功能开发，调用后端API实现数据交互，注意替换内网地址并临时关闭登录校验以确保接口连通，前端通过Axios请求数据，实现页面动态渲染与操作响应。
• 12.19 08:55:59
  发表了文章 2025-12-19 08:55:59

  服务端(Cursor)-接口开发(登录认证)

  根据接口文档，完成员工登录功能开发，实现POST /login接口。员工通过用户名密码登录，验证成功后返回包含JWT令牌的响应，后续请求需在header中携带token，否则返回401。已完成接口测试与权限校验集成。
• 12.19 08:54:21
  发表了文章 2025-12-19 08:54:21

  服务端(Cursor)-接口开发(文件上传)

  Sealos开通对象存储服务，首次使用需创建Bucket并填写名称。根据接口文档实现文件上传：POST请求至/upload，参数为file，返回文件访问路径。配置AK/SK及内外网地址，使用指定存储桶。通过ApiFox测试上传，文件将同步至Sealos对象存储。详细操作参考官方指南。
• 12.19 08:52:42
  发表了文章 2025-12-19 08:52:42

  服务端(DevBox)-项目创建

  使用Sealos在DevBox中创建SpringBoot项目zxyf-management，配置Java环境与Docker容器，通过Cursor智能开发工具一键启动云端应用。无需手动输入命令，自动下载依赖并部署，结合云端域名快速访问服务，实现高效开发与运行。
• 12.19 08:50:53
  发表了文章 2025-12-19 08:50:53

  MybatisPlus讲义

  本项目基于若依框架与AI技术，打造智慧养老管理系统。涵盖来访、入住、服务、财务等模块，分管理后台与家属端，结合Vue3、SpringBoot、Redis、物联网等技术，融合大模型与AI工具，助力高效开发，响应中国智慧养老发展趋势。
• 12.19 08:49:20
  发表了文章 2025-12-19 08:49:20

  Jenkins配置编译项目

  Jenkins配置编译任务，实现从GitLab拉取代码，通过Maven/Node编译打包，Docker构建镜像并推送至CCE仓库，kubectl更新服务。支持后台app-web、system-server及前端Vue项目自动化构建与部署，结合86/164服务器特性导出镜像tar包，实现全流程持续集成。
• 12.19 08:48:40
  发表了文章 2025-12-19 08:48:40

  Jenkins前置配置

  本文介绍Jenkins与GitLab集成的完整配置流程：包括GitLab账号创建、SSH密钥配置、API Token生成，Jenkins中GitLab连接、凭据管理、全局Git信息设置，以及节点服务器环境搭建（JDK、Maven、Node、Docker等），并详细说明Jenkins节点通过SSH方式接入的步骤，实现自动化拉取代码、构建打包与持续集成。
• 12.18 17:55:14
  发表了文章 2025-12-18 17:55:14

  Jenkins环境搭建

  本文介绍Jenkins环境搭建步骤，基于Docker部署jenkins 2.464镜像。包含镜像拉取、容器卷映射（/var/jenkins_home）、端口配置（8080和50000），并通过docker run命令启动容器，设置重启策略与目录挂载。启动后需初始化管理员账号（admin/admin），安装SVN提供的插件包，注意依赖顺序。最后通过http://192.168.xxx.xxx:9988访问Jenkins Web界面。
• 12.18 17:53:15
  发表了文章 2025-12-18 17:53:15

  11-Dockerfile

  Dockerfile是构建Docker镜像的脚本，包含一系列指令，每条指令创建一个镜像层。从基础镜像开始，按顺序执行FROM、RUN、CMD等命令，最终生成可运行容器的镜像。支持环境变量、工作目录设置、端口暴露、数据卷挂载等功能。CMD与ENTRYPOINT定义启动命令，ADD/COPY复制文件，EXPOSE开放端口。构建时用`docker build`生成镜像，虚悬镜像（无名无标签）可被清理。
• 12.18 17:52:39
  发表了文章 2025-12-18 17:52:39

  10-Docker安装Redis

  本文介绍Docker部署Redis 6.0.8的单机与集群方案，涵盖配置文件映射、数据持久化及3主3从集群搭建。详细解析Redis集群采用的哈希槽分区机制，对比哈希取余与一致性哈希算法，说明16384个槽位的设计原理，并演示主从扩容缩容操作流程，助力构建高可用分布式缓存架构。（239字）
• 12.18 17:52:02
  发表了文章 2025-12-18 17:52:02

  09-Docker安装Mysql

  本文介绍Docker安装MySQL 5.7的完整流程，涵盖单机部署与主从复制。通过容器卷映射解决中文乱码与数据持久化问题，并详细配置主从同步，实现高可用架构，适用于生产环境部署参考。（238字）
• 12.18 17:51:24
  发表了文章 2025-12-18 17:51:24

  08-Registry搭建docker私仓

  Docker Registry是官方提供的私有镜像仓库构建工具，可直接通过拉取镜像快速搭建。配置`insecure-registries`支持HTTP后，即可推送、拉取镜像，并通过API查看仓库内容，实现本地镜像集中管理。
• 12.18 17:50:49
  发表了文章 2025-12-18 17:50:49

  07-nexus搭建docker私仓

  使用Nexus搭建Docker私有仓库，需启用Docker Realm、创建文件存储及docker-hosted仓库，配置HTTP/HTTPS端口（如8881），开放防火墙。客户端需配置insecure-registry信任私仓，登录后打标签并推送镜像。支持镜像导出导入与版本管理，实现安全高效的镜像存储与分发。
• 12.18 17:50:09
  发表了文章 2025-12-18 17:50:09

  06-Docker镜像

  镜像是包含应用及依赖的轻量可执行包，基于联合文件系统（如AUFS、OverlayFS）分层构建。底层为共享的bootfs和rootfs，上层镜像可复用下层数据。容器启动时在镜像顶层添加可写容器层，所有修改仅作用于该层，实现高效隔离与资源复用。（238字）
• 12.18 17:49:34
  发表了文章 2025-12-18 17:49:34

  05-容器命令

  使用`docker run`可创建并启动容器，支持交互式（-it）或守护式（-d）运行。通过-p映射端口，-v挂载数据卷，--name指定名称，-e设置环境变量。容器可启停、删除、拷贝文件，支持日志查看、进程监控及导出导入。数据卷实现持久化与共享，commit可将容器保存为新镜像。注意权限问题可加--privileged=true解决。（238字）
• 12.18 17:48:53
  发表了文章 2025-12-18 17:48:53

  04-Docker常用命令

  Docker常用命令简介：涵盖启动、停止、重启、状态查看及开机自启设置；支持版本、信息查询与帮助文档查看；镜像管理包括列出、搜索、下载、删除及空间清理；支持命令自动补全配置，虚悬镜像处理，后台运行Linux容器及yum依赖下载等操作。
• 12.18 17:47:33
  发表了文章 2025-12-18 17:47:33

  02-Docker安装

  本文介绍在CentOS和Ubuntu系统中安装、配置及卸载Docker的完整步骤，包括卸载旧版本、配置yum源或软件源、安装引擎、启动服务、离线安装、设置开机自启、配置daemon.json及命令补全等。推荐使用阿里云镜像加速安装，提升效率。最后通过运行HelloWorld验证安装成功。
• 12.18 17:46:53
  发表了文章 2025-12-18 17:46:53

  01-Docker概述

  Docker是基于Go语言的开源容器化平台，实现“一次镜像，处处运行”。它将应用及依赖打包到轻量级、可移植的容器中，直接利用宿主机内核，启动快、资源占用少，支持秒级启动、单机千级容器部署，显著优于传统虚拟机。核心组件包括镜像、容器和仓库，架构采用C/S模式，通过守护进程管理容器生命周期，提升开发、测试与部署效率。
• 12.18 14:39:04
  发表了文章 2025-12-18 14:39:04

  Eclipse运行SSM/SSH项目教程

  本教程介绍如何在Eclipse中配置JDK与Tomcat，导入非Maven/Maven项目，绑定服务器并运行。包含SSH/SSM框架案例及配置视频讲解，常见问题如数据库连接修改等，助你快速搭建Java Web开发环境。（238字）
• 12.18 14:37:58
  发表了文章 2025-12-18 14:37:58

  One Trick Per Day

  初始化Map宜用Guava指定预期大小，避免扩容；禁用Executors创建线程池，防止OOM，推荐自定义或使用Guava；Arrays.asList返回不可变列表，禁止修改操作；遍历Map优先使用entrySet或forEach；SimpleDateFormat非线程安全，建议用ThreadLocal或Java8新时间类；并发更新记录需加锁，推荐乐观锁配合version字段。
• 12.18 14:36:33
  发表了文章 2025-12-18 14:36:33

  如何在线上环境里兼容多种 RPC 协议？

  本讲探讨了如何在线上环境兼容多种RPC协议。由于历史原因，系统中常存在多类RPC框架，导致维护成本高。为实现平滑升级，可通过支持多协议共存，利用magic number识别协议类型，动态选择解析方式，实现新老协议无缝切换，降低升级复杂度，提升系统可维护性与扩展性。
• 12.18 14:35:45
  发表了文章 2025-12-18 14:35:45

  如何在没有接口的情况下进行 RPC 调用？

  本文介绍了RPC框架中“泛化调用”的实现原理与应用场景。针对测试平台、服务网关等无法依赖接口API的场景，通过统一的GenericService接口和动态代理机制，将接口名、方法名、参数等封装为请求消息，实现无需API的RPC调用。同时，结合专属序列化插件解决参数序列化问题，并支持异步调用，提升灵活性与性能。
• 12.18 14:35:10
  发表了文章 2025-12-18 14:35:10

  动态分组：超高效实现秒级扩缩容

  通过分组实现调用方流量隔离，保障核心业务稳定。但突发流量可能导致分组扩容困难，动态分组可通过修改注册中心数据快速调整实例归属，实现弹性扩缩容，提升系统应对能力。
• 12.18 14:34:32
  发表了文章 2025-12-18 14:34:32

  详解时钟轮在 RPC 中的应用

  本文介绍了时钟轮机制及其在RPC框架中的应用。针对定时任务常见的线程过多和CPU浪费问题，时钟轮通过时间槽和分层结构，减少无效扫描，提升性能。广泛应用于请求超时、启动超时、定时心跳等场景，有效优化高并发下的资源消耗。
• 12.18 14:27:51
  发表了文章 2025-12-18 14:27:51

  分布式环境下如何快速定位问题？

  本文探讨了RPC在分布式环境下的问题定位难点及解决方案。由于服务间依赖复杂、跨团队协作成本高，传统日志排查效率低下。为此，提出两大方法：一是通过封装详细的异常信息，包含异常类型、IP、接口名等关键字段，助力快速溯源；二是引入分布式链路跟踪，利用TraceID和SpanID还原完整调用链，实现跨服务问题精准定位，显著降低沟通与排查成本。