H_四叶草-CSDN博客

H_四叶草

码龄7年

273,546

总访问量
277

原创
7,254

粉丝
33

关注

IP 属地：广东省

加入CSDN时间： 2019-02-15

个人简介：梦想很大，仍需努力

查看详细资料

个人成就

获得369次点赞
内容获得92次评论
获得747次收藏
代码片获得1,303次分享
博客总排名16,003名
原力等级

原力等级

7

原力分

3,104

本月获得

5

TA的专栏

TA关注的专栏 2

TA关注的收藏夹 0

TA关注的社区 12

TA参与的活动 1

兴趣领域设置

开发工具

githubvisual studio code
前端

javascriptcssbootstrapcss3lessvue.jsreact.jselementuiscssreactjses6npmsasswebpack前端前端框架
后端

node.js
网络与通信

httphttps
微软技术

typescript
测试

postman

创作活动更多

AI 镜像开发实战征文活动

随着人工智能技术的飞速发展，AI 镜像开发逐渐成为技术领域的热点之一。Stable Diffusion 3.5 FP8 作为强大的文生图模型，为开发者提供了更高效的图像生成解决方案。为了推动 AI 镜像开发技术的交流与创新，我们特此发起本次征文活动，诚邀广大开发者分享在 Stable Diffusion 3.5 FP8 文生图方向的实战经验和创新应用本次征文活动鼓励开发者围绕 Stable Diffusion 3.5 FP8 文生图方向，分享以下方面的内容： 1. 技术实践与优化 - Stable Diffusion 3.5 FP8 模型架构解析与优化技巧 - 文生图生成效果的提升方法与技巧 - 模型部署与加速策略，例如使用 Hugging Face、Diffusers 等工具 - 针对特定场景（例如二次元、写实风）的模型微调与定制化开发 2. 应用场景探索 - Stable Diffusion 3.5 FP8 在不同领域的应用案例分享，例如游戏设计、广告创意、艺术创作等 - 利用 Stable Diffusion 3.5 FP8 实现图像编辑、图像修复、图像增强等功能的探索 - 结合其他 AI 技术（例如 NLP、语音识别）构建更强大的应用 3. 创新应用与思考 - 基于 Stable Diffusion 3.5 FP8 的创新应用场景设计 - AI 镜像开发的未来发展方向的思考与展望 - 对 AI 镜像开发伦理、安全等问题的探讨

28人参与去参加

更多

[特殊字符]发现个有趣的工具可以用来随机头像[特殊字符][特殊字符]

本文介绍了基于字符串生成SVG头像的实现方法。通过multiavatar.js库，可根据用户昵称或随机ID自动生成个性化头像。文中提供了完整的HTML示例代码，包含点击按钮生成新头像的功能实现。该技术已应用于作者开发的聊天室项目中，实现了根据用户昵称自动生成头像的功能，并附有聊天室地址和效果截图。该方案简单易用，适合需要个性化头像生成的Web应用场景。

博文更新于 2025.10.10 ·

[特殊字符]简简单单使用 TS 封装个工具库【更新中 ✍】

本文总结了前端开发中常用的表单验证和数据转换工具函数。表单部分包含两种输入限制：整数输入（移除非数字字符）和浮点数输入（保留单小数点）。数据转换部分提供了下划线/驼峰命名互转、深拷贝、随机数生成、数值转字母序列、数组转树结构等功能。另外还包含文件下载和时区转换的实用方法。这些代码片段都采用TypeScript编写，具有类型安全特性，可直接应用于Vue项目开发中，提升开发效率。

博文更新于 2025.08.05 ·

【[特殊字符]新鲜出炉】十个 “如何”从零搭建 Nuxt3 项目

pina 在 nuxt 中的前期配置就是这些了，pina 具体使用可以查看我另外一遍文章。除了上面那种方式外，也可以全局挂在到 nuxtApp 上。布局一：layouts/default.vue。布局二：layouts/login.vue。注册，修改 nuxt.config.ts。这里我使用的是 TDesgin 组件库。注册，修改 nuxt.config.ts。在页面上导入 store ，则可以使用。目录（注意，文件名需要一致）在项目根目录上，创建。安装 TDesign。

博文更新于 2025.06.21 ·

记 2025-02-27 裸辞，2025-03-21 收获 offer

本人 2025-02-27 裸辞，2025-03-21 收获 offer。该文章记录了在面试过程中被提问到的问题，并进行总结记录。箭头函数没有 this 指向，需要通过作用域来确定 this 的值this绑定的就是最近一层非箭头函数的this由于没有 this，因此 call，apply，bind 不能被使用三者都可以绑定函数的 this 指向三者第一个参数都是 this 要指向的对象，若该参数为 undefined 或 null，this则默认指向全局传参不同：apply 是数组；

博文更新于 2025.03.24 ·

面试官提问：TypeScript 中的 Type 和 Interface 有什么区别？

interface‌：无法直接定义联合类型或元组，需通过组合其他类型实现‌。interface 扩展 interface 和 type。interface 声明对象，被 class 实现。type 扩展 type 和 interface。type：不支持声明合并‌：重复定义同名。type 声明对象，被 class 实现。‌ 等复杂类型，且支持工具类型操作（如。interface：类可以直接通过。interface 声明对象。interface：支持 ‌。type：可处理 ‌。

博文更新于 2025.03.04 ·

前端可以不用依赖后端实现导出大数据了

在我们公司表格数据导出都是前端去处理。一开始数据量不大，倒没什么问题。但随着数据量的加大，问题也逐渐暴露出来。一天的数据量有一来万条，导出一定时间范围的数据，30天就得30来万条数据。那会测试直接给我导出 60 万条数据都存到一个 Excel 表中，页面直接卡死掉，动都动不了，后面直接崩溃掉。那会为什么导出选择由前端去做呢？多语言问题：有些内置数据（如：文件分类，计算机组等信息）需要支持多语言，以及表格 header 头。数据转换问题：有些内置数据返回的是数值类型，需要转成对应的真正的数据。

博文更新于 2025.02.16 ·

细究 ES6 中多种遍历对象键名方式的区别

说到遍历对象，第一反应是用for...in..、和。平常最多用的就是这俩个。最近重新翻看《ES6 标准入门》这本书，发现遍历对象键名的方式还是挺多的。今天借此机会，以一个基本案例，总结五种遍历对象键名的使用及其不同点。基本案例代码// 给父对象添加 Symbol 属性// 创建子对象，继承父对象// 添加自身的可枚举属性// 添加自身的不可枚举属性});// 添加自身的 Symbol 属性for...in：遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）

博文更新于 2025.02.12 ·

【Nest 学习笔记】AOP切片编程

几种 AOP 编程的调用顺序会先调用Guard，判断是否有权限等，如果没有权限，抛出的 ForbiddenException 会被处理如果有权限，就会调用到拦截器，拦截器组织了一个链条，一个个的调用，最后会调用的 controller 的方法：调用 controller 方法之前，会使用 pipe 对参数做处理。

博文更新于 2024.09.01 ·

学完 Pinia 再也不想用 vuex 真香啊！！！！

Store// 第一个参数是应用程序中 store 的唯一 id},})// 第一个参数是应用程序中 store 的唯一 id},getters: {// 访问 state 的值// 访问 getters 的值（通过 this 进行访问）// 访问其他 store 的 getters},})非常适合定义业务逻辑// 第一个参数是应用程序中 store 的唯一 id},actions: {// 封装业务逻辑// 访问其他的 store// 获取到 other 的数据})

博文更新于 2024.01.07 ·

vue3 鲜为人知的知识点

该篇文章是个人觉得在平常开发过程中没怎么注意到（新增加）的知识点，每个章节的内容在官网中不只文章提到的这些。

博文更新于 2024.01.06 ·

重新认识一下 vue3 应用实例

相比之下，局部注册的组件需要在使用它的父组件中显式导入，并且只能在该父组件中使用。：除了可以传递第一个参数是根组件外，还可以传递第二个参数（可选），它是要传递给根组件的 props。中，当应用挂载完成后，2s 后销毁应用，可以发现其应用组件树内所有组件的卸载生命周期钩子都会触发。🧒：安装一个插件的本质是通过传递应用实例对象给到自定义插件中，在插件中针对这个对象进行操作。：用于全局组件的注册，后续在该应用实例下的所有组件都可以使用该组件，无需再次局部注册。提供的方法，来改写编译过程的一些方法。

博文更新于 2024.01.03 ·

很干的 Nginx

本篇文章有些概念性的东西，是结合自己的理解表达出来的，可能有些理解不到位的地方。红包献上 🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧🧧。

博文更新于 2023.08.24 ·

【CSS 布局】水平垂直方向居中

【代码】【CSS 布局】水平垂直方向居中。

博文更新于 2023.08.09 ·

【系统集成项目管理工程师】计算题专题二

计算题：一项任务的最早开始时间是第3天，最晚开始时间是第13天，最早完成时间是第9天，最晚完成时间是第19天。（4）项目要求 150 天完工，请写出关键路径上可压缩的活动成本变化情况。因为次关键路径 aehi=150 天，所以只需要压关键路径上活动即可，不会导致关键路径的变化。（如：活动 C 的自由时差 Min(20, 35) - 20 = 20 - 20 = 0）要求 150 天完工，说明要压缩 20 天，关键路径可以压缩的活动有 d、g、i。关键路径：ACDE（关键路径下的活动总浮动时间都是 0）

博文更新于 2023.05.26 ·

【系统集成项目管理工程师】计算题专题一

2、某项目实施需要甲产品，若自制，单位产品的可变成本为 12 元，并需另外购买一台专用设备，该设备价格为 4000 元:若采购，购买量大于 3000 件购买价格为 13 元/件，购买量少于3000件时，购买价为 14 元/件，则甲产品用量 (66)时，外购为宜；甲产品用量 (67)时，自制为宜。2、完成某信息系统集成项目中的一个最基本的工作单元A所需的时间，乐观的估计需8天，悲观的估计需38天，最可能的估计需20天，按照PERI方法进行估，项目的工期应该为 (37)，在26天以后完成的概率大致为 (38)

博文更新于 2023.05.08 ·

【系统集成项目管理工程师】总结：十大知识领域的所有过程组

项目整体管理包括以下 6 个过程:项目范围管理包括以下 6 个过程:项目进度管理包括以下 7 个过程:项目进度管理包括以下 4 个过程:项目质量管理包括以下 3 个过程:项目资源管理包括以下 4 个过程:项目沟通管理包括以下 3 个过程:项目风险管理包括以下 6 个过程:项目采购管理包括以下 4 个过程:项目干系人管理包括以下 4 个过程:

博文更新于 2023.05.08 ·

【系统集成项目管理工程师】总结：十五至尊图

启动过程组计划过程组执行过程组控制过程组收尾过程组项目整体管理制定项目章程指定项目管理计划指导与管理项目计划监控项目工作实施整体变更控制结束项目或阶段过程项目范围管理编制范围管理计划过程收集需求过程定义范围过程创建工作分解结构过程确认范围过程范围控制过程项目进度管理规划进度管理过程定义活动过程排列活动顺序过程估算活动资源过程估算活动持续时间过程制定进度计划过程控制进度过程项目成本管理制订成本管理计划成本估算成本预算成本控制

博文更新于 2023.05.07 ·

【系统集成项目管理工程师】项目采购管理

管理合同以及买卖双方之间的关系，监控合同的执行情况。审核并记录供应商的绩效以采取必要的纠正措施，并作为将来选择供应商的参考。管理与合同相关的变更。从潜在的供应商处获取适当的信息、报价、投标书或建议书。选择供方，审核所有建议书或报价在潜在的供应商中选择，并与选中者谈判最终合同。决定采购什么，何时采购，如何采购，还要记录项目对于产品、服务或成果的需求，并且寻找潜在的供应商。完成单次项目采购的过程。

博文更新于 2023.05.07 ·

【系统集成项目管理工程师】项目风险管理

在整个项目中实施风险应对计划、跟踪已识别风险、监督残余风险、识别新风险，以及评估风险过程有效性的过程。评估并综合分析风险的发生概率和影响，对风险进行优先排序，从而为后续分析或行动提供基础的过程。针对项目目标，制定提高机会、降低威胁的方案和措施的过程。就已识别风险对项目整体目标的影响进行定量分析的过程。判断哪些风险可能影响项目并记录其特征的过程。1、实施定性风险分析的工具和技术（重点）1、实施定量风险分析的工具与技术（重点）1、消极风险或威胁的应对策略。2、积极风险或机会的应对策略。

博文更新于 2023.05.07 ·

【系统集成项目管理工程师】信息与信息化

企业信息化是指企业以业务流程的优化和重构为基础，在一定的深度和广度上利用计算机技术、网络技术和数据库技术，控制和集成化管理企业生产经营活动中的各种信息，实现企业内外部信息的共享和有效利用，以提高企业的经济效益和市场竞争。信息化政策法规和标准规范用于规范和协调信息化体系各要素之间关系，是国家信息化快速、持续、有序、健康发展的根本保障。主要包括用户产品使用情况调查的数据、促销活动记录数据、客服人员的建议数据和广告数据等。包括历史购买记录数据、投诉数据、请求提供咨询及其他服务的相关数据、客户建议数据等。

博文更新于 2023.05.06 ·