- 博客(23)
- 收藏
- 关注
RSS订阅原创 VUE+Node.js+mysql实现响应式个人博客
以上是我的开发步骤，具体实现过程，接下来开始按照以上步骤来实现，最后会附上源码。2. 后端 API 开发。
2024-12-19 08:49:52
632
4
原创 JS进阶DAY5|本地存储
嗨～👋 欢迎来到JavaScript本地存储的世界。在这里，我们可以像烘焙师一样，将数据烘焙成小饼干（cookies），或者将它们保存在冰箱（localStorage）里，以便下次访问时能够快速取用。🍰🧊 今天，我们将一起学习如何在用户的浏览器中保存和管理这些数据小点心。
2024-12-11 23:32:06
1818
原创 JS进阶DAY4|节点操作
嘿👋 今天我们要一起深入探索JavaScript中的DOM操作，这是前端开发中不可或缺的技能。🌟 准备好了吗？让我们一起跳进DOM的海洋，看看怎么用代码操控网页的结构吧！
2024-12-10 21:00:30
549
原创 JS进阶DAY3|页面加载事件和页面滚动事件
DOMContentLoaded 关注的是HTML文档的加载和解析，而 load 关注的是整个页面及其所有资源的完全加载。根据你的脚本需求，选择合适的事件来确保最佳的执行时机。当初始的HTML文档被完全加载和解析完成后，不等待样式表、图片和子框架完成加载，就会触发 DOMContentLoaded 事件。这个事件适合执行那些需要页面完全加载后才能进行的操作，比如最终的页面布局调整、动画效果的触发等。这个事件可以用来检测页面的滚动位置，实现基于滚动位置的动态效果，如懒加载图片、固定头部导航栏等。
2024-12-09 12:26:06
948
原创 JS进阶DAY3|事件（三）事件委托
这样，无论何时有新的“书架”（ 元素）加入“图书馆”（ 元素），我们都不需要额外的“工作人员”（不需要为每个新元素绑定事件监听器）。这就是事件委托的力量和便利性。区分请求来源：在事件处理程序中，通过 event.target （事件的实际目标），接待员（事件监听器）可以确定是哪个读者（子元素）发出的请求，从而提供相应的服务。事件冒泡作为请求信号：当读者（子元素）提出请求（事件）时，这个请求会像事件冒泡一样，从子元素传递到父元素，直到到达信息台（父元素的事件监听器）。，直到文档的根元素。
2024-12-09 11:13:14
887
原创 JS进阶DAY3|事件（二）事件流
如果 child 元素被点击，事件首先在捕获阶段触发 parent 元素的监听器，然后事件到达 child 元素，并在冒泡阶段触发 child 元素的监听器。在这个阶段，事件会经过所有的父节点，直到到达事件的实际目标（即触发事件的元素）。在Web浏览器中，事件流分为两个阶段：事件捕获阶段（Event Capturing Phase）和事件冒泡阶段（Event Bubbling Phase）。在这个阶段，事件会从目标元素开始，逐级向上经过其父元素，直到到达 document 对象。
2024-12-08 21:59:18
954
原创 JS进阶DAY3|事件（一）事件监听及事件类型
change ：当元素的值发生变化时触发（对于 、 和 元素）。input ：当 、 和 元素的值实时发生变化时触发。mousemove ：当鼠标指针在元素上移动时触发。touchmove ：当手指在屏幕上移动时触发。mouseout ：当鼠标指针移出元素时触发。focusout ：当元素即将失去焦点时触发。keyup ：当键盘上的任何键被释放时触发。focusin ：当元素即将获得焦点时触发。
2024-12-08 21:11:27
869
原创 JS进阶Day2|操作表单元素属性
想象一下，表单就像是一个派对，每个表单元素都是派对上的客人。🎉1. 输入框（input）：就像派对上的聊天角落，你可以在这里输入任何你想说的话。🗣️2. 按钮（button）：这个就像派对上的DJ，一旦按下，音乐就会响起，或者游戏就开始了。🎶3. 单选按钮（radio button）：这就像是派对上的投票箱，你只能选择一个选项，就像是“今晚最佳着装”。👗👔4. 复选框（checkbox）：这些就像是派对上的小吃盘，你可以挑选你喜欢的小吃，多选几个也没关系。🍔🍕。
2024-12-04 14:44:53
371
原创 JS进阶Day1|DOM修改元素及样式
通过JavaScript的 style 属性，你可以动态地修改HTML元素的CSS样式。CSS属性名通常是横线分隔的（如 background-color ），但在JavaScript中，你需要使用驼峰命名法（如 backgroundColor ）。在Web开发中，DOM（文档对象模型）允许我们通过JavaScript来访问和修改HTML文档的结构、样式和内容，下面举几个例子。通过类名修改样式是一种常见的做法，尤其是在你需要动态地改变一组元素的样式时。用于获取或设置元素及其子元素的HTML内容。
2024-12-03 21:41:32
1024
原创 JS进阶Day1|DOM元素的获取及修改
如果没有找到匹配的元素，则返回一个空的NodeList。在JavaScript中，操作DOM元素的内容主要涉及到修改元素的文本内容和HTML结构。document.querySelectorAll() 返回的NodeList不是实时更新的，它是一个静态的快照。用于获取或设置元素的文本内容，包括可见的文本和隐藏的文本（如 和 标签内的文本）。获取所有ID为 "myElement" 的元素（通常ID是唯一的，所以这里只会返回一个元素或者空列表）// 获取元素的文本内容。
2024-11-26 00:20:21
898
原创 轻松掌握CSS3最重要的弹性盒子模型（伸缩盒子模型）
弹性盒子模型（Flexbox）是一种CSS布局模型，用于在页面上对齐和分配容器内的项目（子元素）。它旨在提供一种更有效的方式来布局、对齐和分配容器内项目的空间，即使它们的大小是未知或者动态变化的。Flexbox 主要特点包括：1. 主轴和交叉轴：Flexbox 定义了两个轴，主轴（main axis）和交叉轴（cross axis）。项目沿着主轴排列，而交叉轴垂直于主轴。2. 容器和项目：使用 display: flex;或 display: inline-flex;
2024-11-23 20:50:42
1891
原创 Vue3组合式Api（二）模板引用，provide和inject
Vue3组合式Api（二）模板引用，provide和inject的介绍与使用
2024-10-08 22:45:01
453
1
原创 Vue3组合式api（一）setup选项，reactive和ref函数，computed，watch，父子通信
Vue3组合式api（一）setup选项，reactive和ref函数，computed，watch，父子通信
2024-10-08 00:17:10
878
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人