weixin_53981972的博客

原创 前端这五个API学会了吗？

保活 WebSocket 或检测服务是否掉线。需要防抖可在回调内判断上一次是否完成。⚠️ 若回调耗时 > delay，会产生累积漂移。高精度计时应改用递归。微任务让每一步都在同一轮宏任务结束后立即衔接，保证时序且不卡 UI。每秒读取服务器 CPU、内存，更新 ECharts；等下一帧，确保过渡类已生效，再去读取过渡结束事件。通常先触发 CSS 过渡，再。

原创 玩懂Vue3的ref和reactive

核心认识ref与reactive并非完全可互换，而是分别针对“独立值/整体替换”和“复合对象/逐字段更新”场景设计。理解两者语义、访问方式和解构注意。建议先分析业务需求：状态是单一值还是多字段聚合？是否需要整体替换或只是字段更新？是否会在多个地方解构或传递？按需选择：简单标志、计数、页码、loading、Boolean、ID 等用ref；多个字段组合成配置、表单、购物车列表、复杂详情对象等用reactive。若有整体替换需求，也可用ref包对象。若用 reactive，注意用或手动清理以触发响应。

原创 React Hooks 深度优化与自定义 Hook 设计实战

自定义 Hook 是 Hooks 的精髓，能把复杂逻辑封装得像艺术品一样。下面甩两个实用案例。假设我们要搞个复杂表单，带实时校验和提交逻辑。useFormsetErrors((prev) => ({ ...prev, email: "邮箱格式不对" }));} else {// 使用email: "",});console.log("提交：", values);

原创 Next.js 深度解析：从 SSR 到 ISR 的性能优化与实战技巧

Next.js 不是让你拿来写个 Todo List 就完事的玩具，它是为复杂场景设计的性能怪兽。理解 SSR、ISR 的适用场景，活用动态导入、API 缓存和图片优化，才能真正榨干它的潜力。

原创 结合实际场景熟悉git

结合实际场景熟悉git,git常用命令，实际场景开发git团队协作

原创 今天遇到element ui 一个bug，已修复！

今天遇到element ui 一个bug，已修复！

原创 2024数据库热门榜

各种数据库技术在不同应用场景中的受欢迎程度：来源自2024 年 Stack Overflow 开发者调查。调查中提出的问题：过去一年中您在哪些数据库环境中做过大量开发工作？

原创 前端SCSS高级用法

用于让一个选择器继承另一个选择器的样式，减少代码重复。将样式拆分到多个文件中，提升代码的模块化和可维护性。使用变量存储重复使用的值，如颜色、字体大小等。定义可重复使用的代码块，可以接受参数。允许以层次结构的方式组织CSS规则。支持自定义函数以执行复杂运算。进行条件判断和循环。

原创 速通前端高频面试Vue2和Vue3区别

解释：如果说Vue2的组件是一个固定格式的表格，那么Vue3的组合式API就像是可以自由拼接的积木，你可以根据需要组合不同的功能块。解释：从Vue2到Vue3，构建工具的变化就像是从传统的柴火灶转向了现代的电磁炉，Vite提供了更快速、更高效的开发体验。解释：Vue3的状态管理就像是升级了的工具箱，不仅保留了原有的工具（Vuex），还添加了新的、更易用的工具（Pinia）。解释：Vue Router的升级就像是地图App的更新，新版本提供了更多功能和更好的性能，但基本使用方式保持不变。

原创 前端面试原型链高频

合理使用原型链: 原型链可以实现属性和方法的共享，但应避免过度使用深层次的继承。性能优化: 设计时应保持原型链简单，避免过长的继承链导致性能问题。现代开发注意事项: 现代 JavaScript 开发中，更推荐使用和来操作原型，而不是使用过时的__proto__。

原创 前端面试Promise高频

是 JavaScript 中表示异步操作最终完成或失败及其结果值的对象。它改进了传统的基于回调的异步编程方式，帮助更容易地管理和链接异步操作。

原创 五个主流编程语言命名的由来

原创 你的第一次 hello world 给了谁？

原创 gpt达到2024年的知识库

当gpt达到2024年的知识库，会发生什么。

原创 生成式人工智能(AI)市场规模预测。到2030年，AI预计复合年增长率将达42%，AI引领的第四次工业革命

生成式人工智能(AI)市场规模预测。到2030年，AI预计复合年增长率将达42%！AI引领的第四次工业革命，几个最热门的企业家，都是美籍华人，而且都是中老年大咖，除了早期的台积电张忠谋92岁，还在一线的超微电脑梁见后66岁、英伟达黄仁勋61岁、超威半导体苏姿丰54岁。美国垄断了59%的顶尖AI技术人才…

转载 最近热门话题-Auto GPT 初学者Auto GPT 入门：设置和使用

Auto-GPT，展示了著名的 GPT-4 语言模型的功能。它使用 GPT-4 执行复杂的任务并实现目标，而无需太多人工输入。，允许它做一些事情，比如在没有帮助的情况下完成任务，编写和调试代码，以及纠正自己的编写错误。Auto-GPT 不是简单地要求 ChatGPT 创建代码，而是以开发网站、创建新闻通讯、根据用户请求编译在线页面等等。这种级别的独立性是 Auto-GPT 的基本功能，因为它将语言模型转变为更有能力的代理，可以采取行动并从错误中学习。

原创 《反爬虫技术》通过检测请求头部和IP地址来验证请求是否来自合法来源，并使用代理池和随机User-Agent来反制爬虫程序。

1.使用 Tor 更新 IP 地址：Tor 是一种匿名化技术，可以帮助用户隐藏 IP 地址，防止被服务器封禁。4.伪造 IP 地址：在请求头部中，我们添加了一个 X-Forwarded-For 字段，并伪造了一个 IP 地址。2.使用代理池：代理池是一组代理服务器地址的集合，可以用来帮助用户隐藏真实 IP 地址。在这里，我们从代理池中随机选择一个代理地址，作为请求的代理地址。'X-Forwarded-For': 'xxx.xxx.xxx.xxx' # 伪造 IP 地址。# 从代理池中随机选择一个代理地址。

原创 近期微软重大论文----《通用人工智能的火花：GPT-4的早期实验》

人工智能，chatgpt，gpt4，未来，人工智能对未来的重大影响

原创 你到现在还不会用ai给自己创造想要的图片吗？stable-diffusion-webui新手安装教程(ai绘画，简单操作，无难度）

下面是教科书级别的安装教程，一步一步教你安装stable-diffusion-webui，让你成为ai画师！点击进入这个网址下载模型：https://huggingface.co/runwayml/stable-diffusion-v1-5/tree/main。模型下载完之后将模型放入到这个文件夹内，路径：stable-diffusion-webui/models/stable-diffusion 下。③往下滑，点击Windows installer ，下面选择64位的，如果你是32位就点32bit的。