- 博客(79)
- 收藏
- 关注
RSS订阅原创 系统架构设计师（二）：操作系统
本文系统梳理了操作系统核心知识点，重点围绕系统架构设计师考试的命题范围展开。首先概述了操作系统的四大特征（并发性、共享性、虚拟性、不确定性）和七种分类（批处理、分时、实时、网络等）。随后深入解析了进程管理的关键内容，包括进程与线程的异同、三态转换模型、PV操作实现同步互斥、前驱图分析方法等，并以典型例题示范解题思路。文章还详细讲解了进程调度算法（FCFS、优先级、时间片轮转等）和死锁产生的四个必要条件，帮助读者建立完整的操作系统知识体系，为系统架构设计实践提供理论基础。内容紧密贴合考试大纲，兼具理论深度与应
2025-08-19 16:09:44
848
原创 系统架构设计师（一）：计算机系统基础知识
计算机系统是指用于数据管理的计算机硬件、 软件及网络组成的系统。它是按人的要求接收和存储信息，自动进行数据处理和计算， 并输出结果信息的机器系统。
2025-06-01 17:04:54
1330
1
原创 《canvas教程：基础+动画+实例》专栏目录
本专栏系统性地介绍了Canvas技术的开发与应用，从基础到进阶，涵盖了图形绘制、颜色填充、路径操作、动画特效、交互设计及性能优化等多个方面。每篇文章均配有代码示例和详细解析，帮助开发者快速掌握Canvas的核心技能。专栏内容包括Canvas的基础知识如矩形、路径、贝塞尔曲线的绘制，以及高级技巧如渐变、阴影、文本操作、图片处理等。
2025-05-24 08:30:00
679
原创 Canvas进阶篇：边界检测
在Canvas中，边界检测是确保元素在画布内运动的关键技术。通过实时判断元素与画布边界的位置关系，可以有效防止元素超出画布范围，避免视觉错乱和用户体验的破坏。
2025-05-24 07:15:00
1114
原创 Canvas进阶篇：碰撞检测基础
本文介绍了三种常见的碰撞检测方法：矩形与矩形（AABB vs AABB）、圆形与圆形（Circle vs Circle）以及矩形与圆形（AABB vs Circle）的碰撞检测。
2025-05-23 06:12:56
1265
原创 Canvas进阶篇：鼠标交互动画
本文介绍了如何在Canvas中实现鼠标交互动画，重点讲解了获取鼠标坐标和处理鼠标事件的方法。通过getBoundingClientRect()方法，可以将鼠标坐标转换为Canvas画布中的坐标。文章详细展示了如何监听鼠标点击事件，并在点击位置绘制圆形，以及如何通过mousedown、mousemove和mouseup事件实现拖动矩形的功能。
2025-05-21 07:42:19
1464
原创 Canvas进阶篇：基本动画详解
本文详细介绍了在Canvas中实现动画的基本步骤和方法。动画的核心步骤包括清除画布、保存画布状态、绘制动画内容和恢复画布状态。文章还对比了三种常用的动画绘制方法：setInterval()、setTimeout()和requestAnimationFrame()。
2025-05-21 07:30:58
1208
原创 Canvas进阶篇：路径裁剪clip详解
本文详细介绍了Canvas中的路径裁剪clip方法，通过定义路径限制绘图区域，使得后续绘图操作仅在指定区域内生效，并对比了clip与globalCompositeOperation的异同。
2025-05-20 12:45:00
945
原创 Canvas进阶篇：组合Compositing详解
本文详细介绍了Canvas中的组合（Compositing）功能，通过globalCompositeOperation属性控制新绘制图形与已有内容的叠加方式。
2025-05-20 08:20:24
908
原创 Canvas进阶篇：绘图状态详解
本文主要讲解了Canvas绘图中的状态管理，通过save()和restore()方法实现，前者保存当前绘图环境状态（包括变换矩阵、剪切区域、样式属性等）到栈中，后者从栈中恢复最近保存的状态。
2025-05-19 06:12:32
1121
原创 Canvas基础篇：图片操作drawImage详解
在之前的文章中，我们讲述了Canvas中文本操作的方法和属性，本文将讲述Canvas中图片操作方法。本文主要介绍了图片操作方法drawImage以及drawImage的三种重载形式，对于文章中错误的地方或者有任何问题，欢迎在评论区留言分享！
2025-05-17 06:18:40
2442
原创 Canvas基础篇：文本操作属性详解
本文详细介绍了Canvas中用于文本操作的四种属性：font、textAlign、textBaseline和direction。font属性用于设置字体样式，包括字体大小、粗细、样式等；textAlign控制文本的水平对齐方式；textBaseline决定文本的垂直对齐方式；direction则设置文本的书写方向，如从左到右或从右到左。
2025-05-16 07:36:09
1059
原创 Canvas基础篇：文本操作方法详解
本文详细介绍了Canvas中文本操作的三种方法：fillText()、strokeText()和measureText()。fillText()用于绘制实心文本，strokeText()用于绘制空心文本，两者均支持设置最大宽度以控制文本显示。measureText()则返回一个TextMetrics对象，常用于获取文本宽度以实现水平居中等效果。
2025-05-16 07:34:02
1507
原创 JS特效篇：双层轮播图
本文介绍了如何使用CSS和JavaScript实现一个双层轮播图。与普通轮播图相比，双层轮播图在图片较多时能更清晰地展示和选择图片。
2025-05-15 06:20:35
1122
原创 JS特效篇：指示器轮播图
本文介绍了如何使用CSS和JavaScript实现带指示器的轮播图。相较于简单轮播图，带指示器的轮播图允许用户通过点击指示器或按钮随意切换图片。
2025-05-14 07:14:03
946
原创 Canvas基础篇：阴影属性详解
本文详细介绍了如何在Canvas中为图形设置阴影效果，主要通过四个关键属性：shadowOffsetX、shadowOffsetY、shadowBlur和shadowColor。shadowOffsetX和shadowOffsetY分别控制阴影在水平和垂直方向上的偏移，正值使阴影向右或向下移动，负值则相反。shadowBlur用于设置阴影的模糊程度，数值越大，阴影越模糊。shadowColor则用于定义阴影的颜色，默认值为透明黑色。
2025-05-14 06:02:58
1267
原创 Canvas基础篇：径向渐变createRadialGradient详解
本文详细介绍了Canvas中的createRadialGradient()方法，用于创建径向渐变效果。
2025-05-13 07:17:31
1220
原创 Canvas基础篇：线性渐变createLinearGradient详解
本文详细介绍了Canvas中的createLinearGradient()方法，用于创建线性渐变效果。
2025-05-13 06:57:14
1423
原创 页面特效与元素动画专栏说明
本专栏《页面特效与元素动画》因内容广泛，现拆分为多个二级专栏，包括《CSS元素动画》和《JS页面特效》等。本中附带所有相关二级专栏的文章介绍和文章地址、文章目录。
2025-05-12 11:26:31
613
原创 Canvas基础篇：线性操作lineJoin和miterLimit详解
本文详细介绍了Canvas中用于设置两条线段相交时连接处样式的lineJoin属性及其三种取值：miter（尖角，默认）、round（圆角）和bevel（斜切角），并通过代码示例展示了不同样式的效果。此外，文章还讲解了miterLimit属性的作用，它用于限制尖角的延伸长度，防止斜接部分过长，默认值为10。当斜接长度超过miterLimit与lineWidth的乘积时，交汇处会自动转换为bevel样式。通过代码示例，展示了miterLimit的实际应用效果。
2025-05-12 06:08:37
1067
原创 Canvas基础篇：虚线操作setLineDash和lineDashOffset详解
本文详细介绍了如何在Canvas中使用setLineDash()和lineDashOffset来绘制虚线。setLineDash()方法通过数组参数控制虚线的实线和空白部分长度，数组中的偶数索引值代表实线长度，奇数索引值代表空白长度。如果数组长度为奇数，则会自动复制以形成偶数长度。lineDashOffset属性用于设置虚线模式的起始偏移量，正值向左偏移，负值向右偏移。
2025-05-11 07:13:13
855
原创 JS特效篇：加载型进度条
本文介绍了如何通过CSS和JavaScript实现两种常见的加载型进度条：简单加载型进度条和滑块加载型进度条。简单加载型进度条通过逐渐增加蓝色条的长度来展示进度，而滑块加载型进度条则通过填充小方块来显示加载状态
2025-05-11 06:15:33
952
三次贝塞尔曲线动态图解 HTML 代码资源
2025-05-06
三次贝塞尔曲线静态图解 HTML 代码资源
2025-05-06
二次贝塞尔曲线动态图解 HTML 代码资源
2025-05-06
二次贝塞尔曲线静态图解 HTML 代码资源
2025-05-06
CSS 元素动画篇：基于当前位置的变换动画完整源码及详解
2025-05-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人