2303_80098652的博客

.box {<script>let i = 0 // 让这个变量++// 鼠标移动函数// 如果里面存在大量操作 dom 的情况，可能会卡顿</script>综合案例

面向过程，就是按照我们分析好的步骤，按照步骤解决问题。作用：该属性指向该原型对象的构造函数。每个原型对象里面都有个constructor属性。__proto__串起来的链。面向对象是以功能来划分问题，而不是步骤。（constructor构造函数）

本文介绍了JavaScript中对象的创建与操作方法，主要包括三种创建方式（对象字面量、new Object、构造函数）及实例化过程。详细讲解了实例成员和静态成员的区别与用法，并介绍了内置构造函数Object、Array、String、Number的常用方法，如Object.keys()、reduce()、split()等。最后通过一个购物车案例，综合运用数组方法map()、reduce()和字符串处理技巧，实现商品列表渲染和总价计算功能，展示了实际开发中如何操作对象数据。文章中包含了大量代码示例，帮助理解

如上图，数组属于复杂数据类型，放在堆中，在栈中存放找到数组的地址，此时arr可以通过地址找到数组，同时，有地址指向数组，因此数组的被引用次数为1；然后从上往下依次执行，arr = null ，null属于简单数据类型，放在栈中，如下图所示，此时内存中没有地址，不再指向[ 1, 2, 3, 4 ]，说明没有被引用，因此-1，引用次数为0，释放内存。但是，o1.a = o2说明o2被引用一次，使用次数+1，同理，o1也被引用一次，使用次数+1，这就是嵌套引用（循环引用），那么o1，o2就不会被回收。

script>// true</script>指的是某些常见模式的简写方式。

本文摘要主要涵盖JavaScript核心知识点：1. 日期对象操作：包括实例化、获取年月日时分秒、格式化日期显示、时间戳获取与转换，以及实现倒计时案例。2. DOM节点操作：详细讲解父节点/子节点/兄弟节点查找方法，节点创建、追加、克隆和删除操作，并通过学成在线案例展示动态内容生成。3. 移动端触摸事件处理。4. 综合案例：学生信息管理系统，完整实现数据录入、存储、渲染和删除功能，重点包括表单验证、数组操作与DOM动态更新，以及事件委托优化删除操作性能。所有案例均配有完整代码实现和详细注释。

该文档主要介绍了JavaScript事件处理相关知识点，包括：1）表单全选/反选功能实现，通过监听复选框事件实现联动效果；2）事件流机制，包含捕获和冒泡阶段及阻止冒泡方法；3）事件委托技术，利用事件冒泡原理提高性能；4）鼠标事件区别（mouseover/mouseout与mouseenter/mouseleave）；5）页面加载、滚动、尺寸等常用事件；6）两个实战案例：仿京东导航栏和电梯导航实现，展示如何结合滚动事件和DOM操作实现交互效果。文中通过完整代码示例演示了各知识点的具体应用。

本文介绍了JavaScript事件处理的基础知识和实际应用案例。主要内容包括：1）事件监听基础，通过按钮点击、广告关闭等案例展示事件绑定方法；2）多种事件类型应用，如轮播图控制、搜索框交互、评论发布等；3）事件对象获取与使用，实现回车发布评论功能；4）环境对象this的指向规则；5）回调函数概念；6）Tab栏切换案例。通过多个完整的代码示例，展示了如何利用事件处理实现页面交互功能，包括DOM操作、样式修改、定时器控制等常见需求。

本文介绍了DOM操作的基础知识和常用方法。主要内容包括：1）DOM基础概念及DOM树结构；2）使用querySelector和querySelectorAll获取DOM元素；3）通过innerText和innerHTML修改元素内容；4）操作元素样式属性（style、className、classList）；5）表单元素属性和自定义属性操作；6）定时器setInterval的使用；7）通过轮播图案例综合应用DOM操作技术。文章提供了大量代码示例，涵盖DOM操作的核心知识点，适合前端开发者学习参考。

JavaScript：一种运行在浏览器的编程语言组成：此前学过几种编程语言，故相通的不再记录。