达芬奇的博客

一、 交互减法：摒弃传统菜单在移动端优先的设计理念下，原本复杂的顶部导航菜单显得有些冗余。为了追求极致的沉浸感，我做了一个大胆的决定：隐藏传统菜单，重构全局导航逻辑。 1.1 设计理念：iOS 风格的全局“后退” 参考 iOS 原生应用的交互逻辑，当用户进入深层页面（如文章页或专栏页）时，最自然的动作是“返回上一页”，而不是去点击复杂的面包屑导航。 我编写了 cook_nav_replace.js，实现了以下逻辑： DOM 隐藏：隐藏主题原有的 #nav .menus_items。 动态注入：在页面左上角挂载一个磨砂玻璃质感的胶囊按钮。 智能显隐：仅在非首页出现，且适配 PJAX 无刷新跳转。 123456789101112/* 核心样式预览：磨砂玻璃 + 胶囊圆角 */#cook-back-menu-btn { position: fixed; top: 20px; left: 20px; background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(16px) satura...

📂 题型核心：同向快慢指针这类题目属于双指针中的同向分类。其核心在于通过两个指针同向移动，将数组分为“已处理区域”和“待探索区域”，从而在 O(1) 空间内完成原地修改。 🛠️ 统一通用模板 (Java)绝大多数原地修改题目（去重、移除、过滤）都可以套用以下逻辑： 1234567891011public int process(int[] nums) { int slow = 0; // 慢指针：维护有效区域的边界 for (int fast = 0; fast < nums.length; fast++) { // 快指针：探索整个数组 if (满足特定条件(nums[fast])) { // 如果快指针指向的是我们需要保留或处理的元素 nums[slow] = nums[fast]; // 搬运到慢指针处 slow++; // 慢指针前进一步，扩大有效区 } } return slow; // 返回...

前言： 如果说上一篇是搭建博客的骨架，那么这两天的工作则是为博客注入灵魂。我们不仅在一个隐秘的角落搭建了专属的“树洞”空间，还攻克了静态博客最头疼的动态交互问题——让评论系统在无 VPN 环境下也能秒级加载，并构建了完善的通知与安全体系。本文将复盘这些核心功能的实现逻辑与实战经验。 一、 视觉与交互魔改：沉浸式“悄悄话”为了给特定的人留下专属的对话空间，我开发了一个独立于主站样式的“悄悄话”页面 (/whisper/)。这个页面需要脱离 Butterfly 主题的标准容器，呈现出复古信纸与打字机的效果。 1.1 样式隔离策略：Scope Injection在初期开发中，我尝试将样式写在全局 custom.css 中，导致首页背景也被误伤。为了实现“单页单样式”，我采用了Markdown 正文内联注入的方案。 核心技巧： 放弃在 Front-matter (---) 中使用 inject 属性（极易引发 YAML 缩进报错），直接在 Markdown 正文中编写 <style> 和 HTML 结构。 信纸容器实现 (CSS Clip-path)： 利用 clip-p...

尚庭公寓项目第一天一、项目开发流程1、开发流程第一步 产品根据市场调研的结果，设计产品效果图（原型） 第二步 UI设计师（美工）把产品原型开发成可以交互的静态页面（html页面） 第三步 架构师设计数据库架构和定义接口 第四步 根据数据库和功能接口，编写代码实现功能 第五步 进行功能的测试 第六步 运维人员项目部署，后期维护 2、接口设计原则2.1 什么是接口 这里的接口不是interface 功能接口 指的是开发controller service mapper过程 2.2 接口设计原则 一般来讲，接口根据业务需求进行设计的 通俗来讲，根据表进行接口设计 举例，比如有users用户表 对这个用户表可以进行curd操作，所以设计接口时候， 1 查询接口 2 添加接口 3 修改接口 4 删除接口 2.3 接口文档 一般来讲，为了开发方便，实际编写接口文档 接口文档一般包含： 1 功能描述，比如保存用户信息 2 接口请求地址，比如/user/add 3 请求方式，比如 POST 4 请求参数，比如 {“id”:1,”name”:”zhangsan...

前言： 编程的乐趣不仅在于构建庞大的系统，也在于打磨属于自己的方寸之地。 这两天，我对个人的 Hexo 博客进行了深度的“外科手术式”改造。从导航栏的像素级对齐，到项目展示页的工程化解耦，每一步都贯彻了“高内聚、低耦合”的软件工程美学。本文将详细复盘所有核心技术点与踩坑经验。 一、 顶层交互重构：悬浮胶囊导航栏 (Glassmorphism)为了摆脱传统博客沉闷的顶部栏，我决定复刻移动端 APP 的交互逻辑，实现**“左侧菜单 - 中间标题 - 右侧搜索”**的对称布局，并赋予其磨砂玻璃（Glassmorphism）质感。 1.1 CSS Flex 布局的妙用Butterfly 主题默认在 PC 端隐藏了“三条杠”菜单（Hamburger Menu）。为了强制显示并重排顺序，我利用了 Flexbox 的 order 属性。 核心难点： 如何打破 DOM 结构的默认顺序？ 如何解决 PC 端 CSS 权重导致的 display: none 问题？ 解决方案 (custom.css)： 123456789101112131415161718192021222324252627...

👋 关于我我是达芬奇，一名热爱技术的软件工程学生。这里记录我的代码、论文与生活。 📅 年度目标 深入理解 Java 后端架构，争取拿到大厂 Offer。 在多模态深度学习领域发表或复现高质量论文。 坚持技术写作，输出倒逼输入。 “Stay hungry, stay foolish.”

⚙️ 生产力工具流服务器配置 内网穿透: 使用 FRP 将实验室内网机器暴露到公网，实现远程开发。 异地组网: 配置 Tailscale 实现多设备互联。 Shell: 配置 Zsh + OhMyZsh 提升终端体验。 容器化 编写 Dockerfile 构建 Java/Python 运行环境。 使用 Docker-Compose 编排 Redis + MySQL + App 服务。 效率神器 Obsidian: 双链笔记管理知识库。 Git: 掌握 rebase, cherry-pick 等高级命令。

💻 刷题笔记 (LeetCode)动态规划 (DP) 背包问题九讲 状态转移方程推导 图论 DFS/BFS 搜索模板 最短路径算法 (Dijkstra, Floyd) 操作系统内核 进程与线程的区别 (上下文切换开销) 虚拟内存与分页机制 Linux IO 模型 (BIO/NIO/AIO/Epoll) 基础不牢，地动山摇。

🛠️ 魔改清单1. 视觉升级 深海神经网络背景: 使用 Canvas 粒子动画模拟神经元连接。 全息书架: 首页注入 3D 悬浮书架作为分类导航。 赛博光标: 定制的机械/光环风格鼠标指针。 2. 交互组件 看板娘苗苗: 基于 Live2D (或自定义 Widget) 的智能助手，增加“中线对齐”与“完美眼神跟随”算法。 打字机特效: 首页 Slogan 动态输入效果。 3. 下一步计划 接入后端 API 实现动态说说是/友链检测。

🧠 研究方向主要关注 Vision-Language Pre-training (VLP) 模型的研究。 核心论文复现 ALBEF: Align before Fuse. 学习它是如何通过对比学习对齐图像和文本特征的。 LAMP: 我的重点研究对象，分析其在情感分析任务上的表现。 PEKD: 知识蒸馏在多模态中的应用。 实验记录 环境: PyTorch + NVIDIA 3090/4090 难点: 多模态数据的对齐与融合策略 指标: Accuracy, F1-Score 保持对 SOTA (State Of The Art) 的敏感度。