CodeX：Angular项目性能优化实例分享
最近在尝试使用AI Agent优化项目，选用了性价比比较高的CodeX（咸鱼20元/月） 结合我自己在对话式AI方面的使用思路，分享一下我优化项目的完整流程。 AI模型： GPT 5.3 Codex ， 思考程度超高 注1 ：CodeX对话框里的文本我会用且只用引用来展示，例如： 请帮我写一个helloworld程序
技术文章
花墨技术文章列表，聚合 Angular、NestJS、前端开发与工程实践内容。
花墨变得更快更好看了ฅ•ω•ฅ
最近对花墨进行了一轮较完整的优化，花墨在性能方面得到了巨大的提升，并且还解决了我长期以来的样式痛点，在这里简单记录花墨相比于之前进行了什么升级。 大白话简述总结 以“浅棕、深棕、白色”为主题的样式进行了全局统一 将markdown样式修改为VitePress的风格。 引入懒加载，首页的启动速度更快了（没有显示的页面只会
三个月重写公司后台的AI提示词和经验分享
注：可能有点标题党了（ 开发新系统的时候，公司要求业务需求优先级高于新系统。 所以新系统虽然开发了一年多，但实际有效开发时间很少。 上五休二全力开发，预估仅需三个月。 前言 在昨天我终于完成了公司后台的完全重写，就差测试完成上线部署替换。 这是我人生中最勇敢的一次决定，我终于完成它了！ 具体的过程就不写了，很长而且也很
远程桌面控制软件的推荐与心得
最近和方导沉迷于FF14打灰，每天两眼一睁跪在地上就是搓 简单来说，FF14当前版本有一个以服务器为单位的大型生产副本 每个玩家都可以在本服务器内通过生产、采集推进副本的进度 因为我非常喜欢生产，所以很沉迷于这项玩法 由于是在宇宙中，所以玩家们调侃为“宇宙打灰” 由于生产玩法并不需要太多操作，非高难配方使用提前编好的宏
VitePress+Github Pages实现静态文档站
查阅了网上许多VitePress+Github Pages的部署教程，发现要么不完整、要么过时、要么不够详细 于是在这里专门写一篇详细的图文教程以供查阅。 或许存在时效性，注意本文发布于2025年12月26日 环境准备 Node.JS：点击前往下载= Node.JS (https://nodejs.org/zh cn/
在Angular中实现基于nz-calendar的日历甘特图
前言 最近有一个日历相关的功能需求，用于记录主站的各类促销活动。 其中比较棘手的需求是日历需要拥有甘特图那样的功能，持续一段时间的活动需要在日历中以长条形态显示，而不同活动的持续时间不同、排序顺序也不同，互相拼凑留空的逻辑非常复杂。 产品给的参考图如下（涉及公司隐私就全打码了）： ! (https://api.flow
如何获取一首歌歌词的SRT字幕格式
最近方导终于开始着手剪辑我们上个月去川西自驾旅游的视频了。 先在这里放个链接： 【旅行 川西 方长猫猫头 | 小红书 】 (https://www.xiaohongshu.com/discovery/item/69272d87000000001e026f3c?source=webshare&xhsshare=pc we
Angular的NgFor即将弃用？一招解决！
这周上班来发现我VsCode里关于NgFor、NgIf、NgSwtich相关的代码全都被打上了横线！天塌了！ ! (https://api.flowersink.com/uploads/blog/images/compressed 1754900377287.png) 查看警告信息看到了这样一段话： NgForOf'
快速重构Angular17+的新文件命名
当我将公司项目升级到v20之后，我在编写新页面时使用指令 ng g c trademark packing 创建新页面，发现新创建的文件名字变了，按我预期的应该是这三个文件： trademark packing.component.html trademark packing.component.css tradema
Angular升级17.3.0至20.0.6记录
本文主要用作参考，请以自己的实际项目为准。 Angular官方升级手册 (https://angular.dev/update guide?v=17.0 20.0&l=1) 点击标题即可跳转至Angular升级专用的官方指导手册 你可以根据自己的使用情况判断在你升级前、升级后分别有什么必须要处理的工作。 npm che
手绘拼豆图纸？我选择Python！
前言 最近我老婆迷上了拼豆。 什么是拼豆？ 拼豆就是将各种颜色的小豆子拼在一起，通过熨烫成塑料画，在现实中实现各种像素画。 放一张我老婆给我做的拼豆为例，就很容易理解了： ! (https://api.flowersink.com/uploads/blog/images/compressed 1743401100136
如何让自己的设备变得“干净”
前言 我有比较严重的设备洁癖（主要是电脑），主要体现在例如： 我无法接受广告 我无法接受弹窗 我不希望任何人使用我的电脑（以前包括我老婆，现在不包括了） 我不喜欢用其他人的私人电脑 我希望设备有极其简洁规整的界面和布局 设备本地的文件夹命名需要规整且直观 还有很多…… 其实也可以说是强迫症，但我通常是只希望在我的设备上
记一位用2000个表单实现表格的逆天同事
前言 为了隐私保护，某些功能会进行字母模糊处理。 本文使用到的主要技术是Angular 在两年前，公司入职了一位“曾经在公司就职，后跳槽，现在又回公司”的同事，以下简称为Z。 那个时候我初入社会阅历不足，还以为是在外深造回来报答公司的大佬。 我老婆后来的评价则是：“他离开你们公司，如果混得好的话为什么要回来？” Z加入
手把手教你手搓markdown编辑器和样式
本文主要涉及的核心知识为 html 、 CSS 、 TypeScript 、 markdown ，并非 Angular 。 本文基于 Angular 18.1.3 进行开发 本文使用的Angular库版本为 ngx markdown@18.0.0 本文使用了 ng zorro ，但对功能无任何影响 本文中的 md 为
超好用网站合集（永久更新）
本篇文章记录我自己使用过或正在使用的，极其好用/便利/高效/有趣的各种网站。 本篇文章永久更新 ，我之后所遇到的符合条件的网站都会在本篇文章更新。 本文包含大量主观看法，请酌情观看。 本文不会放任何我自己未使用过、自己都觉得不好用的网站。 本文不会有使用教程，请教如何使用请联系再花。 部分网站可能需要魔法上网，请自备。
markdown文件云存储最终方案
前言 我第一次接触markdown（以下均简称md）文件，是在Typora这款软件上。 在使用Typora之后，我深深喜欢上了这款极具简约交互和样式风格的md编辑器，后来就成为了我的主力笔记、文档软件，当他从免费内测转向付费的时候我也第一时间付费进行了支持。 ! (https://api.flowersink.com/
Angular视图更新的原理和方式
前言 我在开发的时候，总是习惯通过 push 去对表格数据进行操作（现在我觉得这是一个坏习惯） 例如新增数据，就直接给表格数组 push 一条同结构的空数据，截取一段我老项目中的代码： js // 面料表格添加一行数据 addData(type): void { // 新增一行数据，并设置好索引 this.listOf
优雅实现并行接口调用的RxJS神器：forkJoin
前言 我在开发公司项目的时候，有这样一个页面的下拉框数组，是公司内七八个部门的同事数据组合而成。 于是我在最开始的时候，就通过调用 获取某个指定部门ID下所有同事 接口来获取数据，并通过一个常量数组一个一个push进去，例如： js // 获取运营人员下拉 this.devMangeService.getUserLis
Angular18导入Echart的最简单步骤
安装Echarts依赖 shell npm install echarts 安装Angular的Echarts封装库 shell npm install ngx echarts 在独立组件中配置 js @Component({ selector: 'echarts', standalone: true, imports
使用NestJS生成网站的站点地图
站点地图的定义和作用 如果将你的网站比作一个博物馆，那么访问的用户（通常是搜索引擎）可以通过博物馆的地图（站点地图）了解到博物馆的各个场馆（网页）、展示品（网页中的视频、图片）是如何构成的。 更详细专业的解释如下： 站点地图是一种文件，您可在其中提供与您网站中的网页、视频或其他文件有关的信息，也可以说明这些内容之间的关
链接网络孤岛的桥梁：RSS
前言 网络上的各个网站都会推送自己更新的新闻、博客、照片、视频，如果你想查看更新，就必须一个一个点进去查看你感兴趣的内容，期间还可能有各种广告、大数据的推送。 面对这种情况，你是否有想过“如果我能统一、高效的查看我想要的信息就好了”？ 有一些小而轻，没有订阅、登录功能的个人网站/博客，即使发布的是你欣赏的文章，也只是沉
使用NestJS实现网站的RSS订阅
理解RSS的工作原理 RSS 是一种基于 XML 的格式，用于提供内容更新的订阅服务。RSS 订阅者通过读取你提供的 RSS 链接获取最新的内容更新。RSS 文件本质上是一个特定格式的 XML 文件，包含了文章的标题、链接、摘要、发布时间等信息。 作为一个前后端分离项目，我所有的博客都存放在后端数据库中，所以我需要在后
为markdown编辑器增加粘贴图片功能
前言 在开发自己的网站以前，我一直以为Typora或者掘金的bytemd编辑器中粘贴图片的功能，是真的将图片放进了编辑器里。 由于angular兼容性最好的markdown（以下均简称为 md ）编辑器我能找到的只有 ngx md ，我在自己的网站后台实现类似于掘金编辑器的方法是左边一个 textare ，右边一个 n
https接口在手机上无法正常访问的解决方案
问题描述 前阵子在写自己的网站的时候遇到了一个非常奇怪的现象。 我的网站域名为flowersink.com，为了藏公网IP又购买了一个域名为flowersink.cn用来作为接口地址（后来发现这个行为着实没必要） 其中两个域名都申请了阿里云的免费SSL证书，com域名已经通过了备案，cn域名则没有备案（接口地址我觉得不