- 博客(1186)
- 收藏
- 关注
RSS订阅原创 javascript案例-简易计算器
本文介绍了一个简易计算器的HTML实现方案。计算器界面包含两个数字输入框(num1、num2)、四个运算按钮(+-*/)和一个结果输出框(result)。通过JavaScript的calc()函数实现运算功能：获取输入值后，根据按钮传递的运算符参数进行相应计算，最后将结果显示在输出框中。代码采用简洁的DOM操作封装($函数)和switch分支结构处理不同运算，并设置了基本的按钮样式。整个实现完整展示了从界面到功能的Web计算器开发流程。
2026-04-15 21:42:38
149
原创 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
26
原创 统一过程（UP）四个阶段核心任务
初始阶段：确定项目可行性，明确业务目标，初步界定范围，制定项目计划框架。构建阶段：实现系统功能，组件集成，测试验证，迭代开发。移交阶段：软件部署，用户培训，收集反馈，处理遗留问题。精化阶段：完成需求分析，进行架构演进，评估风险。产物：需求规格说明书，架构设计文档。产物：最终交付的软件产品，用户手册。产物：可运行软件增量，测试报告。项目愿景文档，初始业务用例。
2026-04-14 22:27:13
15
原创 管道过滤器体系的优缺点
管道过滤器体系的优点：1.高内聚，低耦合2.可重用性3.支持并行执行4.易于扩展5.容错性较好缺点：性能开销不适合交互强的场景调试难度高数据格式依赖。
2026-04-14 10:04:06
133
原创 TCP与UDP的比较
tcp是可靠传输，使用流量控制和拥塞控制，udp不可靠传输，不使用流量控制和拥塞控制。udp支持一对一，一对多，多对多通信。tcp面向连接，udp无连接。寻址方式，二者都是端口寻址。tcp要求可靠传输应用。tcp只能一对一通信。udp适用于实时应用。
2026-04-12 20:26:44
10
原创 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
35
原创 javascript之dom方法访问内容
2.innerText方法，这个方法 将内容作为纯文本，出现转义符时会进行解析。3.textContent方法，将内容作为纯文本，出现转义符时会直接保留特性。1.innerHTML方法，这个方法可以把子标签也能获取。访问内容和修改内容的语法和访问属性与修改属性的语法相同。DOM方法里面，访问DOM内容的方法有。
2026-04-07 23:00:00
34
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
138
原创 javascript之dom查询操作2
如果要从子标签查父标签内容，比如先找id值为li3的li标签，再找父标签。当前节点.previousElementSibling。父节点.firstElementChild。如果要查询第一个节点或者查询最后一个节点。父节点.lastElementChild。假定要选择ul标签下面的li标签内容。步骤，先选择父标签，然后选择子标签。要查询ul标签下面的所有子节点。要查询当前节点的上一个节点。要查询当前节点的下一个节点。根据已有的节点选择子节点。父节点.children。
2026-04-03 23:10:11
232
原创 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
175
原创 喷泉模型的优缺点
喷泉模型是一种以用户需求为动力，以对像作为驱动的模型，适合于面向对象的开发方法。缺点，需要大量的开发人员，不利于项目管理，要求严格管理文档，使得审核难度加大。优点，提高软件项目的开发效率，节省开发时间。
2026-04-01 11:19:01
15
原创 javascript之document对象的属性
document对象指的是文档本身，如果是console.log(document）,输出结果是整个html代码。这段代码是把网页文档标题改为“只有梦想，方能前进”1.bgColor，改变整个背景颜色。document属性有下面几个。2.title，修改文档标题。这段代码就是将背景改为红色。
2026-03-30 22:01:24
158
原创 javascript之函数练习（同时删除数组最大值和最小值）
摘要：该函数用于删除数组中的最大值和最小值而不改变原顺序。首先遍历数组找到最大值和最小值的下标，然后处理删除顺序问题：若最小值在最大值右侧，先删除最小值再删除最大值（需调整下标）；否则相反。使用splice方法删除指定元素，最后返回处理后的数组。
2026-03-30 20:20:00
20
原创 javascript如何进行代码调试
摘要：本文介绍了三种调试JavaScript代码的方法。首先通过while循环示例说明常见错误（循环条件错误导致多输出一次），建议使用alert()实时查看变量值变化；其次推荐更简便的console.log()方法输出变量值；最后详细讲解浏览器开发者工具的高级调试功能，包括设置断点、添加变量监视和单步执行代码。这些方法适用于不同复杂程度的代码调试，帮助开发者快速定位问题。
2026-03-26 21:23:33
29
原创 javascript的匿名函数
JavaScript匿名函数的三大使用场景：1）作为事件回调函数，如window.onclick绑定；2）立即执行函数(IIFE)，用于一次性执行的代码块；3）作为其他函数的参数传递，如数组排序sort()方法的比较函数。匿名函数的特点是无需命名，适用于不需要重复调用的场合，能有效简化代码结构。示例包括点击事件处理、一次性弹窗提示以及数组排序时的比较逻辑实现。
2026-03-26 14:26:41
153
原创 javascript之回调函数
回调函数是一种延迟执行的函数，主要有两种使用场景：一是作为事件处理函数（如绑定到点击事件），二是作为其他函数的参数传递。第一种情况通过将函数赋值给事件属性实现（如window.onclick=f1），第二种情况通过将函数作为参数传递给另一个函数（如f2(b)）。调用回调函数时需注意使用参数名()的形式执行。回调函数的核心特点是其执行时机由外部控制，而非定义时立即执行。
2026-03-22 21:26:03
150
原创 javascript之定义函数的方式
JavaScript定义函数主要有两种方式：函数声明和函数表达式。函数声明语法为function 函数名(参数){函数体}，调用时直接使用函数名。函数表达式语法为let 变量名=function(参数){函数体}，属于匿名函数，调用时使用变量名。示例中求两数之和的两种写法分别展示了这两种定义方式，其中函数表达式将匿名函数赋值给变量后通过变量名调用。两种方式功能相同，但在作用域和提升特性上有所区别。
2026-03-22 20:31:40
34
原创 javascript之变量作用域
本文介绍了三种变量作用域：1）全局变量在函数外声明，可在任意位置访问；2）局部变量在函数内声明，仅限函数内部使用；3）块级作用域中，let声明的变量仅在{}内有效，而var变量不受此限制。通过代码示例展示了全局变量name和局部变量age的访问范围差异，以及let和var在块级作用域中的不同表现，说明let声明的变量b在代码块外不可访问，而var声明的变量a则不受限制。
2026-03-18 22:02:02
23
原创 javascript里面的return语句讲解
比如设计一个函数，里面有两个形参，传入的参数如果都是偶数则执行加法计算，如果有一个不是偶数，停止运算。javascript中return语句第一个作用，用于函数里面用于返回函数得出的数值。比如上面的代码就是求1-100的累加和，把结果返回到sum里面。上面函数中，在if语句里面的return就是结束函数运行。一般这种情况函数得出的结果用一个变量存储。return的第二个作用是结束函数的执行。
2026-03-18 20:37:07
34
原创 javascript如何实现删除数组里面的重复元素
首先是遍历数组每个元素，比如先遍历第一个元素，然后和后面的元素进行比较，后面元素有相同的就把后面相同的元素删除，以此类推，实现删除相同元素的目的。接着遍历数组，并且与数组n2里的元素进行比较，如果有不一致的就加入到n2数组里面，有一致的不加入。这种方法效率比较低，算法复杂度是O(n^2)首先定义一个空数组n2。
2026-03-14 22:15:39
50
原创 javascript函数练习
计算的结果有很多位小数，这里要求保留两位小数，需要用到tofixed方法，保留两位是toFixed(2)这里用到圆周率，圆周率可以使用Math方法调出来，语法是Math.PI。设计一个函数，接收圆的半径为参数，计算圆的周长与面积。
2026-03-10 23:19:00
46
原创 javascript之自定义函数
函数主要解决需要多次运行相同内容或者相似内容，但无法通过循环进行批量处理的过程。把上面的函数修改，设置一个参数num，用来计算1-num的累加和。上面的代码是定义了一个无参函数，实现了计算1-100累加和。在函数里定义的参数叫形参，在函数调用时传入的参数叫实参。函数按照是否有参，分为无参函数和有参函数。javascript自定义函数的语法是。function 函数名（参数）
2026-03-10 22:35:29
161
原创 javascript之eval()函数
摘要：eval()函数用于计算字符串表达式并执行其中的JavaScript代码。示例显示，当字符串为"4+5"时，eval()返回计算结果9；当字符串包含变量引用如"x+y"时，也能正确计算并返回变量值之和（示例结果为10）。该函数能动态解析和执行字符串形式的JavaScript代码。
2026-03-06 22:55:29
45
原创 javascript之冒泡排序
冒泡排序的思路是将第一个元素与相邻的第二个元素进行比较，如果需要交换位置，就交换位置，每次比较，本轮最大值或者最小值就像气泡一样，到了最后的位置。冒泡排序的代码思路是通过两层循环，外层循环控制轮数，内层循环控制比较次数。每轮比较完之后，需要比较的次数会在上一轮基础上减一。
2026-03-06 22:19:42
23
原创 javascript数组之将数组元素转换字符串，将数组元素排序与遍历数组元素的方法
方法是sort()方法，它是把数组里的元素不管是否是字符串，全部按字符串进行排序，如果要实现升序排序或者降序排序，就得在方法里面传参数。方法里面也要传入一个匿名函数参数，这个函数有两个参数，一个参数代表数组的元素，一个代表数组元素的索引。想要实现升序或者降序排序，首先定义函数，再把函数作为参数传进去。方法是toString()将数组元素转换为字符串。forEach()方法。
2026-03-02 21:02:48
122
原创 javascript数组方法之添加元素与删除元素，获取指定范围内数组元素
本文介绍了JavaScript数组常用操作方法：1) push()在末尾添加元素；2) pop()删除并返回末尾元素；3) unshift()在开头添加元素；4) shift()删除第一个元素；5) slice()获取指定范围元素(包含起始索引，不包含结束索引)；6) splice()删除指定位置元素(可指定删除数量)，还能在删除位置插入新元素。这些方法能有效实现对数组的增删改查操作。
2026-02-26 22:51:24
176
原创 javascript数组的方法-数组顺序反转，查找数组元素的第一次与最后一次位置，数组拼接与数组合并
摘要：本文介绍了JavaScript数组常用的5个方法：1)reverse()反转数组元素；2)indexOf()查找元素首次出现位置；3)lastIndexOf()查找元素最后出现位置；4)join()将数组元素拼接为字符串，可指定连接符；5)concat()合并多个数组，原数组保持不变。每个方法都配有简单示例说明其用法和效果。
2026-02-26 20:54:13
44
原创 sql语言之replace语句和函数
摘要：replace函数用于替换字段中的字符串（如将'john'替换为'jim'），会替换所有匹配内容。replace语句则更特殊：若无匹配项会新建记录，有则删除原记录并插入新值。示例展示了replace函数对字段内容的替换，以及replace语句对整条记录的替换/新建操作。使用时需注意两者的不同功能特点。
2026-02-22 23:23:27
75
原创 sql语句之union语句
union有union all与union两种写法，前者是不合并重复内容，后者会合并重复的内容。union语句是把两个表的查询内容合并，适用于需要查两个表内容且表与表之间有关联性。select 字段名 from 表名。select 字段名 from 表名。
2026-02-18 23:26:09
82
原创 javascript如何用笨方法将数组里的元素顺序反转并存入到另外一个元素
数组里的元素倒置，是指将将数组里的元素倒数第一个变为第一个，这样依次重新排列，并放到另外一个数组里面。思路：循环是从数组最后一个往前遍历，依次把后面的元素添加到新数组里面。for循环是从最后一个元素向前遍历，把元素赋值到数组num4里面。上面的代码是定义一个数组num3以及一个空数组num4。
2026-02-18 14:33:36
126
原创 sql语言之having语句使用
这段代码的意思是将字段city暂时命名为城市，对score字段进行求和，数据来自于table_tom表格，按照city分组，筛选条件是score大于等于80。select 字段名 from 表格名 group by 分组字段依据 having 筛选条件。having语句是为了解决使用group by语句进行分组后如何进行筛选的问题。having语句必须紧跟在group by后面。
2026-02-14 22:19:49
68
原创 javascript之字符串索引数组
本文介绍了字符串索引数组的概念及使用方法。字符串索引数组使用自定义字符串作为键名，而非数字下标。示例展示了如何创建包含数字和字符串索引的混合数组，以及如何添加和访问字符串索引元素。需要注意的是，遍历此类数组时需使用for-in循环而非传统循环方式。文章还演示了通过console.log输出数组和特定键值的方法。
2026-02-14 21:39:34
207
原创 javascript创建数组的方式
由于javascript的数组不像c语言，java那样固定不变的，这样写没有太大意义。上面的代码是创建一个数组并为数组里面赋值[5,12,14,25,56]这个Arrary中间可以有数字，比如要创建一个长度为3的数组。javascript创建数组第一种方式：使用Array。在Arrary()中间也可以添加数组内容。比如要创建一个变量名为a的数组。上面的代码是创建一个空数组。这段代码是为这个空数组赋值。用的最多的是用数组字面量。
2026-02-14 20:52:06
53
原创 分布式数据库的特点
3.可用性，某一场地故障时，系统可以使用其他场地上的副本而不至于使整个系统瘫痪。2.自治性，每个结点对本地数据都能独立管理。1.共享性，数据存储在不同的结点共享。4.分布性，在不同的场地存储。
2026-02-10 21:30:46
331
原创 sql语言之分组语句group by
比如说上图的数据表，这是部分截图，表名叫table_tom，假如要按city字段进行分组，计算score各字段总和。上面这段代码表示计算score字段总和，并赋值给虚拟的成绩字段，按照city字段显示。select 表达式 from 表名 group by 分组字段。在sql语言中，group by 是分组语言。group by就是按照city进行字段分组。
2026-02-08 23:00:16
67
原创 javascript数组之循环
第二种遍历数组的循环，使用for-in，这里遍历的是数组下标。第一种遍历数组的循环，使用for循环。第三种遍历方式是for-of。
2026-02-08 21:14:44
38
原创 javascript之数组
可以通过arrary.length=2这样的方式保留前面2个。也可以用length控制数组长度，比如数组原来有4个元素，这里的1就代表第2个，顺序是0是第一个，1自然是第二个了。数组下标是从0开始的，比如向查看第二个元素的值。这里就要使用length语句。2.向数组元素里面赋值。
2026-02-08 14:47:29
64
原创 javascript之二重循环练习
i控制在第几行，j控制打印的*数，由于i=j。练习1，打印直角三角形，用*表示。i与j的关系是i<=行数-i+1。如果要打印倒直角三角形。
2026-02-06 21:22:59
386
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人