先做出结果
以真实成品、运行效果和可核对结果为起点。
泉凭感觉 · 实践笔记
把做过的事，整理成你也能照着完成的教程
这里持续发布 AI 电商图、AI 漫剧、无限画布与前端技术教材。每篇内容先解决一个真实问题，再沉淀成可复用的方法、提示词和视频选题素材。
一个博客，持续长出新内容
教程是主线，视频是放大器
网站保留完整步骤与可复制材料；视频从教程中提炼一个问题、一个操作或一次前后对比，让内容能够被搜索、学习，也能够被传播。
再拆成教程
保留步骤、提示词、参数和容易踩坑的地方。
最后变成视频
从完整教材中持续提炼更容易理解和传播的片段。
最新文章
29 篇AI 漫剧完整案例：白骨岭·第二道影子
横屏东方奇幻案例：从故事骨架、身份资产到关键帧和图生视频。
阅读全文
AI 漫剧完整案例：雨夜站台·自己走来的脚印
竖屏都市悬疑案例：用单角色和无形主体运动完成连续叙事。
阅读全文
AI 电商生图：从一张商品图到一套可用素材
用同一商品完成构图、光线、色彩、生活方式与六类电商组图。
阅读全文
nginx配置
如果想配出像 blog.flutterweb.cn 前端静态资源二级域名。需要先配置出一个端口。然后在下面配置反向代理。
阅读全文TypeScript基础知识
a. 可以在编译阶段就发现大部分错误，这总比在运行时候出错好 b. 同一目录下不同文件中，使用统一命名，会有命名冲突 c. 不显式的定义类型，也能够自动做出类型推论 d. 即使 TypeScript 编译报错，也可以生成 JavaScript 文件 e. Google 开发的 Angular 就是使
阅读全文通俗理解vuex原理
本文主要通过简单的理解来解释下vuex的基本流程，而这也是vuex难点之一。
阅读全文事件冒泡及事件委托
第一阶段：事件捕获；这步在后台完成，用户无法操作。例如当点击元素div时，实际上点击顺序是：document-html-body-div 第二阶段：目标触发； 第三阶段：事件冒泡；这是用户可以操作的，默认是冒泡。当触发目标后，事件的传递方式。例如当点击元素div时，实际上点击顺序是：div-body
阅读全文面向对象-原型
关系示意图： 虚线代表：指针 实线：prototype原型对象
阅读全文this指向及改变this指向
js中this指向是一个难点，花了很长时间来整理和学习相关的知识点。
阅读全文学习记录
ps: 作者的文章有三篇，涉及第一至第三年。我是看了快半个多小时，收益匪浅。建议大家花上一点时间好好看看
阅读全文Redux简易理解
这才是数据存储仓库，用来存储初和输出的数据，更vuex$store功能一样 作用：  创建一个 Redux store 来以存放应用中所有的 state。  应用中应有且仅有一个 store。
阅读全文redux中connect组件四种方案
state值得是store的仓库，通过connect已经把react组件与Redux store连接， state.count 则表示，仓库的这个count模块数据。
阅读全文jenkins部署
本地代码推动到git仓库后，jenkins能完成后续部署事项，减轻工作量，比如，项目自动打包，自动项目部署到静态服务器，部署情况邮件通知。
阅读全文
前端动画方案对比
而通过AE导致每一帧图片，然后再利用GKA npm插件，一键导出css/canvas/svg/createJs 动画，效果还是非常不错的。gka,还可以自动生成雪碧图，代码压缩。简直是前端制作动画的神器。
阅读全文
数组中常用api
依次将内容添加到数组的尾部,并返回新长度 直接在源数组上进行修改
阅读全文面向对象-构造函数
 构造函数主要是一种用于生成对象的饼干模具，这些对象具有默认属性和属性方法，它可以创建多个共享特定特性和行为的对象。
阅读全文cookie 存取删除，生存期
会话：  用户进入网站，从开始浏览信息到关闭浏览器的过程被称为一次回话。
阅读全文对象拷贝的方法
 对象拷贝的方法是一个难点，尤其是深拷贝。建议把代码都运行下，帮助理解拷贝。
阅读全文Event事件处理
a. 添加事件 addEventListener("事件名"，事件处理函数，"布尔值")；  true：事件捕获  false：事件冒泡
阅读全文面向对象-继承
继承效果展示： 通多console.log(s); 打印结果，即实例s，可以看出子类的继承效果，子类Son继承了父类Father的属性say和方法fn。 2. 通过原型链继承
阅读全文AI 辅助编程实战经验
AI 辅助编程实战经验
阅读全文Claude Code 实战调试案例集
基于实际项目调试经验整理。
阅读全文OpenClaw AI 管家搭建
项目地址：https://github.com/openclaw/openclaw
阅读全文OpenClaw 记忆系统深度解析
基于 OpenClaw 实际使用经验整理。项目地址：https://github.com/openclaw/openclaw
阅读全文Vibe Coding 之 SDD 工作流：让 AI 按规范自动写代码
最近在 D2 大会上听到一个概念叫 SDD（Spec-Driven Development）规范驱动开发，觉得非常有启发。简单说就是：你写规�
阅读全文OpenClaw Skills 架构详解：从源码看 Skill 的加载与执行
最近在研究 OpenClaw 的源码，发现它的 Skill 系统设计得非常精巧。今天来和大家聊聊 Skill 的底层原理，搞清楚我们
阅读全文Tmux + Claude Code 环境搭建指南
基于实际项目配置整理。
阅读全文Claude Code 使用教程：从入门到精通
Claude Code 是 Anthropic 推出的 AI 编程助手，直接集成在终端中。用了几个月，踩了不少坑，今天把核心用法和最佳实
阅读全文Vibe Coding 工作流
Vibe Coding 工作流
阅读全文