- 博客(1198)
- 收藏
- 关注
RSS订阅原创 javascript之默认事件
默认事件阻止采用preventDefault()，语法是事件属性.preventDefault()默认事件是指浏览器对用户特定操作行为执行的预设行为，比如说点击链接跳转链接指定的页面。单页应用（SPA）：使用 JavaScript 处理路由，而不是让链接跳转导致页面刷新。在实际开发中，我们经常需要自定义交互行为，而不是让浏览器执行默认操作。表单验证：在提交表单前验证用户输入，如果数据无效则阻止提交。防止意外行为：限制某些元素的默认响应。比如说要阻止右键产生菜单的默认行为。为什么要阻止默认事件？
2026-05-05 22:04:39
45
原创 中断有哪些分类？
硬件中断是由CPU外部设备引发的，比如键盘，鼠标，定时器等。软件中断是由程序错误引起的，比如除零导致的中断。中断分为硬件中断和软件中断。电源故障则是非逻辑中断。
2026-05-01 22:57:12
20
原创 javascript之事件代理/事件委托
事件代理（Event Delegation）是一种利用事件冒泡机制的技术，通过将事件监听器绑定在父元素上，而非直接绑定在目标子元素上，从而实现对动态或大量子元素的事件管理。当子元素触发事件时，事件会冒泡到父元素，父元素通过判断事件的目标（当一个事件（如点击事件）在子元素上触发时，事件会从子元素向上冒泡到父元素，直至文档根节点。通过在父元素上监听事件，可以捕获所有子元素触发的事件，无需为每个子元素单独绑定监听器。假如要给每个li标签设定事件，点击之后会输出标签里的内容，比如点击li2，输出li2。
2026-05-01 21:36:25
47
原创 javascript之事件冒泡与事件捕获
事件捕获是JavaScript中事件传播的一个阶段，发生在事件冒泡之前。在DOM树结构中，事件从最外层的祖先元素开始，逐级向下传递到目标元素。当一个事件发生在某个元素上，事件会从触发元素开始，逐级向上传播到根元素。可以看出addEventListener多了第三个参数，默认是false，是事件冒泡，true是事件捕获。可以看出不仅div4的事件触发，其父元素div3,div2,div1事件都触发了。这是一个div嵌套div的案例，每个div都绑了事件，对应的回调函数如下。在点击div4标签时。
2026-05-01 20:45:00
156
原创 javascript事件案例-全选框案例
这篇文章介绍了如何实现表格中全选功能的前端交互效果。主要内容包括： HTML结构：创建包含全选框和多个复选框的表格 CSS样式：设置表格基本样式和边框 JavaScript逻辑： 全选框控制所有复选框的选中状态 当所有复选框都被选中时自动勾选全选框 任一复选框取消选中时自动取消全选框 实现思路是通过checked属性同步控制选中状态，利用循环遍历检查所有复选框状态来决定全选框状态。
2026-04-27 22:04:20
150
原创 javascript表单事件2
onsubmit方法，表单提交前触发，回调函数返回true表示允许表单提交，返回false表示阻止表单提交。比如下面一个表单，要求邮箱输入内容是空，就阻止提交。DOM对象.onselcet=匿名函数。javascript代码如下。假定要选中的文本变为红色。
2026-04-27 14:25:41
32
原创 javascript之表单事件1
域的内容发生改变，适合文件选择器和下拉列表。DOM对象.onfocus。DOM对象.onblur。对象.onchange。
2026-04-23 23:43:52
60
原创 javascript之鼠标事件
假定有一个按钮，通过这个按钮触发鼠标事件。DOM事件.oncontextmenu。DOM对象.onclick=匿名函数。DOM对象.onmouseover。DOM对象.onmousedown。DOM对象.ondblclick。DOM对象.onmouseout。DOM对象.onmouseup。鼠标单击onclick。
2026-04-23 21:52:18
170
原创 http消息结构
HTTP是基于客户端/服务端（C/S）的架构模型，通过一个可靠的链接来交换信息，是一个无状态的请求/响应协议。一个HTTP服务器同样也是一个·应用程序，通过接收客户端请求并并向客户端发送HTTP响应数据。一个HTTP客户端是一个程序，比如浏览器，通过连接服务器向服务器发送一个或多个HTTP请求。客户端向服务器发送的消息格式包括：请求行，请求头部，空行，请求数据。http响应包括四个部分，分别是状态行，消息报头，空行，响应正文。
2026-04-22 21:46:37
24
原创 javascript之事件对象
如果事件是通过动态绑定或者利用addEventListener绑定，想要调取对象，直接在回调函数里面设置一个参数，这个参数就能调取事件对象。可以看到标签属性onclick里面绑定的回调函数，回调函数里面有一个参数，在javascript里面这样写。事件对象比较重要的属性有target，事件的来源，type，事件的属性。可以看到，匿名函数里面有个参数，这个参数就是调取事件对象。如果事件是通过标签属性绑定，也就是静态绑定。
2026-04-19 21:22:53
35
原创 javascript之事件绑定的方式
同第二种方法比较类似，首先读取DOM对象，然后是通过addEventListener方法监听事件，设置触发事件的函数。addEventListener方法有两个参数，第一个是事件的类型，第二个是触发事件要引用的匿名函数。比如上面的button标签，就是在属性里面设置了onclick这个属性，通过这个属性来绑定事件。第一种方式是通过标签事件，就是在标签里面设置事件属性，并绑上相关javascript回调函数。第二种方式是通过BOM对象属性的事件属性绑定事件。上面的button就没有设置onclick属性。
2026-04-19 20:19:44
387
原创 javascript案例-简易计算器
本文介绍了一个简易计算器的HTML实现方案。计算器界面包含两个数字输入框(num1、num2)、四个运算按钮(+-*/)和一个结果输出框(result)。通过JavaScript的calc()函数实现运算功能：获取输入值后，根据按钮传递的运算符参数进行相应计算，最后将结果显示在输出框中。代码采用简洁的DOM操作封装($函数)和switch分支结构处理不同运算，并设置了基本的按钮样式。整个实现完整展示了从界面到功能的Web计算器开发流程。
2026-04-15 21:42:38
172
原创 javascript之DOM更新操作
语法：node.insertBefore(newNode,refNode)语法：document.createTextNode(文本内容)还是上面的html代码，需要在类是second之前插入li标签。document.createElement(html标签)语法 node.appendChild(newNode)比如要更新上面html的类名是second节点。比如要删除上面html中second节点。将一个节点添加到节点的某一个子节点之前。将一个节点添加到节点中子节点末尾。删除节点中某个子节点。
2026-04-15 20:49:28
61
原创 统一过程（UP）四个阶段核心任务
初始阶段：确定项目可行性，明确业务目标，初步界定范围，制定项目计划框架。构建阶段：实现系统功能，组件集成，测试验证，迭代开发。移交阶段：软件部署，用户培训，收集反馈，处理遗留问题。精化阶段：完成需求分析，进行架构演进，评估风险。产物：需求规格说明书，架构设计文档。产物：最终交付的软件产品，用户手册。产物：可运行软件增量，测试报告。项目愿景文档，初始业务用例。
2026-04-14 22:27:13
31
原创 管道过滤器体系的优缺点
管道过滤器体系的优点：1.高内聚，低耦合2.可重用性3.支持并行执行4.易于扩展5.容错性较好缺点：性能开销不适合交互强的场景调试难度高数据格式依赖。
2026-04-14 10:04:06
148
原创 TCP与UDP的比较
tcp是可靠传输，使用流量控制和拥塞控制，udp不可靠传输，不使用流量控制和拥塞控制。udp支持一对一，一对多，多对多通信。tcp面向连接，udp无连接。寻址方式，二者都是端口寻址。tcp要求可靠传输应用。tcp只能一对一通信。udp适用于实时应用。
2026-04-12 20:26:44
24
原创 javascript之dom访问css
摘要：DOM访问CSS有三种方式：1）通过style属性直接修改样式（如e.style.color='red'），注意带横线的属性名要改为驼峰式；2）使用className属性整体替换类名（如e.className="hello"），适合批量修改样式；3）通过classList的add/remove方法灵活增删类（如e.classList.add("hello")），便于动态控制样式。第一种适合单个样式修改，后两种更适合批量操作。
2026-04-11 20:43:25
51
原创 javascript之dom方法访问内容
2.innerText方法，这个方法 将内容作为纯文本，出现转义符时会进行解析。3.textContent方法，将内容作为纯文本，出现转义符时会直接保留特性。1.innerHTML方法，这个方法可以把子标签也能获取。访问内容和修改内容的语法和访问属性与修改属性的语法相同。DOM方法里面，访问DOM内容的方法有。
2026-04-07 23:00:00
45
1
原创 javascript之dom访问属性
本文介绍了JavaScript中DOM操作访问属性的两种方法：1）直接通过对象属性访问，如a.href；2）使用getAttribute/setAttribute方法。通过示例展示了如何获取和修改a标签的href属性，以及如何操作input元素的value属性。两种方式都需要先获取DOM对象，再访问或修改其属性值。文中提供了具体代码示例，包括使用getElementById和querySelector获取对象，以及修改href和value属性的操作。
2026-04-07 22:45:46
151
原创 javascript之dom查询操作2
如果要从子标签查父标签内容，比如先找id值为li3的li标签，再找父标签。当前节点.previousElementSibling。父节点.firstElementChild。如果要查询第一个节点或者查询最后一个节点。父节点.lastElementChild。假定要选择ul标签下面的li标签内容。步骤，先选择父标签，然后选择子标签。要查询ul标签下面的所有子节点。要查询当前节点的上一个节点。要查询当前节点的下一个节点。根据已有的节点选择子节点。父节点.children。
2026-04-03 23:10:11
238
原创 javascript之Dom查询操作1
本文介绍了四种传统DOM元素查询方法：1)通过id获取单个元素(document.getElementById)；2)通过name属性获取元素集合(document.getElementsByName)；3)通过标签名获取元素集合(document.getElementsByTagName)；4)通过类名获取元素集合(document.getElementsByClassName)。每种方法都给出了具体语法示例，展示了如何查询HTML文档中的特定元素。这些方法是JavaScript操作DOM的基础查询方式。
2026-04-03 22:44:02
182
原创 喷泉模型的优缺点
喷泉模型是一种以用户需求为动力，以对像作为驱动的模型，适合于面向对象的开发方法。缺点，需要大量的开发人员，不利于项目管理，要求严格管理文档，使得审核难度加大。优点，提高软件项目的开发效率，节省开发时间。
2026-04-01 11:19:01
25
原创 javascript之document对象的属性
document对象指的是文档本身，如果是console.log(document）,输出结果是整个html代码。这段代码是把网页文档标题改为“只有梦想，方能前进”1.bgColor，改变整个背景颜色。document属性有下面几个。2.title，修改文档标题。这段代码就是将背景改为红色。
2026-03-30 22:01:24
168
原创 javascript之函数练习（同时删除数组最大值和最小值）
摘要：该函数用于删除数组中的最大值和最小值而不改变原顺序。首先遍历数组找到最大值和最小值的下标，然后处理删除顺序问题：若最小值在最大值右侧，先删除最小值再删除最大值（需调整下标）；否则相反。使用splice方法删除指定元素，最后返回处理后的数组。
2026-03-30 20:20:00
29
原创 javascript如何进行代码调试
摘要：本文介绍了三种调试JavaScript代码的方法。首先通过while循环示例说明常见错误（循环条件错误导致多输出一次），建议使用alert()实时查看变量值变化；其次推荐更简便的console.log()方法输出变量值；最后详细讲解浏览器开发者工具的高级调试功能，包括设置断点、添加变量监视和单步执行代码。这些方法适用于不同复杂程度的代码调试，帮助开发者快速定位问题。
2026-03-26 21:23:33
38
原创 javascript的匿名函数
JavaScript匿名函数的三大使用场景：1）作为事件回调函数，如window.onclick绑定；2）立即执行函数(IIFE)，用于一次性执行的代码块；3）作为其他函数的参数传递，如数组排序sort()方法的比较函数。匿名函数的特点是无需命名，适用于不需要重复调用的场合，能有效简化代码结构。示例包括点击事件处理、一次性弹窗提示以及数组排序时的比较逻辑实现。
2026-03-26 14:26:41
161
原创 javascript之回调函数
回调函数是一种延迟执行的函数，主要有两种使用场景：一是作为事件处理函数（如绑定到点击事件），二是作为其他函数的参数传递。第一种情况通过将函数赋值给事件属性实现（如window.onclick=f1），第二种情况通过将函数作为参数传递给另一个函数（如f2(b)）。调用回调函数时需注意使用参数名()的形式执行。回调函数的核心特点是其执行时机由外部控制，而非定义时立即执行。
2026-03-22 21:26:03
159
原创 javascript之定义函数的方式
JavaScript定义函数主要有两种方式：函数声明和函数表达式。函数声明语法为function 函数名(参数){函数体}，调用时直接使用函数名。函数表达式语法为let 变量名=function(参数){函数体}，属于匿名函数，调用时使用变量名。示例中求两数之和的两种写法分别展示了这两种定义方式，其中函数表达式将匿名函数赋值给变量后通过变量名调用。两种方式功能相同，但在作用域和提升特性上有所区别。
2026-03-22 20:31:40
44
原创 javascript之变量作用域
本文介绍了三种变量作用域：1）全局变量在函数外声明，可在任意位置访问；2）局部变量在函数内声明，仅限函数内部使用；3）块级作用域中，let声明的变量仅在{}内有效，而var变量不受此限制。通过代码示例展示了全局变量name和局部变量age的访问范围差异，以及let和var在块级作用域中的不同表现，说明let声明的变量b在代码块外不可访问，而var声明的变量a则不受限制。
2026-03-18 22:02:02
30
原创 javascript里面的return语句讲解
比如设计一个函数，里面有两个形参，传入的参数如果都是偶数则执行加法计算，如果有一个不是偶数，停止运算。javascript中return语句第一个作用，用于函数里面用于返回函数得出的数值。比如上面的代码就是求1-100的累加和，把结果返回到sum里面。上面函数中，在if语句里面的return就是结束函数运行。一般这种情况函数得出的结果用一个变量存储。return的第二个作用是结束函数的执行。
2026-03-18 20:37:07
44
原创 javascript如何实现删除数组里面的重复元素
首先是遍历数组每个元素，比如先遍历第一个元素，然后和后面的元素进行比较，后面元素有相同的就把后面相同的元素删除，以此类推，实现删除相同元素的目的。接着遍历数组，并且与数组n2里的元素进行比较，如果有不一致的就加入到n2数组里面，有一致的不加入。这种方法效率比较低，算法复杂度是O(n^2)首先定义一个空数组n2。
2026-03-14 22:15:39
56
原创 javascript函数练习
计算的结果有很多位小数，这里要求保留两位小数，需要用到tofixed方法，保留两位是toFixed(2)这里用到圆周率，圆周率可以使用Math方法调出来，语法是Math.PI。设计一个函数，接收圆的半径为参数，计算圆的周长与面积。
2026-03-10 23:19:00
52
原创 javascript之自定义函数
函数主要解决需要多次运行相同内容或者相似内容，但无法通过循环进行批量处理的过程。把上面的函数修改，设置一个参数num，用来计算1-num的累加和。上面的代码是定义了一个无参函数，实现了计算1-100累加和。在函数里定义的参数叫形参，在函数调用时传入的参数叫实参。函数按照是否有参，分为无参函数和有参函数。javascript自定义函数的语法是。function 函数名（参数）
2026-03-10 22:35:29
166
原创 javascript之eval()函数
摘要：eval()函数用于计算字符串表达式并执行其中的JavaScript代码。示例显示，当字符串为"4+5"时，eval()返回计算结果9；当字符串包含变量引用如"x+y"时，也能正确计算并返回变量值之和（示例结果为10）。该函数能动态解析和执行字符串形式的JavaScript代码。
2026-03-06 22:55:29
49
原创 javascript之冒泡排序
冒泡排序的思路是将第一个元素与相邻的第二个元素进行比较，如果需要交换位置，就交换位置，每次比较，本轮最大值或者最小值就像气泡一样，到了最后的位置。冒泡排序的代码思路是通过两层循环，外层循环控制轮数，内层循环控制比较次数。每轮比较完之后，需要比较的次数会在上一轮基础上减一。
2026-03-06 22:19:42
27
原创 javascript数组之将数组元素转换字符串，将数组元素排序与遍历数组元素的方法
方法是sort()方法，它是把数组里的元素不管是否是字符串，全部按字符串进行排序，如果要实现升序排序或者降序排序，就得在方法里面传参数。方法里面也要传入一个匿名函数参数，这个函数有两个参数，一个参数代表数组的元素，一个代表数组元素的索引。想要实现升序或者降序排序，首先定义函数，再把函数作为参数传进去。方法是toString()将数组元素转换为字符串。forEach()方法。
2026-03-02 21:02:48
127
原创 javascript数组方法之添加元素与删除元素，获取指定范围内数组元素
本文介绍了JavaScript数组常用操作方法：1) push()在末尾添加元素；2) pop()删除并返回末尾元素；3) unshift()在开头添加元素；4) shift()删除第一个元素；5) slice()获取指定范围元素(包含起始索引，不包含结束索引)；6) splice()删除指定位置元素(可指定删除数量)，还能在删除位置插入新元素。这些方法能有效实现对数组的增删改查操作。
2026-02-26 22:51:24
186
原创 javascript数组的方法-数组顺序反转，查找数组元素的第一次与最后一次位置，数组拼接与数组合并
摘要：本文介绍了JavaScript数组常用的5个方法：1)reverse()反转数组元素；2)indexOf()查找元素首次出现位置；3)lastIndexOf()查找元素最后出现位置；4)join()将数组元素拼接为字符串，可指定连接符；5)concat()合并多个数组，原数组保持不变。每个方法都配有简单示例说明其用法和效果。
2026-02-26 20:54:13
55
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人