前端很火，想自学前端的人也多。作为过来人，知道自学的辛苦。所以小编精心制作这份学习路线图，就是让想自学前端的小伙伴们有一份系统专业的学习资源和学习指导。
此学习路线图，历经两个月的时间，无论你是刚入门的小白，还是已经工作的前端开发者，都是必备的学习宝典！
一、前端学习路线图—流程篇
前端学习路线图
二、前端学习路线图—视频教程篇：
2024年11月04日
前端很火，想自学前端的人也多。作为过来人，知道自学的辛苦。所以小编精心制作这份学习路线图，就是让想自学前端的小伙伴们有一份系统专业的学习资源和学习指导。
此学习路线图，历经两个月的时间，无论你是刚入门的小白，还是已经工作的前端开发者，都是必备的学习宝典！
一、前端学习路线图—流程篇
前端学习路线图
二、前端学习路线图—视频教程篇：
2024年11月04日
很多时候，说起来box-shadow，那很多人第一个想法就是，那不就是做阴影的吗？其实除了做阴影，还有很多很实用的效果的，今天我们就来说说box-shadow的各种应用吧！
首先，要想很好的运用box-shadow，那就要先很好的认识理解box-shadow的各种属性，我们来一步步的了解一下吧！
默认为outset，即采用outer box-shadow。通过设置为inset时，则采用inner box-shadow。
2024年11月04日
【picdiet】是一个完全免费是在线批量压缩图片神器，它拥有独特且强悍的JavaScript算法，能极速压缩80%的图片体积，而且压缩出来的图片质量比原图并不会损失多少，而且【picdiet】它不需要后端服务器或者API的支持，仅通过你的浏览器来压缩图片大小，更好地保护了你的图片数据安全。
2024年11月04日
"夏哉ke"：quangneng.com/5065/
HTML5的介绍和案例实战
HTML5 是 HTML 的第五个主要版本，是用于构建和呈现网页内容的最新标准。它引入了许多新特性和改进，使得开发者能够创建更丰富、更交互性的网页应用。HTML5 的一些主要特性包括：
2024年11月04日
点击右上方红色按钮关注“web秀”，让你真正秀起来
语法： box-shadow: h-shadow v-shadow blur spread color inset;
box-shadow，向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。
2024年11月04日
在大力推广Fluent Design设计语言的进程中，微软一直在为Windows 10系统中的很多菜单和核心组件添加一个微妙的阴影（Drop Shadow）效果。而现在微软提议在Chromium浏览器中为那些使用HTML表单控制的菜单部署Drop Shadow效果。
根据最新提交的Commit，微软已经开始开发一项新的调整，在Windows10端的Chromium浏览器上为跨网页的弹出菜单添加Drop Shadow阴影效果。
在Commit中写道：“当启用FormControlsRefresh功能时，此CL为Windows上的弹出窗口添加了阴影支持。”微软表示表单控制刷新是一项为HTML表单元素更新用户界面的功能。
2024年11月04日
2024年11月04日
本内容是《Web前端开发之Javascript视频》的课件，请配合大师哥《Javascript》视频课程学习。
DOM(Document Object Model，文档对象模型)：
DOM是一个使程序和脚本能够动态地访问和更新文档的内容、结构以及样式，并独立于平台和语言的接口；其定义了访问和处理文档的标准方法；是针对HTML和XML文档的一个API；
DOM描绘了一个层次化的节点树，允许开发者添加、移除和修改页面的某一部分，从而重构整个文档。