- 博客(157)
- 收藏
- 关注
RSS订阅原创 什么是模板字符串?比普通字符串的好处
模板字符串（Template Strings）是ES6引入的一种新型字符串语法，使用反引号（）包裹内容。它支持多行文本、嵌入表达式和标签模板功能。普通字符串使用单引号或双引号定义，功能较为单一。
2025-05-24 08:37:35
144
原创 解构赋值及其原理
解构赋值是 JavaScript 中的一种语法，允许从数组或对象中提取值，并将其赋值给变量。这种语法简化了从复杂数据结构中提取数据的操作。
2025-05-24 00:45:00
266
原创 ajax中get和post的区别，datatype返回的数据类型有哪些？
长度限制：由于 URL 的长度有限制（浏览器和服务器对 URL 的长度通常有限制，通常在 2048 字符以内），因此 GET 请求适合传输较小的数据量。长度限制：POST 请求没有严格的长度限制，可以发送大量数据，适用于需要传输较大数据量的情况（如表单提交，文件上传等）。用于跨域请求，服务器返回的是 JSONP 格式的数据，这通常是包含 JavaScript 回调函数的 JSON 数据。用途：GET 通常用于请求资源（如页面、图片等），或者请求不改变服务器状态的操作（即查询操作）。
2025-05-23 10:47:32
330
原创 什么是时间戳？怎么获取？有什么用
时间戳（Timestamp）是指记录某个事件发生的具体时间点，通常以特定的格式表示。它可以精确到秒、毫秒甚至更小的单位，用于标识某个时刻在时间轴上的位置。时间戳是记录事件发生时间的重要工具，广泛应用于日志记录、数据同步、缓存控制、版本控制和安全验证等领域。通过编程语言提供的API，可以轻松获取当前时间的时间戳，并根据需要进行处理。
2025-05-18 23:55:41
334
原创 什么是dom？作用是什么
DOM（Document Object Model，文档对象模型）是 HTML 和 XML 文档的编程接口。它将文档解析为一个由节点和对象组成的树状结构，允许开发者通过编程方式动态访问和操作文档的内容、结构和样式。
2025-05-18 21:43:18
560
原创 等于和绝对等于的区别
比较时会自动进行类型转换（隐式转换），尝试将两边的值转为相同类型后再比较。：不进行类型转换，直接比较类型和值。2. ===（绝对等于/严格等于）如果类型相同，直接比较值。如果类型不同，直接返回。如果类型相同，再比较值。会转换类型为数字再比较。不等于任何值，包括自身。布尔值 vs 非布尔值。对象 vs 基本类型。对象比较的是引用地址。
2025-05-18 21:41:50
192
原创 例举3种强制类型转换和2种隐式
虽然隐式转换在某些情况下很方便，但它们可能导致难以发现的错误。最好使用显式的强制类型转换方法，尤其是在处理用户输入或不确定的数据时。强制类型转换是指程序员显式地将一个数据类型的值转换为另一种数据类型。这种转换通常是通过使用特定的函数或运算符来完成的。隐式类型转换是JavaScript自动进行的类型转换，通常发生在运算符操作时。：使用严格等于运算符可以避免JavaScript的隐式类型转换陷阱，使代码更清晰、更安全。运算符连接字符串和数字时，数字会被转换为字符串。不进行类型转换，直接比较值和类型。
2025-05-18 21:40:51
218
原创 JavaScript 循环语句全解析：选择最适合的遍历方式
传统循环：精确控制，性能优先现代遍历器：简洁安全，语义清晰对象遍历：专属方案，避免误用。
2025-05-11 22:17:48
539
原创 split和join的区别
join()方法用于将序列（如列表、元组等）中的元素以指定的字符串连接生成一个新的字符串。split()方法用于将字符串按照指定的分隔符分割成多个子串，并返回这些子串组成的列表。是Python中用于处理字符串的两种方法，它们的主要区别在于功能和使用场景。如果不指定分隔符，则默认分割所有的空白字符（包括空格、换行符等）。，由序列中的元素通过指定的分隔符连接而成。split()方法的返回值是一个列表。join()方法的返回值是一个字符串。，包含所有分割后的子串。
2025-05-11 22:07:27
333
原创 JavaScript事件处理全解析：从基础到最佳实践
在现代Web开发中，事件处理是构建交互式应用的核心技术。JavaScript提供了多种事件绑定方式，每种方法都有其适用场景和特点。本文将深入探讨7种主流的事件绑定方法，通过代码示例和原理分析，帮助开发者选择最合适的解决方案。
2025-05-11 18:29:56
390
原创 运算符分为哪几类？哪些运算符常用作判断？简述运算符的优先级
例如：&（按位与）、|（按位或）、^（按位异或）、~（按位取反）、<<（左移）、>>（右移）。例如：&&（逻辑与）、||（逻辑或）、!：用于执行基本的数学运算，如加、减、乘、除、取模等。例如：+、-、*、/、%。=、>、<、>=、<=，这些运算符用于比较两个值的关系，返回布尔值。：包括成员访问运算符（.）、指针运算符（*、&）、范围解析运算符（::）等。、~、++、--、+（正号）、-（负号）、*（解引用）、&（取地址）。例如：=、+=、-=、*=、/=、%=。
2025-04-27 23:06:38
200
原创 JavaScript输出数据的方法
是最常用的方法之一，用于在浏览器的控制台（Console）中输出信息。这对于调试和查看变量的值非常有用。这通常用于在用户交互中显示消息，例如在表单提交后显示结果。可以用于动态内容，但它在文档加载完成后使用可能会导致整个页面的内容被重写，因此使用时需谨慎。方法可以将数组或对象以表格的形式在控制台中显示，这有助于以结构化的方式查看复杂数据。这些方法可以帮助开发者更好地理解代码中的问题或潜在问题。属性，可以动态地改变HTML元素的内容。这通常用于动态地更新网页内容。这些方法可以帮助开发者区分不同类型的信息。
2025-04-27 23:04:29
283
原创 JavaScript 中 undefined 和 not defined 的区别
存在性：标识符未在任何作用域声明错误类型：触发类型检测typeof的特殊处理危险操作：直接访问会中断代码javascript复制下载// "undefined" （特殊行为）决策树undefined是否会导致程序崩溃？❌ 不会✅ 会是否表示逻辑缺失？✅ 是（需处理默认值）❌ 是（需修正代码错误）是否应该显式检查？视情况而定必须立即修复最佳实践清单始终使用let/const声明变量开启严格模式（使用 ESLint 等静态检查工具对可选参数显式设置默认值使用进行精确判断。
2025-04-27 23:03:23
595
原创 深入理解 JavaScript 的 typeof 运算符：返回的数据类型
javascript复制下载typeof declaredButUndefined // "undefined"（已声明但未赋值）typeof nonExistentVariable // "undefined"（未声明的变量不报错）typeof运算符会返回8 种可能的字符串，是检测基本类型的有效工具，但需注意其局限性：对null、数组和对象的检测不够精确未声明的变量不会抛出错误，而是返回在实际开发中，建议：对null使用全等比较（=== null对数组使用对复杂类型使用。
2025-04-27 22:44:55
994
原创 js树形菜单功能总结
通过以上步骤，我们成功实现了一个功能完整的树形菜单。从数据获取、处理到页面渲染和交互，每一个环节都紧密相连，共同构成了一个实用的前端组件。
2025-04-23 13:34:18
730
原创 分页功能总结
数据展示：以表格形式展示数据，包括序号、名字、性别、族、住址和出场等信息。分页设置：用户可以通过下拉菜单选择每页显示的数据条数，如 5 条 / 页、10 条 / 页、20 条 / 页、50 条 / 页或 100 条 / 页。页码导航：根据数据总量和每页显示条数自动计算总页码，并展示页码按钮。用户可以点击页码按钮切换到相应页面，当前页码会以不同颜色突出显示。左右翻页：提供 “<” 和 “>” 按钮，用户可以点击进行前后翻页操作，当到达第一页或最后一页时会给出提示。快速跳转。
2025-04-17 11:11:56
796
原创 数据排序、模糊搜索总结
数据展示：以表格形式展示数据，包括序号、姓名和身价（单位：亿）等信息。数据排序：用户可以点击 “身价（亿）” 列标题，切换数据的排序方式，实现身价从大到小或从小到大的排序。模糊搜索：用户可以在搜索框中输入关键词，排行榜会实时筛选出包含该关键词的数据，无论是姓名还是身价信息中包含关键词的记录都会被展示出来。
2025-04-15 10:16:01
735
原创 三级联动制作总结
三级联动这个功能我们日常中很常见，常见的应用场景就比如我们的收货地址。就是这样的一个效果.让用户在选择一级选项后，二级选项根据一级选择更新，三级选项再依据二级选择进行相应变化。当用户选择了一个省份后，城市下拉框中会自动显示该省份对应的所有城市；接着，当用户选择了一个城市后，区县下拉框又会动态展示该城市所包含的各个区县。这种交互方式不仅能提高用户输入信息的准确性，还能大大提升用户体验，减少错误输入的可能性。
2025-04-14 17:10:06
625
原创 JavaScript 实现轮播图功能（总结）
本文将详细介绍如何使用 HTML、CSS 和 JavaScript 构建一个轮播图，包括图片的自动轮播、左右箭头控制以及小圆点指示等功能。我们要实现的轮播图具备以下功能：这段 HTML 代码构建了轮播图的基本结构。是轮播图的容器，包含左右箭头图片，用于展示轮播的图片，则是放置小圆点的区域。同时，通过和事件绑定了鼠标悬停和移开的函数。CSS 样式主要用于设置轮播图的布局和外观。设置为相对定位，并设置了宽度、边距和背景颜色，同时确保超出容器的图片部分不会显示。是绝对定位，位于轮播图上方，包含左右箭头
2025-04-14 09:10:51
550
原创 基础购物车功能总结
今天是基础购物车功能的讲解。整体是长这样的:我们的商品数据都是在json文件中保存的，所以我们要首先准备一个json文件，也就是肯定会用到ajax获取数据。
2025-04-12 10:48:30
417
原创 商品列表、详情总结
今天是商品列表和商品详情功能的总结。这个功能也就是淘宝的首页那种列表，然后点击相应的商品会跳转到相应的详情页面，我们只需要写一个详情页面就可以了。
2025-04-11 11:28:33
414
原创 九宫格抽奖总结
今天讲解一下九宫格抽奖的制作过程及思路。首先我们来看九宫格的示例：就是一个很常见的抽奖效果，从快到慢，直到抽中某一个奖品。利用弹出窗告诉用户抽到的奖励。
2025-04-10 14:00:09
546
原创 点击抽奖功能总结
text_box类所在的<div>包含一个用于输入年龄的文本框和一个提交按钮，用户在此输入年龄并提交。draw_box类所在的<div>初始时是隐藏的（通过 CSS 的display: none设置），当用户满足特定条件（年龄达到 60 岁）时，该区域将显示出来，其中包含一个只读的文本框用于显示抽奖次数，以及一个 “抽奖” 按钮。随着每次点击，抽奖次数会实时更新显示，并且根据抽奖次数的不同，用户将有机会获得不同等级的奖项，从 “恭喜你，没抽到” 到 “隐藏款” 惊喜，充满了未知与期待。
2025-04-09 20:12:17
763
原创 隔行换色总结
使用数组，将数组的内容渲染到页面上，序号也就是将数组的下标输出到第一个td上，将数组的内容输出到第二个td上，（使用``拼接字符串）第二种思路中，html和css是一致的，所以我们就只讲js中的具体操作。3.JavaScript 功能实现。1.HTML 结构搭建。2.CSS 样式美化。
2025-04-08 21:05:37
776
原创 流程控制语句练习题总结（二）
判断 small 是否为偶数，若为偶数，则进一步判断驮的粮食总数是否为 100 石（即 big * 2 + centre * 1 + small / 2 === 100）。判断 small 是否是 3 的倍数，若为 3 的倍数，则进一步判断花费的总金额是否为 100 元（即 i * 5 + j * 3 + small / 3 === 100）。for循环，===全等于，*乘以，/除，%取模，拼接字符串。for循环，/除，*乘以，===全等于，拼接字符串，%取模。+=先相加后赋值，%取模，===全等于。
2025-04-07 20:50:13
632
原创 流程控制语句练习题总结
首先生成一个数组，里面写一些数字，然后再设一个num变量，接着再设一个平均值的变量为零，接着写一个for循环，循环arr数组的长度，在循环里，让num变量+=arr下标i的内容（数组里的内容相加起来，赋值到num变量），后在循环外让平均值等于，num变量除以数组的长度。首先，新建一个数组，写一些数字，然后再建一个空数组，接着写一个for循环，在循环里写一个判断，判断这个数组的下标i的数值是否大于十，如果大于十，就把这个数放到那个空数组里，依次累计循环，获得大于10的所有数。数组，if判断，判断奇数，！
2025-04-07 17:25:44
1374
原创 相对路径与绝对路径：你需要知道的区别
绝对路径：绝对路径是从文件系统的根目录开始到目标文件或目录的完整路径。它以根目录作为起始点，明确地指定了文件或目录在整个文件系统中的准确位置。例如，在 Windows 系统中，就是一个绝对路径，它清晰地表明了Excel.exe文件位于C盘的文件夹下的Microsoft文件夹中的Office文件夹内。在 Linux 系统中，也是一个绝对路径，其中表示根目录，从根目录开始依次经过homeuserDocuments等文件夹，最终指向file.txt文件。相对路径。
2025-04-06 23:31:54
838
原创 第二个小练习总结
1.将1998·2008年之间的闰年年份输出i <= 2008;i++) {2.猴子吃桃：一个猴子有一天摘了很多桃子，当天吃了一半，还觉得不过瘾，又多吃了一个，后边每天都吃了剩下桃子的一半多加一个第十天还没有吃的时候发现只剩下一个桃子了，问一开始摘了多少桃子i > 0;i--) {3.输出1-10与5相乘的结果i <= 10;i++) {console.log(i + " 乘 5 = " + num);
2025-04-06 23:29:39
786
原创 数组练习题总结
首先写一个数组，里边写一些数字，然后写一个for循环，再写一层for循环，在最里面的for循环里写一个if判断，判断arr的j下标内容是否大于j+1，当符合这个条件，然后let一个num的变量等于arr的j下标内容，然后arr的j下标等于j+1，最后让num等于j+1。首先生成一个数组，里面写一些数字，然后再设一个num变量，接着再设一个平均值的，变量为零，接着写一个for循环，在循环里，让num变量+=arr下标i的内容，后在循环外让平均值等于num变量，除以数组的长度。
2025-04-06 23:23:50
282
原创 那些难以维护、逻辑混乱或违反最佳实践的代码
想象一下这个场景：同事：“帮我改个按钮颜色，5分钟搞定！你打开代码，发现：按钮样式被写死在20个地方全局样式表里有3个冲突的 .btnJS 里居然用定时器强制覆盖颜色…这需求，老子不做了！（然后默默按下了Ctrl+S）”遇到这种代码，真的是要人老命！
2025-03-31 21:34:13
359
原创 图片格式三剑客：JPG、PNG、GIF到底怎么选？
就像给不同场合搭配合适的衣服，给图片找到最合适的"格式外衣"，让你的网页加载更快、设计更精致！
2025-03-30 18:03:32
593
原创 HTML元素小卖部：表单元素 vs 表格元素选购指南
表单元素表格元素核心用途收集用户输入（像问卷调查）展示数据（像Excel表格）交互性高（用户需要操作）低（静态展示）常见场景登录/注册/搜索框数据报表/价格表/课程表必备属性CSS改造难度高（需要自定义样式）中（调整边框/间距）
2025-03-29 22:00:00
982
原创 前端页面的“三明治“结构：三层拆解一看就懂
HTML= 骨架（决定有什么）CSS= 皮肤（决定好不好看）JavaScript= 灵魂（决定能不能动）下次有人问你前端页面怎么工作，直接甩出三句话：用HTML搭出骨架用CSS穿上衣服用JavaScript注入灵魂理解这三层关系，你就拿到了打开前端世界的第一把钥匙！
2025-03-29 00:45:00
844
原创 前端必懂：行内、块级、行内块元素三兄弟的恩怨情仇
行内元素= 便利贴（轻量灵活）块级元素= 收纳箱（霸道独立）行内块元素= 带尺寸的磁贴（能排队能调大小）理解它们的差异后，你会发现以前遇到的很多布局问题（比如元素乱跑、间距诡异）都迎刃而解了！
2025-03-28 10:31:41
369
原创 制作金埔园林所遇到的问题
如图所示，实现图片在鼠标悬停时切换样式，以及点击后固定为特定样式并切换页码的功能，是提升页面交互性的常用手段。以我们的项目为例，页面中有一组白色图片，当鼠标悬停在图片上方时，图片会变为绿色；点击图片后，不仅图片固定为绿色，还会触发页码切换。通过上述 CSS 设置，利用:hover伪类轻松实现了图片悬停效果切换。而对于点击切换页码及固定图片样式的功能，还需要借助 JavaScript 来完成，这部分代码在此暂不赘述，感兴趣的读者可自行探索。
2025-03-24 10:21:31
292
原创 HTML入门教程：新手快速掌握网页构建的关键要点
它通过一系列标签来描述网页的结构和内容，是网页设计与开发的基础。总结：通过本文的介绍，你已掌握了HTML的基本结构和关键要点。动手实践，不断探索，你将能够轻松构建属于自己的网页。继续学习，迈向网页设计之路！使用合适的标签来描述内容，有助于搜索引擎优化和屏幕阅读器的理解。例如，使用 header、nav、footer 等语义化标签。本文将带你了解HTML的基本知识，教你快速掌握网页构建的关键要点。HTML标签可以拥有属性，属性提供了更多关于标签的信息。例如，img 标签的 src 属性用于指定图片的路径。
2025-03-22 04:30:00
130
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人