Blog
一边享受日常生活，一边关注前沿科技的社会落地与实用化。
借助 AI 技术，围绕个人感兴趣的主题撰写文章。
如能为您带来新的发现与启发，将不胜荣幸。
-
古法前端入门 第15讲（最终讲） ── 收尾，用工具检查，加固防守，发布上线，站到框架的门口
用 HTML 检查和 axe-core 检查并修好 15 讲做出的报销系统，再加上 CSP 和 SRI 的防守。
整理发布上线的方法，最后用 Vue 3 重写同一张明细表，从框架的门口往里看。 -
古法前端入门 第14讲 ── jQuery，用“$”重写同一个页面并排比较
用 jQuery 4.0.0 重写第8〜10讲的申请表单，确认行为是否相同。
$() 的容器、$.ajax 与 fetch 的区别、相比 3.7.1 的变化，都用练习用服务器来试。 -
古法前端入门 第13讲 ── 汇总与打印，按月相加，亲手画柱状图，再打印到纸上
把申请按月・按类别・按人相加，亲手画 SVG 柱状图。
日期转成 Date 后月份错开的坑、占比的尾数、打印用的 CSS，都用练习用服务器来确认。 -
古法前端入门 第12讲 ── 审批流程，用对话框确认，一个按钮推进状态
用 dialog 元素查看申请，以 JSON 发送批准・退回。
showModal() 替你做的事、JSON 的 Content-Type、两位审批人同时按下时的 409 与版本、历史的时间，都用练习用服务器来确认。 -
古法前端入门 第11讲 ── 登录与页面切换，在每个页面上确认“你是谁？”
做一个登录页面，每个页面都先向服务器确认“你是谁？”。
HttpOnly 的 Cookie、返回地址的坑、401 与 403、隐藏菜单和拒绝的区别，都用练习用服务器来确认。 -
古法前端入门 第10讲 ── JavaScript ④：异步通信，用 fetch 不切换页面就和服务器对话
JavaScript 的第四讲是异步通信。用 fetch 取得汇率换算美元，发送申请并收到申请编号。
不把 404 和 500 当错误的 fetch、钱为什么要用整数算、怎样防止重复提交，都用练习用服务器实际确认。 -
古法前端入门 第9讲 ── JavaScript ③：输入校验，清楚地拦下并告诉怎么改
JavaScript 的第三讲是输入校验。量一量浏览器自带的检查能交给它多少，不够的部分由 JavaScript 接手。
正则、toISOString 的日期陷阱、告诉怎么改的提示、红框・汇总・焦点，都实际操作来确认。 -
古法前端入门 第8讲 ── JavaScript ②：DOM 与事件，增删明细行，当场显示合计
JavaScript 的第二讲。用 DOM 和事件，让明细可以增删行，并当场显示合计。
事件委托、template、textContent 与 innerHTML 的区别、删除后的焦点，都实际操作来确认。 -
古法前端入门 第7讲 ── JavaScript ①：基础，写一个计算明细合计的函数
JavaScript 的第一讲。用值的类型、变量、函数和循环，写出计算明细合计的函数。
“＋”把文字拼起来的坑，以及全角数字・NaN・小数等金额陷阱，都实际运行来确认。 -
古法前端入门 第6讲 ── CSS ③：Bootstrap，懂了原理再用前辈们的工具箱
用 Bootstrap 5.3.8 重写申请列表和申请表单：class 的读法、与手写 CSS 的对照、栅格与组件。
读入顺序、混入 Bootstrap 4 写法的坑，以及文件的分量，也都实际测量。 -
古法前端入门 第5讲 ── CSS ②：布局与手机，用 flex 和 grid 排列并适配屏幕宽度
让申请列表在手机上也能看清楚：meta viewport、flex 与 grid、只让表格横向滚动、媒体查询。
实际测量列数和切换的屏幕宽度，学会简短又不易乱的布局写法。 -
古法前端入门 第4讲 ── CSS ①：选择器与盒模型，用手写的 CSS 给申请列表穿上衣服
给第2讲的申请列表加上自己写的 CSS：选择器、层叠与优先级、继承、盒模型。
实际测量优先级的胜负和盒子的宽度，学会不依赖 !important 的写法。 -
古法前端入门 第3讲 ── 表单：只用 HTML 做申请表单，看看到底发送了什么
只用 HTML 做申请表单：label 与 name、输入控件、按钮、浏览器的输入检查。
实际提交，查看 GET 的 URL 和 POST 的内容，并解释为什么“页面上的检查可以被绕过”。 -
古法前端入门 第2讲 ── HTML 骨架：用“有含义的标签”搭出申请列表
只用 HTML 搭出申请列表的骨架：header・nav・main・footer、标题、表格、链接与图片。
和全是 div 的页面有何不同？用读屏软件与 AI 的视角，以及检查工具来确认。 -
古法前端入门 第1讲 ── 网页是怎样显示出来的，以及报销系统的设计图
与交给 AI 的氛围编程反着来，亲手用 HTML、CSS、JavaScript 开发报销系统的 15 讲连载开始了。
第 1 讲讲解网页的显示原理、三种语言的分工、页面设计图、工具准备，一直到第一个页面。 -
Docker Desktop 使用指南 ── 作用与原理、界面操作，以及与同类应用的区分
新分类「软件」的第一篇。在实际操作界面上标注①②③，介绍从 Docker Hub 启动、
查看日志・Exec・文件、设置、基本概念、费用，以及与 Rancher Desktop、OrbStack 等的区分。 -
Playwright 入门与实战 ── 诞生背景与原理、报销页面的测试、如何与 AI 配合
图解从 Selenium、Puppeteer 一路走来的诞生背景，以及上下文、自动等待、定位器的原理。
实际编写并运行报销页面的测试，整理设计阶段的准备和让 AI 遵守规则的方法。 -
日本清酒的故事 ── 米、水与曲酿成的1300年
世界上少见的“并行复发酵”、纯米・吟酿・大吟酿的区别，以及从《播磨国风土记》到滩的下行酒、联合国非遗的历史。
还有滩・伏见・新潟・西条等酒乡地图，和从雪冷到热燗的喝法。 -
和牛的故事 ── 从田间的伙伴到世界的“WAGYU”
“和牛”与“国产牛”的区别、四个品种、成为99.9%黑毛和种祖先的种牛“田尻号”、A5与BMS的含义、油脂入口即化的原因。
再用地图走访松阪、神户、近江、米泽、宫崎、鹿儿岛等产地。 -
烤鸡串的故事 ── 从野鸟串烤到街角的红灯笼
从野鸟串烤、明治的路边摊、战后的横丁，到肉鸡带来的大众化，用年表回顾烤鸡串的历史。
还有鸡的部位图与串的图鉴、盐味与酱汁、备长炭烤台、各地烤鸡串地图和老字号名店。 -
烤肉的故事 ── 从战后街角到日本人的“大餐”
从禁止食肉的1200年，到1946年烤肉店诞生、烤肉酱汁与无烟烤炉，再到一人烤肉，用年表回顾烤肉的历史。
还有牛的部位图与内脏图鉴、各地烤肉地图、老字号名店，以及安全又好吃的吃法。 -
天妇罗的故事 ── 从南蛮传来的油炸料理，如何在江户路边摊成为名物
从南蛮贸易传入，到江户路边摊、天妇罗荞麦面与天丼的诞生，用年表和插图回顾天妇罗的历史。
再介绍关东与关西的区别、经典食材、酥脆的秘密，以及东京的老字号名店。 -
基因到底是什么？── 既不是细胞也不是原子，而是生命的“信息”
基因像细胞，还是像原子一样的颗粒？用从人体放大到原子的图解，说明基因的真面目与形态。
以及蛋白质如何制造、基因影响为何这么大、生老病死中基因决定什么、不决定什么。 -
第一次吃寿司 ── 经典寿司料图鉴与好吃的吃法
金枪鱼赤身・中腹・大腹、三文鱼、白身鱼、青皮鱼、贝类、海胆・鲑鱼子。用照片介绍经典寿司料，
再用插图讲解吃的顺序、蘸酱油的方法、手和筷子的用法，以及回转寿司的礼仪。 -
日本拉面，从北到南 ── 历史与 15 碗地方拉面地图之旅
从中国传来的面条变成日本国民美食的历史。还有札幌味噌、喜多方酱油、博多猪骨，
从北海道到鹿儿岛，用日本地图和照片走遍 15 碗地方拉面。 -
按时间线看漫威电影 ── MCU 全 38 部作品的剧情年表（2026 年版）
美国队长、钢铁侠、浩克、蜘蛛侠、复仇者联盟……把 38 部作品按剧情中的时间顺序排列。
剧中年份、传奇与阶段、各系列顺序、与 MCU 之外作品的关系，以及推荐的观影顺序。 -
从池袋到秋叶原 ── 电器街与御茶之水・神田・上野一日游路线（2026 年秋）
山手线 20 分钟，丸之内线到御茶之水 11 分钟。从圣桥、汤岛圣堂、神田明神到电器街、周日的步行者天国，
再到 mAAch ecute、2k540、阿美横和不忍池。附推荐商店和午餐。 -
n8n 入门与实战 ── 原理与适用场景、Web 开发中的应用实例，以及与 UiPath 的比较
n8n 的历史与原理、许可、主要应用场景。实际自动化部署后的验收检查，
并与 RPA 代表 UiPath 比较，梳理 n8n 能替代的领域和 UiPath 占优势的领域。 -
Docker 入门与实战 ── 从基本原理到 Java Web 系统的开发、部署与运维
容器与虚拟机的区别，镜像、卷等术语，主要应用场景。
以 Spring Boot 加 Vue 的客户系统为例，讲清开发环境、数据库、生产部署和维护能轻松在哪里。 -
从池袋到“华纳兄弟东京影城” ── 走进《哈利·波特》幕后的一天（2026 年秋）
坐西武线 15 分钟，赶 9 点场参观 3〜4 小时。门票与预算、馆内顺路与午餐时机，
11 月 8 日前的万圣节，以及回程的公园和池袋晚霞。 -
在本地运行大模型 ── 从 CUDA 与 Metal 的区别，到用 LM Studio 跑起 Qwen3.8-27B
CUDA・Metal 等技术体系，Windows・Mac・Linux 的选择，“27B”“Q4_K_M”的含义，文本・图像・声音・OCR・翻译的实用模型。
以及用 LM Studio 运行 Qwen3.8-27B 的步骤，配编号截图。 -
东京迪士尼海洋一日游路线 ── 25 周年与万圣节重叠的秋天
入园后马上买安娜与艾莎的 DPA，上午梦幻泉乡，晚上看港湾表演和烟花。
按惊魂古塔等暂停中的 10 月最新信息整理，附门票、预算与地图。 -
东京迪士尼乐园一日游路线 ── 2026 年秋，万圣节季节
开园前排队，入园后马上用 App 买 DPA。从梦幻乐园到花车巡游，再到夜晚烟花。
按 10 月涨价和优先通行证结束后的最新规则整理，附门票、预算与地图。 -
奥多摩一日游路线 ── 从奥多摩湖沿多摩川而下，走到酒厂
坐假日快速奥多摩号到奥多摩，走上小河内大坝，从白丸大坝鱼道走到鸠之巢溪谷，
再沿御岳溪谷游步道走到泽井的泽乃井园。附两张地图与时刻表。 -
东京一日游路线 ── 从池袋出发，游皇居・上野・浅草
从池袋坐地铁到东京站，看二重桥、逛江户城遗址东御苑，再到上野的不忍池、阿美横和东京国立博物馆，
最后是黄昏的浅草寺与隅田川夜景。附两张地图与时刻表。 -
RustDesk 入门手册 ── 远程桌面需要什么，什么时候需要服务器
有了 Tailscale 还必须用 RustDesk 吗？装好能马上用吗？
什么时候需要中继或自建服务器，以及与 Tailscale 搭配、无需服务器的用法。 -
Tailscale 入门手册 ── 从网络基础讲到原理与用法
从 IP、NAT 讲起，图解 Tailscale 为何不用端口映射也能连通。
配合截图讲解 Windows、Mac、iPhone、Android 的安装，以及远程桌面与文件传输。 -
江之岛・镰仓一日游路线 ── 坐单轨电车上岛，乘江之电看大佛
从大船坐悬挂式的湘南单轨电车去江之岛，沿海走到镰仓高校前的道口，
再乘江之电去长谷看大佛和长谷寺，最后到鹤冈八幡宫。附两张地图与时刻表。 -
Vibe Coding 札记 ── 做大系统时，AGENTS.md 之外还要放什么
规格・ADR・分领域规则・技能・钩子放在哪里、怎么运转。
以订单系统的审批流程为例，从规格走到验证。全七章。 -
AGENTS.md 札记 ── 交给 AI 的“这个仓库的规矩”
它是做什么的、什么场景下有效、怎么写。本站实例与研究结果，
以及 AI 变聪明之后还需不需要它。全七章。 -
热海两天一夜经典路线 ── 从温泉小城到熔岩海岸与火山
MOA 美术馆、来宫神社、海边散步，入住温泉旅馆。
第2天走城崎海岸的吊桥，再绕大室山火山口一周。附两张地图与时刻表。 -
箱根一日游环线 ── 从池袋出发，一天逛遍山、湖、温泉
登山电车、美术馆、大涌谷、海盗船、箱根神社，最后泡温泉。
附精确到分钟的行程表与路线地图。 -
Mac 应用开发入门路线图 ── 从零到分发实用小工具
从 Swift 基础到 SwiftUI、菜单栏常驻、权限与沙盒，
再到签名与公证发布。8 个步骤，附图讲解。 -
Spigen Classic LS ── 给 AirPods Pro 3 穿上初代 Mac 鼠标
比较了众多保护壳之后最喜欢的一款。
从为什么现在买 Pro 3，讲到质感与日常手感。附实拍。 -
Laya 札记 ── 把判定模型握在自己手里
Jev 之后三天出现的开源版。到底谁在先、训练是否真轻松、
要不要放在本地。全六章。 -
Jev 札记 ── 不写文章的模型该用在哪
state 与选项要不要自己定？网页测试里放什么？
能不能拿来做股票交易？配图整理。全六章。 -
向量札记 ── 把词变成数这件事
有读者说「向量化」看不太明白。
多配图，只把这一件事拿出来讲。全六章。 -
模型札记 ── 擅长的领域由什么决定
绘画、视频、代码。同一套底座，为何长出不同的特长。
一直讲到意图的读取与缺陷的检出。全六章。 -
LLM 札记 ── 从原理到实务
下一个词的预测、注意力机制、训练三阶段、幻觉、提示词、
MCP 与智能体、规格表的读法。全七章。
没有符合条件的文章。