- 博客(9)
- 收藏
- 关注
RSS订阅原创 HTML的基础结构及其标注
-- 头部：存放元数据和引用的外部资源 -->-- 字符编码声明 -->-- 移动端适配 --><title>网页标题</title> <!-- 显示在浏览器标签页上的标题 -->-- 可在此引入CSS/JS文件 --><style>/* 内嵌CSS样式 */</style>
2025-04-28 15:47:24
802
原创 关于定时器和延时器的简单运用
特性setTimeout执行次数单次多次适用场景延迟操作周期性任务资源占用自动释放需手动清除误差控制较准确可能累积误差。
2025-04-23 18:23:14
1704
原创 关于if语句的结构及其多种用法
Java | `if (x > 0) { System.out.println("正数");| JavaScript | `if (x > 0) { console.log("正数");| C/C++ | `if (x > 0) { printf("正数");- 基本结构（`if`、`if-else`、`if-elif-else`）| Python | `if x > 0: print("正数")` |- 优化技巧（避免嵌套、字典映射、`any()`/`all()`）print("请出示身份证")
2025-04-21 10:23:08
1476
原创 关于块元素，行内，行内块元素的关系及其JS中的操作
特性 | inline-block | Flexbox | Grid || 间隙处理 | 需要手动调整 | gap属性支持 | gap属性支持 |- 典型代表：<input>, <button>, <img>, <select>- 典型代表：<div>, <p>, <h1>, <ul>, <li>- 典型代表：<span>, <a>, <strong>, <em>- 旧版IE（<8）不支持inline-block。
2025-04-15 18:37:55
1450
原创 HTML中盒子叠盒子的布局技巧
通过掌握这些技巧，可以灵活实现：悬浮卡片、多层菜单、模态对话框、视差滚动等常见效果。/* 通过网格区域实现层叠 *//* 相对自身原位置定位 *//* 创建定位上下文 */- 使用 `aria-hidden` 管理隐藏层。2. 优先使用现代布局方案（Flex/Grid）- 使用 `will-change` 需谨慎。- 相同值时按 HTML 顺序层叠。HTML/CSS 盒子层叠布局技巧。- 避免过多层叠导致的合成层爆炸。/* 创建背景层 */
2025-04-14 10:15:37
515
原创 事件监听与委托
在 JavaScript 中，**事件监听与委托**是高效处理动态元素和批量元素事件的核心技术，通过减少事件处理器数量、利用事件冒泡机制提升性能。console.log("点击的选项:", event.target.textContent);利用事件冒泡：将事件处理器绑定到父元素，通过 `event.target` 识别实际触发事件的子元素。console.log("按钮被点击", event.target);冒泡阶段（从目标元素冒泡到 `window`）捕获阶段（从 `window` 到目标元素）
2025-04-11 10:24:41
474
原创 清除浮动的多种方式
：将父元素设置为Flex布局，可以自动处理元素的排列和对齐，不需要清除浮动。这种方法不需要在HTML中添加额外的元素，但需要注意浏览器的兼容性。清除浮动的本质是解决元素浮动后造成的页面布局问题，确保父元素能够正确获取到高度。这种方法同样不需要在HTML中添加额外的元素，但需要注意浏览器的兼容性。这种方法简单，但需要在HTML中添加额外的元素，可能会影响布局和代码的可读性。这种方法不需要在HTML中添加额外的元素，但可能会影响到其他样式，如背景和边框的渲染。：这是最传统的清除浮动的方法。
2025-03-24 10:28:16
476
原创 对于JavaScript的简单理解
除了前端开发，JavaScript 还可用于后端开发（如 Node.js）、移动应用开发（如 React Native）以及桌面应用开发（如 Electron），展现了其强大的跨平台能力。JavaScript 支持异步编程，通过回调函数、Promise 和 async/await 等机制，可以在不阻塞主线程的情况下执行耗时操作（如网络请求），确保页面的流畅性。它可以直接在浏览器中运行，无需编译，能够实时修改网页内容和样式，响应用户操作（如点击、输入等），从而实现丰富的交互体验。1. 动态性与交互性。
2025-03-11 08:14:10
357
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人