前端小白佬

这个项目能帮助你提升以下技能： - DOM 操作 - 键盘事件监听 - 定时器（`setInterval`） - 字符串处理与状态判断

完成项目你将掌握： 1、随机数生成 2、用户输入获取与验证 3、条件判断 (if/else) 4、DOM 操作 5、状态管理

完成此项目你可以掌握： 1、按钮、背景、键盘控制弹窗的出现与消失 2、data-* 自定义属性 【HTML 使用 data-* 存储数据，不影响结构或样式、JS 通过 .dataset 读取数据】

完成此项目你就可以掌握 1、输入框中输入内容， 2、点击“添加”按钮，任务添加到列表中 3、每个任务有“删除”按钮，可将该任务删除 4、添加回车键事件：按 Enter 也能添加等操作数组、创建 DOM

基础项目（理解 DOM、事件、基本逻辑）---------------------计数器 Counter

功能说明 使用 <input> 表单控件收集邮箱和密码，配合 required 和 minlength 简单验证 利用伪类 :valid 和 :invalid 通过边框颜色反馈输入合法性 玻璃拟态效果

Flex 实现响应式布局 ； 图片 hover 动效 transform、transition ； 放大预览（模态框） 轻量 JavaScript

响应式博客文章页面，这个项目将帮助你深入掌握：响应式布局（Media Queries）、自定义排版（字体、行高、段落）、 图片适配、布局结构