爱吃涮肉的博客

原创 第四章：实用技巧与工作流（详细版）

项目目录/│ └── commands/ # 项目级命令└── 用户目录/└── commands/ # 用户级命令（全局）命令1：代码审查# 代码审查对 $ARGUMENTS 指定的代码进行严格审查：## 审查项目### 1. 代码风格- 是否符合CLAUDE.md中的规范- 命名是否清晰- 缩进和格式是否一致### 2. 功能正确性- 逻辑是否正确- 是否有边界情况处理- 是否有潜在bug### 3. 安全性- 是否有SQL注入风险- 是否有XSS风险。

原创 第三章：针对不同角色的最佳实践（详细版）

本文摘要： 本文详细介绍了Claude AI针对程序员和UI设计师角色的最佳实践方法。对于程序员，重点包括：1) 使用Plan模式进行架构设计，避免直接编码导致的问题；2) 任务拆解与增量式开发策略；3) 通过CLAUDE.md建立团队代码规范，并在PR审查中应用；4) 利用Slash Commands和MCP服务器实现自动化部署与外部服务集成。对于UI设计师，则介绍了如何使用brand-guidelines技能维护设计一致性。全文提供了大量实用代码示例和操作步骤，展示了如何将Claude AI深度集成到开

原创 # 第二章：ClaudeCode核心功能（详细版）

ClaudeCode核心功能包括Skills和MCP Servers两大模块。Skills是预封装的工作流扩展包，包含指令文档、代码脚本和参考资料，支持零代码创建和渐进式加载，可处理复杂任务。MCP Servers是外部服务连接器，通过统一接口标准连接各类工具和服务。Skills适合任务执行，MCP适合工具集成，两者配合可提升AI工作效率。Skills支持自动创建和安装，MCP提供浏览器自动化等26种工具连接能力。

原创 ClaudeCode快速入门（详细版）智谱AI模型

ClaudeCode是一款由Anthropic开发的系统级AI智能助手，具备代码编写、文件管理、自动化任务处理等综合能力。其核心优势包括系统级权限访问、200K超大上下文窗口和高度可扩展性。安装需准备Node.js、Git和API密钥，支持多种模型配置方式，如GLM-4.7、Kimi等。提供Skills技能包和MCP服务器等核心功能，可实现从需求分析到部署的一体化开发流程。通过自然语言指令即可完成复杂任务，显著提升开发效率。

原创 vue2-手搓日历组件-年月日切换选中当前日

这是一个基于Vue.js和dayjs实现的日历组件，支持日期选择和月份切换功能。组件主要特点包括：1) 显示当前月份日历，支持年/月切换按钮；2) 高亮显示当天日期和选中日期；3) 支持日期点击选择并触发事件；4) 响应式设计，适配不同屏幕。组件通过计算属性动态生成日历数据，使用watch监听日期变化，并提供了简洁的样式设计。使用时需安装dayjs依赖库。该组件适合用于预约、排期等需要日期选择的场景。

原创 element form表单搜索项自适应 展开收起

/ v-more-loading的值为要显示几个搜索项在页面上<el-forminline...<el-button icon="el-icon-search" type="primary">搜索</el-button><el-button icon="el-icon-refresh-left">重置</el-button><el-button icon="el-icon-download">导出</el-button></el-form>

原创 webstorm自动换行

照着格式添加你需要自动换行的文件后缀名。

原创 webstorm设置背景图

原创 el-element——el-table嵌入el-input el-table表格内容编辑 el-table编辑 el-table嵌套input 实现表单

el-element——el-table嵌入el-input el-table表格内容编辑

原创 关闭webstorm自动更新代码

webstorm编辑器 自动更新

原创 uniapp scroll-view 回到顶部

只是设置scroll-top时不生效，这里需要注意@scroll 方法。列表页数为1的时候列表滚动到顶部。主要是未了及时显示新添加的数据。scroll-top设置。

原创 百度编辑器UEditor自用问题记录(发现一个记录一个)

设置ueditor.config.js中的过滤规则，在P标签的属性中加入data-background，在获取html文本就包含了背景设置。：UEditor编辑器为了防止xss攻击，默认过滤了P标签的data-background属性，不能设置页面的背景样式。设置背景，无论是纯色或是网络图片，最终拿到的content没有background属性。

原创 Ant 日期选择限制 react DatePicker

ant DatePicker 日期选择限制

原创 Yarn下载 配置淘宝镜像

npm install -g yarn直接敲命令，别再求别人要安装包了。这很快

原创 数组、对象解构赋值

一. 结构对象 对象解构是获取对象并将对象内部属性提取到对象外部变量的一种方法const obj = { x: 1, y: 2 }// 不使用解构语法const x = obj.xconst y = obj.y// 使用解构语法const { x,y } = objx // 1y // 2// 你也可以再函数传参中使用解构，但是这里传参只有一个function add({ x, y }){ return x + y}add(obj) // 3// 也...

原创 uni-app 动态设置 原生导航栏的button 原生导航栏字体图标显示为问号或方框的问题（自定义导航栏字体图标在IOS端是问号或方框）

uni-app原生导航栏字体图标变成问号项目中向根据视频是否播放来控制导航栏中一个button是否显示，在一开始是这么写的isPlay: { immediate: true, handler(isPlay) { //#ifdef APP-PLUS var currentWebview = this.$mp.page.$getAppWebview(); if (isPlay) { currentWebview.setTitleNViewButtonStyle(3, { wid

原创 uniapp视频播放历史记录———— uni.getStorage 与 uni.getStorageSync 项目中遇到的坑

视频播放历史记录使用uni-app框架我的思路：明确：用户在退出当前播放页或锁屏时或物理返回键返回时帮用户记录；1.首先用户退出时我们拿到当前播放视频的唯一标识(例如：vid)，还有视频已经播放的时长(uniapp官网有方法)2.存视频vid和时长的时候需要先做一下判断，原来的缓存中是否有相同vid的视频，如果有保存新的停止时间，如果没有可以直接存入；（uni.setStorage() 会替换上一条缓存信息，所以需要把你要保存的每一条视频信息push到一个数组里面，将这个数组保存在缓存中）try