- 博客(15)
- 收藏
- 关注
RSS订阅原创 技术科普：JavaScript 事件机制详解与实战
鼠标事件（click、dblclick、mousemove 等）事件委托：利用事件冒泡绑定父元素，管理多个子元素事件。窗口事件（load、resize、scroll）键盘事件（keydown、keyup）表单事件（submit、change）捕获阶段：事件从根节点向目标节点传播。冒泡阶段：事件从目标节点向根节点传播。阻止默认动作（如链接跳转）目标阶段：事件到达目标节点。
2025-06-29 17:12:22
96
原创 技术科普：响应式布局的进阶技巧与实战
REM 基于根元素字体大小，EM 基于父元素。相对字体大小单位，易于缩放。结合媒体查询实现多屏适配。根据屏幕宽高设置元素尺寸。定义行列，灵活排布内容。方便创建全屏和比例布局。嵌套使用，复杂布局组合。标签适配不同屏幕图片。媒体查询调整字体大小。
2025-06-29 17:11:10
479
原创 技术科普：新手必做的几个简单前端项目
练习 JavaScript 事件和运算逻辑。本地存储（localStorage）使用。JavaScript 交互和数据处理。练习 HTML 结构、CSS 布局。练习 API 调用和异步请求。HTML+CSS 布局基础。练习数组和 DOM 操作。展示文字、图片、链接。添加、删除、标记完成。
2025-06-29 17:09:52
422
原创 技术科普：CSS 动画基础与简单示例
CSS 动画通过关键帧控制元素的状态变化，实现平滑过渡和动态效果，无需 JavaScript 就能制作炫酷动画。
2025-06-29 17:09:06
423
原创 技术科普：JavaScript 异步请求与 API 调用基础
异步请求允许网页向服务器发送数据或请求数据而不刷新页面，实现无刷新动态更新内容，提升用户体验。
2025-06-29 17:08:25
327
原创 技术科普：什么是响应式布局及简单实现技巧
响应式布局指网页设计能根据设备屏幕大小自动调整页面布局和样式，实现“自适应”效果。无论是在手机、平板还是电脑上，用户都能获得良好的浏览体验。
2025-06-29 17:06:33
377
原创 技术科普：什么是图片懒加载及简单实现
图片懒加载是指网页中的图片不在页面初始加载时全部加载，而是当图片即将进入视口（用户可见区域）时才加载。这样可以减少初始流量和加载时间，加快页面响应速度。
2025-06-29 17:05:30
64
原创 项目实战：用 Chart.js 制作简单柱状图和折线图
展示折线图（Line Chart）方便你做数据展示或统计类项目的基础。展示柱状图（Bar Chart）演示如何加载数据和配置图表样式。
2025-06-29 17:03:50
120
原创 项目实战：用 JavaScript 制作简易留言板（支持添加、删除留言）
数据存储在 localStorage，实现刷新不丢失。留言列表动态显示所有留言。用户输入留言内容并提交。
2025-06-29 16:55:06
63
原创 项目实战：用 JavaScript 实现表单校验和提交功能
提交成功后显示提示信息（这里模拟提交，不涉及后端）校验邮箱格式和手机号格式是否正确。用户填写姓名、邮箱、手机号。
2025-06-29 16:54:17
60
原创 项目实战：用 JavaScript 制作简易购物车（增删改查 + 价格计算）
展示商品列表（名称、价格、添加按钮）购物车展示已选商品，支持删除单品。统计购物车总价，动态更新。
2025-06-29 16:52:42
51
原创 项目实战：用 JavaScript 制作一个简易投票器（支持百分比统计）
✅ 投票后禁止再次投票（用 flag 或 localStorage）💾 使用 localStorage 保存投票结果，刷新不丢失。📊 添加横向进度条展示投票比例（更直观）⏱️ 设置限时投票（结合上篇倒计时器）📱 添加响应式样式，美化成投票应用。显示每个选项所占比例（自动计算）支持清空数据重新投票（可选扩展）用户点击选项按钮即可投票。实时统计每个选项的票数。
2025-06-29 16:50:58
537
原创 项目实战：用 JavaScript 制作一个网页倒计时器（支持秒表功能）
时间每秒更新，倒计时归零时提示“时间到！支持正计时模式作为秒表练习（可扩展）点击“开始”按钮后倒计时开始。用户输入想要倒计时的秒数。
2025-06-29 16:49:37
59
原创 项目实战：用 JavaScript 制作一个简易网页计算器（加减乘除）
【代码】项目实战：用 JavaScript 制作一个简易网页计算器（加减乘除）
2025-06-29 16:48:20
351
空空如也
app技术看过来，长期需要修复 bug
2025-06-05
TA创建的收藏夹 TA关注的收藏夹
TA关注的人