alicesainta's 技术小站

2026-03-01 465 字 2 分钟

工具记录

工具清单 cloc（Count Lines of Code） cloc 是统计代码行数的事实标准，它非常智能，会自动忽略空白行、注释，并且能识别绝大多数编程语言。常用桌面工具开发与 AI 编程 Cursor：AI 代码编辑器，用于在 IDE 内进行代码生成、重构与问答协作。 Codex：终端型 AI 编程助手，用于在命令行完成检索、改码和执行验证流程。 TRAE：AI 开发辅助工具，用于代码理解、补全和工程内快速定位问题。 Cherry Studio：本地 AI 客户端工具，用于统一管理多模型对话与提示词工作流。 Antigravity：AI 代码编辑器，用于在 IDE 内进行代

2026-02-28 1.5k 字 6 分钟

前端面试 Q&A

仅题目清单，用于快速自查与面试准备。一、TypeScript TypeScript 除了 interface 还用什么？了解继承吗？（TS / JS） TS 了解吗？讲一讲在项目里的具体使用（类型声明、泛型、类型守卫、工具类型）二、JavaScript / ES6 ES6 常用特性 / 新特性 JavaScript 数据类型有哪些？基本类型和引用类型怎么区分 Promise async/await 跟 Promise 区别讲一下防抖和节流防抖和节流的区别、实现思路与常见应用场景数组去重有哪些方式？各自复杂度和适用场景是什么你对es6了解多少 var let cons

2026-02-12 652 字 3 分钟

AI 编程工具工作流：Claude / Gemini / Codex + CC-Switch + OpenCode

这篇文章解决什么问题当你同时在用 Claude、Gemini、Codex 和 OpenCode 时，最常见的问题不是“没有工具”，而是：每个工具的鉴权方式不一样模型切换成本高在项目里复用同一套流程比较难这篇文章记录一套可落地的做法：用 CC-Switch 做统一模型切换入口，再配合各 CLI 完成日常开发。一、CC-Switch：统一入口 CC-Switch 的核心价值是“统一管理模型与供应商配置”，减少在不同 CLI 间来回改配置的成本。建议把它当作模型路由层：统一保存 provider / model 配置统一做模型切换上层工具按同一入口调用二、Clau

2026-02-12 1.6k 字 6 分钟

前端面试必考：前后端交互知识梳理

前后端交互是前端面试中的高频模块，尤其在你写过实际项目、做过联调、接过接口的情况下，面试官通常会继续追问你是否真的理解接口设计、数据通信流程、安全机制和优化手段。一、HTTP 请求流程与数据交互基础 1. 前端是如何发起请求的？常见方式有： fetch axios XMLHttpRequest 常见请求方法有： GET POST PUT DELETE 这些方法通常对应 RESTful API 的资源操作语义。请求携带数据的方式也常被问到： GET：参数通常拼接在 URL 上，以 query 参数形式传递。 POST：参数通常放在请求体中，例如 JSON、FormData

2026-02-08 901 字 4 分钟

Git 冲突处理与开源协作实战

这篇文章解决什么问题日常开发和开源协作里，遇到提交冲突怎么处理，怎么减少重复踩坑。冲突为什么会出现最常见的冲突来源有三个：两个人同时改了同一个文件的同一段内容本地分支长期没同步主分支，积累了大量差异提交粒度过大，多个功能混在一个分支里核心结论：冲突本身不可怕，怕的是“晚发现 + 大范围一起解决”。开工前的预防动作（最省时间）每天开始改代码前，先做一次同步： 123git switch maingit pull origin maingit switch -c feat/xxx 如果分支已经存在： 123git switch feat/xxxgit fetch ori

2026-02-03 829 字 4 分钟

Cloudflare Web Analytics 接入实战

这篇文章解决什么问题目标很简单：给 Hexo + GitHub Pages 站点接入 Cloudflare Web Analytics，同时避免把 token 明文提交到仓库。如果只追求“先跑起来”，直接把脚本写进配置也能用。但只要仓库是公开的，真实 token 就会进 Git 历史。更稳妥的做法是：仓库放占位符，构建时用 GitHub Secret 注入。一、为什么选 Cloudflare Web Analytics 在个人博客场景，它的优势比较直接：接入成本低，一段脚本就能开始统计统计指标够用，页面访问趋势和来源都能看对静态站点友好，不依赖后端服务对于 GitHub

2026-01-12 826 字 4 分钟

Linux 常用命令实战清单

一、为什么前端也要会 Linux 命令很多线上问题最后都会落到这几个动作：看日志：到底哪一步报错了。查进程：服务是不是挂了。查端口：请求为什么连不上。查文件：配置到底有没有生效。会这些基础命令，你定位问题的速度会快很多。二、文件与目录操作 1) pwd：查看当前目录 1pwd 适合在你切了很多层目录后快速确认当前位置。 2) ls：查看目录内容 12lsls -la -l：显示详细信息（权限、大小、时间）。 -a：显示隐藏文件（例如 .env、.gitignore）。 3) cd：切换目录 123cd /var/logcd ..cd ~ 4) mkdir：创建

2026-01-08 2k 字 8 分钟

Css面试相关

基于现有题库中的 CSS 条目整理。目标是形成可直接用于面试的结构化答案。 1. CSS 至少两种水平垂直居中方式题目 CSS 如何实现水平垂直居中？至少说两种。作答常见可行方案可以按场景分类： flex 居中：父元素 display: flex; justify-content: center; align-items: center; grid 居中：父元素 display: grid; place-items: center; 绝对定位 + transform：子元素 position: absolute; left: 50%; top: 50%; transform:

2026-01-07 1.5k 字 6 分钟

Html面试相关

面向前端面试的 HTML 高频知识整理。重点不在“背定义”，而在“能解释浏览器行为 + 能给工程取舍”。 1. 语义化标签的价值题目为什么推荐使用语义化标签，而不是全用 div？作答语义化标签的价值主要在三方面：结构语义更清晰，团队协作和维护成本更低搜索引擎更容易理解页面层级与内容重点屏幕阅读器等辅助技术可基于语义提供更准确导航常见语义标签包括：header、nav、main、section、article、aside、footer。追问延展 section 和 article 的区别： article 更偏“可独立分发”的内容单元（如新闻、帖子） sec

2024-06-12 16 字 1 分钟

Hello World

Welcome to Hexo! This is your very first post. Check documentation to learn how to use.