- 博客(23)
- 收藏
- 关注
RSS订阅原创 JS：事件循环
在JavaScript中，事件循环是理解异步编程和代码执行顺序的核心机制。它确保了即使JavaScript是单线程语言，也能高效地处理异步操作、定时器、用户输入等任务。本文将深入探讨事件循环的工作原理，揭示其在浏览器和Node.js环境中的行为，以及如何通过事件循环优化代码性能和响应性。
2025-02-22 11:38:18
153
原创 JS：swiper插件的使用
Swiper 是一款功能强大且灵活的滑动插件，专为移动设备和桌面浏览器设计，广泛应用于轮播图、焦点图、Tab切换等场景。它基于纯JavaScript开发，开源免费，支持多种滑动效果（如淡入淡出、立方体旋转等），并具备高度的可定制性和响应式设计能力。Swiper 提供了丰富的API和插件支持，能够轻松实现无缝滚动、懒加载、虚拟化等功能，同时兼容主流前端框架（如Vue、React），是开发高性能滑动界面的首选工具
2025-02-22 10:36:31
287
原创 JS：页面事件
介绍了页面滚动事件。通过监听scroll事件，开发者可以获取页面的滚动距离（scrollTop和scrollLeft），实现诸如滚动监听、回到顶部、滚动加载等功能
2025-02-21 10:34:40
631
原创 JS：事件注册解绑和阻止默认行为
L0事件是将执行的函数赋值给对象的属性，例如将点击按钮button后的操作赋值给button的onclick属性，相当于为button注册点击事件 如果再次注册onclick事件(将一个新函数赋值给onclick)会覆盖前面的事件可以看到点击后由log变成了alert既然可以覆盖事件，那么解绑就很简单了，只需要将点击属性指向空即可 L2事件的注册就是常规的对象.addEventListener('事件',函数)，L2事件后面再次注册不会覆盖前面的，而是两者同时触发 L2事件的解绑为：
2025-02-20 11:02:37
364
原创 JS：事件流与事件委托
本文深入探讨了JavaScript中事件流和事件委托的原理与应用。事件流描述了事件从触发到被捕获的传播过程，包括冒泡和捕获两个阶段。事件委托则利用事件冒泡机制，通过在父元素上监听事件来代理子元素的事件处理，从而实现高效、动态的事件管理。
2025-02-20 10:31:44
962
原创 JS：环境对象和回调函数
环境对象是JavaScript中一个非常重要的概念，它隐藏在代码执行的背后，负责管理变量和函数的声明、作用域链的构建以及变量的解析。虽然我们无法直接操作环境对象，但它对代码的行为有着深远的影响。理解环境对象的结构和行为，可以帮助我们更好地理解变量的作用域、闭包的实现以及JavaScript的执行机制。
2025-02-19 11:23:57
297
原创 JS：事件对象
本文深入探讨了JavaScript事件对象的核心概念及其在前端开发中的重要性。事件对象是浏览器为每个事件生成的实例，它提供了事件的详细信息，如事件类型、目标元素、触发时间等。通过事件对象，开发者可以精准地获取用户操作的上下文，并据此实现复杂的交互逻辑。文章首先介绍了事件对象的基本结构和常见属性，随后通过实例展示了如何利用事件对象实现事件委托、阻止冒泡和默认行为等高级功能。最后，结合现代前端框架的事件处理机制，探讨了事件对象在实际开发中的最佳实践和性能优化策略。通过对事件对象的全面剖析，本文旨在帮助开发者更好
2025-02-19 10:21:44
566
1原创 JS学习：JS中的对象
对象是由属性及其值构成的集合，其中每个属性由一个键（通常是字符串）和一个对应的值（可以是字符串、数字、数组、函数、甚至是另一个对象）组成。
2025-02-02 22:20:52
695
原创 JS学习：运算符
一、运算符概念 运算符是对变量进行操作或比较的符号，通过运算符，可以对变量实施一系列操作或让变量完成一些功能，运算符对变量的操作一定是有返回值的。 一元运算符是指只有变量本身进行操作的运算符，这类运算符一般是修改变量的值。(1)赋值运算符 赋值运算符有=，+=，-=，*=，/=，自增自减运算符++，--等，赋值运算符通常包含等号，会将运算的结果赋值给变量。初始化时将a初始化为0，赋值运算符=将10赋值给a。变量是一个容器，将数值给变量就是将数据装进容器
2025-01-22 22:31:37
789
原创 JS学习之JS语句
一、JS的定义JS是面向客户端(浏览器)的编程语言在VS code中创建html文件后，输入！并回车，然后再<body></body>中书写需要执行的语句。一般<head></head>内书写的是网页的元素样式。 在</body>前输入scr后回车 得到这样的样式后就可以开始在scr行内写内容了 输入pro并回车在pro后加上()，输入想在窗口中展示的内容，这样就得到一个输入窗口了如何打开这个网页查看输出窗口，在VS code中右键选中open in default browser选项 ，浏览器会跳转到编写
2025-01-20 23:32:06
2033
原创 JS学习：JS中的变量
开头提过，变量是数值的容器，因此交换变量就是交换容器。把可口可乐和百事可乐的瓶调换就需要先用一个空杯子将可口可乐(或百事可乐，看你想先把哪个拿出来)接住，再把百事倒进可口可乐的杯子里，最后将可口可乐装进百事瓶里。1.规则:变量声明不能有-(短横线、减号)，不能以数字开头，符号只能有$，关键字(固有的内部函数等)不能做变量，且严格区分大小写(大小写可以代表不同变量)var声明变量是以往的声明变量的关键字，和let作用相同，但因为存在缺陷，已经被淘汰。2.更改变量只需要将新的值赋给变量即可，不能再次声明，
2025-01-20 21:12:29
418
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人