- 博客(441)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 pinia快速入门
Pinia是Vue 3官方状态管理库，提供直观且类型安全的状态管理方案。本文介绍了快速入门指南：1)通过npm/yarn安装；2)创建Pinia实例并注册；3)使用组合式API或选项式API创建Store；4)在组件中调用Store；5)详细说明状态管理、Getters和Actions特性；6)介绍插件扩展和持久化配置；7)强调TypeScript支持。相比Vuex，Pinia更简洁灵活，支持更好的Tree-shaking，是Vue 3项目的理想状态管理解决方案。
2025-10-22 21:10:31
425
原创 git 添加除了包含特定字符串的文件
摘要：本文介绍了使用 git add 命令时如何排除特定文件的方法。通过 git ls-files 结合 grep -v 可以过滤掉文件名包含"store"的文件，也提供了包含未跟踪文件的方案。文章还建议将排除规则永久写入 .gitignore 文件，并详细解释了每个命令参数的作用，包括 --others 和 --exclude-standard 选项的用途。（150字）
2025-10-22 20:56:52
112
原创 使用宝塔面板docker部署https://github.com/imsyy/DailyHotApi项目
摘要：本文介绍通过宝塔面板使用Docker部署DailyHotApi项目的步骤。首先确保宝塔面板和Docker已安装，然后通过终端拉取imsyy/dailyhot-api镜像并运行容器（映射端口6688）。需在宝塔防火墙开放对应端口，访问http://服务器IP:6688验证部署。支持自定义配置和更新镜像，提供容器管理及问题排查方法。适用于快速搭建热榜API服务。（150字）
2025-10-22 20:41:03
445
原创 Node.js 进程管理神器 PM2 完全指南
PM2 常用操作指南摘要 PM2 是 Node.js 进程管理工具，支持应用启停、监控、日志管理和集群部署。核心功能包括： 基本命令：start/stop/restart/delete 进程，支持 --watch 监听文件变化和 -i 多实例负载均衡。 日志管理：logs 查看实时日志，flush 清空日志。 配置文件：推荐使用 ecosystem.config.js 统一管理环境变量和启动参数。 开机自启：通过 pm2 startup 和 pm2 save 实现服务自动恢复。 进阶功能：零停机重启（rel
2025-10-06 23:25:11
379
原创 前后端分离，nuxt4对前端来说其生命周期
本文解析了Nuxt 4在前后端分离架构中的生命周期机制，将其分为应用级、页面/组件级、数据交互级和路由导航级四个维度。重点阐述了Nuxt如何协调服务端与客户端，通过useFetch等API实现首屏数据预取和客户端交互的无缝衔接；介绍了全局钩子简化API请求处理，解决跨域和认证问题；并说明了路由中间件实现前端自主的导航控制和权限验证。文章通过典型场景演示了完整生命周期流程，强调Nuxt在提升性能、简化开发和优化用户体验方面的核心价值。
2025-09-25 01:56:37
482
原创 VS Code 格式化配置优先级与作用机制（包含ESLint）
代码格式化与ESLint整合指南 本文详细介绍了如何协调ESLint与其他格式化工具（如Prettier）的工作流程。ESLint具有双重角色：既负责代码质量检查（如未使用变量），也处理代码格式化（如引号风格）。通过配置优先级（从.vscode/settings.json到.eslintrc.js等）和合理分工，可以避免工具间冲突。文章提供了Vue项目的具体配置示例，并推荐两种解决方案：使用eslint-config-prettier禁用冲突规则，或将质量检查与格式化完全分离。最后还给出了保存文件时的完整工
2025-09-23 12:14:43
1088
原创 VS Code 格式化配置优先级与作用机制（不含ESlint）
在 VS Code 开发环境中，代码格式化涉及多个配置文件，它们按照特定的优先级顺序工作，共同决定最终的格式化行为。🎯精确控制每个项目的格式化行为🤝团队协作确保代码风格一致🔧快速调试格式化相关问题📈提升效率自动化代码格式化流程项目级配置 > 全局配置 > 默认配置，合理利用这个优先级可以让您的开发体验更加顺畅！
2025-09-23 12:13:01
737
原创 DNS设置示范教程
2024-09-25 15:38:00部分地区有使用移动网络的小伙伴们吐槽无法访问部分网站的情况，同样的网站，使用电信和联通的用户就能正常访问。这其实有很大几率是由于运营商的网络问题导致的，移动的DNS服务器不及联通、电信给力，容易出现网站打不开的结果。要解决移动网络无法访问的情况，可以尝试使用修改DNS设置的方法解决，如仍未解决，可联系官方客服！以下为各种设备更改DNS设置教程，点击对应教程操作即可注：主机名由符号、数字或英文字母组成，请确认DNS地址输入正确，否则将导致网络中断。加密DNS是实现传输安全
2025-09-22 11:20:56
794
原创 Vue2项目集成打包分析工具webpack-bundle-analyzer
本文介绍了在Vue2项目中集成webpack-bundle-analyzer进行打包分析的方法。主要内容包括：安装插件依赖；通过环境变量控制插件启停的配置方式；在package.json中添加分析脚本；分析结果的功能说明及优化建议。该方案能可视化展示打包资源构成，帮助识别体积过大的模块，支持按需优化和依赖分析，且不影响正常构建流程。执行npm run analyze命令即可生成交互式分析报告。
2025-09-17 21:24:49
335
原创 PHP面向对象编程全解析：从基础到实战
PHP面向对象编程通过类与对象、三大特性、魔术方法、Trait等机制，为复杂项目提供了清晰的代码组织方式。掌握这些知识点，能有效提升代码的复用性和可维护性，是进阶PHP开发的必备技能。在实际开发中，应根据场景灵活运用设计模式，结合命名空间和自动加载，构建高效、规范的PHP应用。
2025-09-05 10:35:59
564
原创 CSS 多列布局（Multi-column Layout）：快速上手指南
CSS 多列布局（Multi-column Layout）是一种将内容流式分布到多个列中的布局方式，类似报纸、杂志的排版效果。与网格布局（Grid）不同，多列布局中子元素保持正常文档流，列会根据可用空间自动调整数量或宽度，无需手动指定每个元素的位置。：设置列的理想宽度（最小宽度），浏览器会根据容器宽度自动计算列数。（列宽至少 12em，数量自适应容器宽度）。：明确指定列的数量，列宽会根据容器宽度自动分配。（固定 2 列，列宽随容器变化）。columns和的简写属性。columns: 2;
2025-08-13 10:33:36
1543
原创 css中的color-mix()函数
`color-mix()` 是 CSS 颜色模块（CSS Color Module Level 5）中引入的一个强大的颜色混合函数，用于在指定的颜色空间中混合两种或多种颜色，生成新的颜色值。它解决了传统颜色混合（如通过透明度叠加）在视觉一致性上的不足，尤其在不同设备和颜色空间下能提供更可预测的结果。
2025-08-13 06:34:13
614
原创 你的名字就是一幅山水画
你的名字就是一幅山水画。你的名字宛如一幅意境深远的山水画，充满了独特的韵味与魅力。接下来，将详细地教你怎样运用AI去生成与名字相关的山水画，让这份独特的美感以数字化的奇妙方式呈现出来。
2025-08-12 23:18:42
363
原创 嘿，2天就能入门React啦，再多时间我可真没啦！
HTML 中的class属性在 JSX 中需写为className，因为class是 JavaScript 的关键字。。HTML 中的for属性在 JSX 中需写为htmlFor，同理，for也是 JavaScript 的关键字。。其他大多数属性名与 HTML 一致，如idsrchref。函数组件是使用 JavaScript 函数定义的 React 组件，它是 React 中最基础也最常用的组件形式之一。通过function。
2025-08-11 17:12:00
803
原创 嘿，2小时就能入门React啦，再多时间我可真没啦！
本文总结了React学习第8-39天的核心知识点： JSX语法（第8-11天）：包括元素创建、属性定义、变量嵌入、条件/列表渲染及样式添加 组件开发（第11-15天）： 函数/类组件的定义与使用 组件拆分原则（单一职责、复用性） 文件组织规范（PascalCase命名） 数据管理（第18-25天）： Props传递机制（父→子通信） Props只读特性与默认值设置 类型检查（PropTypes） 整体涵盖React基础语法、组件化开发模式及数据流管理核心概念，形成完整的React入门知识体系。
2025-08-11 11:58:25
724
原创 Jotai：React轻量级状态管理新选择
Jotai 以“原子”为核心，通过简单的 API 实现了灵活的状态管理，支持同步/异步状态、派生逻辑和函数式编程模式，适合 React 项目从简单到复杂的状态需求。核心步骤：定义原子 → 用useAtom在组件中使用 → 通过派生原子扩展状态逻辑。
2025-08-10 21:40:26
540
原创 TypeScript 的 symbol 类型精简知识点
本文介绍了TypeScript中Symbol类型的特性与应用。Symbol是ES2015引入的原始类型，在TypeScript中用symbol表示。重点讲解了unique symbol子类型，它表示单个具体的Symbol值，必须用const声明且不可修改。unique symbol具有唯一性，不同变量即使都用Symbol()生成也不相等。文章还分析了类型兼容规则、应用场景（如属性名定义、类静态属性）以及类型推断机制，指出Symbol.for()生成的相同key值在TypeScript中仍被视为不同类型。
2025-08-07 09:08:29
376
原创 从vue技术栈快速转到react技术栈
vueVue 和 React 本质是「用不同方式解决相同问题」，核心能力（组件化、状态驱动）相通。重点关注JSX 语法、Hooks 逻辑（尤其是 useEffect）、单向数据流这三个差异点，通过 1-2 个实战项目练习，就能快速上手 React。如果遇到具体问题，对比两者的 API 文档（React 文档Vue 文档）是最好的方法！
2025-08-06 11:28:34
793
原创 如何深入探索并实践一个兴趣领域？
用一个月时间完成阅读、内容消化、写作和交流，甚至可以产出一个粗糙的作品。充分发挥好奇心，比如想看几小时的健身或职场视频，尽管去看，能帮你快速深入领域。来自讨论你感兴趣话题的社交媒体账号，优先关注该领域头部/优质达人的内容，但注意控制注意力，避免过度沉迷。选择该领域的畅销书或高评分作品，它们能帮你全面了解兴趣核心，提供值得思考的观点和金句。比如公开演讲、拍口播视频、直播分享，或与朋友交流，在输出中提升表达能力和影响力。形式包括写日记、发播客、制作短视频/中视频，甚至尝试写书。
2025-08-06 11:12:44
315
原创 如何在nuxt项目中自定义模板
本文详细介绍了在Nuxt.js框架中自定义HTML模板的方法。对于Nuxt 2，可通过创建app.html文件或修改nuxt.config.js中的render选项来实现；Nuxt 3则主要通过app.vue组件、nuxt.config.ts配置和app目录扩展来完成。文章涵盖了两种版本的具体实现步骤，包括添加全局脚本、CSS样式、加载动画等常见场景，并强调了SSR兼容性、变量保留等注意事项。这些方法特别适用于集成第三方工具、优化首屏体验等定制化需求，帮助开发者灵活控制项目结构。
2025-08-05 18:31:45
558
原创 如何在nuxt项目中进行meta信息注入
本文详细介绍了在Nuxt.js框架中配置Meta信息的多种方法。全局配置可在nuxt.config.js中设置默认Meta值，页面级配置通过head()方法覆盖全局设置，组件中也可单独配置。文章重点讲解了动态Meta生成方式，包括基于接口数据和使用useHead组合式API（Nuxt 3）。特别强调了hid标识符的重要性，用于避免Meta标签重复。配置遵循页面级优先于全局的原则，同时支持服务端渲染，确保SEO友好性。这些方法使开发者能灵活管理不同页面的标题、描述等关键SEO元素。
2025-08-05 18:29:34
576
原创 如何在nuxt项目中使用scss
本文详细介绍了在Nuxt.js项目中使用SCSS的方法，包括Nuxt 2和Nuxt 3的不同配置方式。主要内容涵盖：1）安装SCSS相关依赖包；2）全局SCSS资源的配置方法，包括变量和混合器的引入；3）推荐的SCSS目录结构；4）在Vue组件中使用SCSS的具体示例；5）使用注意事项和性能优化建议。无论是单文件组件还是外部SCSS文件，都能通过简单配置实现高效开发，同时利用SCSS的特性提升样式可维护性。
2025-08-05 18:26:43
506
原创 如何在nuxt项目中使用cookie-universal-nuxt进行状态持久化和token校验?
摘要 在Nuxt SSR项目中，推荐使用cookie-universal-nuxt替代localStorage存储Token，实现服务端与客户端兼容。通过配置该模块，可在Vuex中集成Cookie操作，完成登录状态持久化（如设置7天有效期），并在初始化时从Cookie恢复状态。结合Axios拦截器实现Token自动添加与过期处理，通过中间件控制路由权限。方案优势包括SSR兼容性、统一API和自动过期，但需注意Cookie大小限制（4KB）及敏感信息保护（建议配合后端设置httpOnly）。适用于需SEO友好
2025-08-05 16:04:23
649
原创 如何在nuxtjs项目中使用vuex?
摘要：Nuxt.js内置支持Vuex状态管理，无需额外配置即可使用。在store目录中可创建根模块和子模块，包含state、mutations、actions和getters。组件中可通过$store或map辅助函数访问和修改状态，支持服务器端数据预取。Nuxt 3推荐使用Pinia但仍兼容Vuex。这种集成方式简化了全局状态管理，特别适合处理跨组件共享数据场景。
2025-08-05 15:57:12
360
原创 如何在nuxt项目中使用axios进行网络请求？
摘要：在Nuxt.js中使用Axios有两种方式：推荐使用官方@nuxtjs/axios模块（自动注入$axios，支持全局配置）或手动创建Axios实例（需配置插件）。关键区别在于前者更便捷集成Nuxt特性，后者更灵活。两种方式都支持服务端/客户端请求，需注意错误处理和环境变量配置，推荐@nuxtjs/axios以获得更好的Nuxt生态兼容性。（142字）
2025-08-05 15:51:47
429
原创 从数据丢失到动画流畅：React状态同步与远程数据加载全解析
本文分享了前端开发中处理书签管理应用时遇到的数据状态与界面同步问题。作者最初遇到远程数据加载后"失踪"的异常现象，通过逐步排查发现了多个关键问题：React状态更新陷阱导致数据合并失败、undefined字段导致去重逻辑失效、缺少数据同步机制等。解决方案包括使用函数式状态更新、重构去重逻辑、完善数据同步机制，并优化了动画闪烁问题。最终通过合理设计数据标识、明确状态依赖关系、善用React Hooks（useMemo/useCallback）等实现了数据的正确加载与流畅交互。文章总结了宝贵
2025-08-02 08:04:55
1020
原创 Vue2 项目实现 Gzip 压缩全攻略：从配置到部署避坑指南
安装合适版本的依赖在中配置压缩规则，生成.gz文件配置服务器（如 Nginx）支持 Gzip 传输通过这套方案，可显著减小项目静态资源体积，提升页面加载速度。实际应用中需根据项目特点调整压缩阈值和级别，在压缩效果和性能开销之间找到最佳平衡。最后提醒：Gzip 压缩只是前端性能优化的一环，建议结合代码分割、Tree-Shaking、CDN 加速等手段，全面提升项目性能。
2025-08-01 23:13:51
1246
2
原创 Java的extends通配符
Java泛型中的extends通配符用于限定类型上界，提供类型安全保障。它有两种用法：1)在定义泛型时使用<T extends 类型>限定类型参数必须是某类的子类；2)在使用时通过<? extends 类型>实现读取兼容性。关键特性包括：只读原则（无法写入）、类型传递性，以及与super通配符互补（super用于写入）。该机制增强了代码复用性和类型安全性，是Java泛型体系的重要组成部分。
2025-07-11 21:58:04
393
原创 含数据库操作的 Java 小项目目录结构
Java项目的目录结构会根据项目规模和使用的框架有所不同。下面为你介绍一个包含数据库操作的Java小项目的典型目录结构。
2025-07-10 11:12:59
510
原创 VSCode高效配置Maven开发Java
摘要：本文详细介绍了在VSCode中使用Maven进行Java项目开发的完整流程。内容包括：安装必要扩展（Java扩展包、Maven插件等）、配置Maven环境、创建项目的两种方法（命令行和图形界面）、标准项目结构说明、执行Maven命令的方式、pom.xml配置示例、程序运行方法以及常见问题解决方案。还推荐了有助于Java开发的实用扩展插件，帮助开发者在VSCode中高效完成Maven项目管理。（149字）
2025-07-10 09:54:33
1216
原创 Java中的多线程快速入门
这篇教程介绍了Java多线程编程的基础概念和实现方法。主要内容包括：两种实现多线程的方式（继承Thread类和实现Runnable接口），并提供了详细的代码示例演示如何创建和启动线程。文章还解释了关键知识点如线程启动方法、sleep方法的作用，以及主线程的概念。最后简要提及了线程同步问题，展示了synchronized关键字的使用方法。作为入门指南，该教程为后续学习线程生命周期、线程池等高级主题奠定了基础。
2025-07-10 09:52:46
341
原创 快速入门Java中的IO操作
Java IO 编程核心知识点总结： 流分类：分为字节流（FileInputStream/OutputStream）和字符流（FileReader/Writer），分别处理二进制和文本数据。 缓冲流：BufferedInputStream/OutputStream 和 BufferedReader/Writer 可提升读写效率。 对象序列化：通过 ObjectOutputStream/ObjectInputStream 实现对象持久化存储。 文件操作：File 类提供创建/删除/重命名等文件管理功能。 典型
2025-07-06 10:43:50
159
原创 ThinkPHP爬虫驱动系统设计
本文构建了一个基于ThinkPHP容器机制的爬虫驱动系统。系统采用数据库存储驱动配置，设计了爬虫驱动配置表结构，包含站点ID、驱动名称、类路径和JSON配置等字段。通过CrawlDriverManager管理器类实现驱动加载机制，利用反射检查类存在性和接口实现。系统定义了CrawlDriverInterface接口规范驱动行为，并以HdmoliDriver为例展示了具体实现，包含获取列表、今日更新和详情数据的方法。该系统实现了可配置化、可扩展的爬虫驱动管理架构。
2025-07-03 00:40:09
908
原创 电子面单系统开发全解析
虽然电子面单系统前期可能需要投入一定的开发和设备采购成本，但从长期来看，能够为企业带来更大的经济效益，推动电商和物流行业的高效发展。开发电子面单系统是一项复杂且涉及多方面考量的工程，涵盖需求分析、系统架构设计、技术选型、接口对接、安全性保障、第三方服务选择以及部署与维护等关键环节。电子面单系统在电商物流中应用提升配送效率、降低成本、保护用户隐私与数据安全，增强用户体验与信任度，随着技术进步将持续优化。开发电子面单系统需全面考虑上述各个方面，通过合理规划与实施，开发出高效、稳定、安全的系统。
2025-07-01 23:25:45
1060
webpack1.x指导文档
2018-05-18
可以批量修改文件名的软件
2024-04-11
代码管理工具TortoiseSVN-1.8.7.25475-x64-svn-1.8.9-2 尚硅谷封捷SVN课程
2024-03-15
PHP7.4 的扩展库，dll文件
2024-01-12
搭建知识库架构中Cursor类工具的相关提示词
2025-09-02
nginx负载均衡笔记
2024-11-23
布尔教育linux优化笔记
2024-11-23
oralce笔记和资料
2024-11-22
视频redis笔记和资料
2024-11-22
MySQL优化笔记和资料
2024-11-22
PHP面向对象与设计模式
2024-11-21
mongodb笔记和资料
2024-11-21
视频笔记linux开发篇
2024-11-21
linux基础进阶笔记
2024-11-21
memcached笔记资料
2024-11-21
视频配套nginx笔记和资料
2024-11-21
PHP底层分析笔记和资料
2024-11-21
Linux基础入门笔记
2024-11-17
商业品牌小楠京招商引资PPT
2024-10-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人