CSS盒子模型
盒子模型，实际上就是指标签的外边距、边框、内边距、内容所组成的思维模型，这个模型可以直观的展示标签的尺寸、间距。盒子的实际大小：边框(border) + 内边距(padding) + 内容(文本/width/height)。我们可以通过F12或者鼠标右击检查来观察盒子模型，其中，我们选中某个元素时显
Vue3父子组件传属性和方法调用Demo
这里记录下自己学习Vue3父子组件怎么传值和方法怎么互相调用，防止后面继续踩坑且方便以后直接使用。这里承接自己的博客[Vue3+vite优化基础架构（3）--- 优化vue-i18n国际化配置](https://blog.csdn.net/weixin_48040732/article/detail
web小游戏开发：拼图（三）原始拼图玩法的实现
web小游戏开发：拼图（三）原始拼图玩法的实现原始拼图组合的实现判定是否可以组合实现组合判定实现组合移动小结原始拼图之前，我们在第一篇拼图的文章里已经介绍过了原始拼图的玩法，我们对原始拼图采用 puzzle8.com 的交互规则。其中，背景图（影子图）、缩略图（拼图样图）都好做，并不会费什么事。唯一
基于AI的D2C前端代码生成技术深入总结
在AI技术日益渗透至各领域的背景下，本文深入探讨了B端（D2C）前端代码生成技术的核心挑战与实战解决方案，诚实地揭示了在实现自动化代码生成过程中遭遇的重重难关。产品介绍▐背景●做为淘天内的AI创新团队，在团队内做了很多AI大模型的探索，了解到AI可以解决大量简单重复的事情，B端场景标准化程度比较高，
node-sass 对应的node版本
node sass 对应的 node 版本
Linux 6种日志查看方法
journalctl --since "2023-07-01" --until "2023-07-02" 查看特定时间段的日志。- 示例：tail -n 50 /var/log/syslog 显示最后 50 行日志。- 示例：head -n 50 /var/log/syslog 显示前 50 行日志
html+css 炫酷的流边按钮
给每一个按钮添加一个hover效果，当鼠标移动上去时改变按钮的效果。含具体代码深入理解，彻底掌握！直接看代码，可以一键复制，查看效果。
npm切换到淘宝镜像（最新地址）
3、现在，你就可以使用淘宝镜像来加快npm包的下载速度了。请注意，切换镜像可能会有一些副作用，比如某些包可能在淘宝镜像上不存在或更新较慢。1、输入以下命令后回车，npm切换至淘宝镜像。2、输入以下命令后回车，检查是否切换成功。若返回此信息表示切换成功。
【React】常见的 HOC 使用案例
高阶组件是一种强大的模式，可以在 React 中实现代码复用和逻辑抽象。提取和重用跨组件的逻辑控制组件的渲染操作传递给组件的 props管理和注入状态。
根据 Web 服务器端的架构相关知识，将PHP改JAVA重构企业网站系统
应用服务器是指通过各种协议把商业逻辑暴露给客户端的程序。应用服务器通过分布式体系来保障系统在大负荷和长时间运行下的稳定性以及可扩展性：当系统处理能力不够时，通过简单增加硬件来解决，提供水平可扩展性；动态调整不同主机间的负载可以最大限度地利用资源，提供单机稳定性；动态调整主机工作职能，当系统中某台机器
SpringBoot+Vue项目的打包部署教程
本教程旨在帮助开发者，完成基于springboot后端项目和基于vue前端项目的打包以及服务器部署。本教程的前提是开发者已经拥有一个完整的springboot+vue的前后端分离的项目，以及一台配置好JDK和MySQL以及nginx的环境的云服务器。目标是能够将项目部署到云服务器上，并通过云服务器的
前端常用的性能优化方案
文章主要介绍了前端对项目进行性能优化的一些常用方案，从开发阶段、打包阶段以及部署阶段上方面入手，介绍了多种性能优化的手段来达到让页面加载更快，也就是让代码打包后的体积尽可能的小以及让资源请求更快的目的
关闭Chrome快捷键
关闭Chrome快捷键
Chrome开发工具调试技巧
在本文中将介绍如何利用Chrome控制台中的调试选项帮助你快速调试，
第1章-04-Chrome及Chrome Driver安装及测试
Chrome浏览器以其强大的性能、丰富的功能和安全性成为了许多开发者和用户的首选。在进行Web开发或自动化测试时，ChromeDriver是一个关键的工具，它允许自动化脚本与Chrome浏览器进行交互。以下
浏览器相关问题记录（1）— F11全屏相关
1、统一全屏的进入和退出逻辑，确保无论用户是通过F11还是通过你的JavaScript代码进入全屏，都能通过ESC键退出。但遗憾的是，由于F11的行为是浏览器级别的，你无法直接通过前端代码控制F11的全屏进出逻辑。在这种情况下，ESC键的处理逻辑由浏览器自身决定，某些浏览器可能不支持ESC退出全屏，
Vite: 项目性能优化
性能优化是前端工程化中老生常谈的话题，随着项目越来越庞大，稍不注意就会产生明显的性能问题。而在不同的场景中，我们对于项目性能的关注点是不一样的。在项目开发阶段，我们更关注开发体验，注重项目构建性能；而在生产环境中，我们一般更看重项目在的线上运行时性能。关于开发阶段的构建性能问题，Vite 内部已经做
记录｜C#主界面设计【Web风格】
C# ][Winform]炫酷扁平UI,随机多色彩切换,活动窗口高亮按钮上面的界面布局是值得学习的，页面间的切换也是不错的。自己跟着做了下，代码上传了，可以下载【C#主界面设计】
uni.request流式（Stream）请求，实现打印机效果
坑1 ：coze试了v2和v3的接口，两个接口请求还是有点差别的，v2拿到了botId和accessToken可以直接请求不需要做任何处理，v3还需要多一步，先创建会话，在开发指南上有接口，需要先请求创建会话，拿到createdId在接口后拼接，注意，createdId是拼接到接口后的，最开始没仔细
【前端】AST树详解
定义：AST是源代码的抽象表示，它将源代码的结构以树状形式展现出来，每个节点代表源代码中的一个语法构造，如变量声明、表达式、语句等。功能：AST在编译器和解释器中起着核心作用，它使得编译器能够更方便地对源代码进行语法分析、语义分析、代码优化和代码生成等操作。
