- 博客(52)
- 收藏
- 关注
RSS订阅原创 关于电话的正则表达式
3-9]：第二位数字可以是 3、4、5、6、7、8 或 9，排除了以 1 和 2 开头的号码，这符合中国手机号码的分配规则，其中 13 和 15 开头的号码被分配给了其他用途。座机电话号码： 中国大陆的固定电话格式较为复杂，通常由区号（1到3位）和本地号码（6到8位）组成，可能有或没有中间的分隔符（例如 -）。对于中国大陆的手机号码，通常是 11 位数字，以 1 开头，第二位数字为 3、4、5、6、7、8、9 中的一个。[0-9]{9}：接下来的是9个数字，这代表手机号码的剩余部分。
2024-12-29 20:00:00
814
原创 什么是跳转传参
跳转传参（或称为URL传参）是指在页面跳转时，通过在URL中附加参数的方式，将数据传递到目标页面的过程。通常，在前端开发中，跳转传参用于在页面之间传递一些信息（如用户选择的内容、搜索条件、表单数据等）。1. 常见的跳转传参方式：1.1 通过 URL 查询字符串传递参数（GET 方式）最常见的跳转传参方式是在 URL 中使用查询字符串传递参数。这里，name和age就是查询参数，John和30是它们对应的值。
2024-12-29 07:45:36
929
原创 什么是模板字符串
模板字符串（Template Strings）是ES6（ECMAScript 2015）中引入的一种新特性，允许你在字符串中嵌入表达式。需要注意，在模板字符串中，你可以像在普通的字符串中一样使用转义字符（如\n表示换行符），但模板字符串会自动处理多行字符串，所以不需要显式地使用转义字符。在这个例子中，${name}是一个嵌入在模板字符串中的表达式，它将被求值（即获取变量name的值）并转换为字符串，然后嵌入到最终的字符串中。
2024-12-24 06:00:00
154
原创 js常用的几种事件，请分别描述一下
在 JavaScript 中，事件（Events）是用户与网页交互时触发的各种行为，比如点击按钮、滚动页面、输入文本等。常用用途：类似于 mouseover 和 mouseout，但它们只在元素本身上触发，不会因为鼠标在子元素中移动而触发。keydown：当按键被按下时触发，且可以捕获到所有的键（包括功能键，如 Shift、Ctrl、Alt 等）。mouseleave：当鼠标指针离开元素的边界时触发（同样不会触发子元素的事件）。描述：当元素的值发生变化时触发，常用于输入框、下拉框、单选框等元素的值变化。
2024-12-23 06:00:00
439
原创 Ajax都有哪些优点和缺点？
同时，对于涉及到用户数据安全和隐私的Web应用程序，需要特别关注安全性问题，并采取相应的措施来保护用户数据的安全。改善用户体验：AJAX允许在不刷新整个页面的情况下，与服务器进行数据交换和更新，这使得页面可以局部地更新，而不是整体刷新。这可能会对用户体验产生负面影响1。对搜索引擎的不友好：由于AJAX生成的页面内容不是全部在服务器端渲染，搜索引擎爬虫可能无法获取完整的页面内容，从而影响网页的排名和SEO优化136。节省带宽：基于AJAX的应用程序使用较少的服务器带宽，因为无需重新加载完整的页面45。
2024-12-19 06:30:00
132
原创 什么是封装？为什么要封装？
封装主要指的是将数据（属性）和对这些数据的操作（方法）组合在一个单元中（我们称之为“类”），并对外部隐藏实现细节，仅对外公开接口（方法/函数），以控制在程序中属性的读和修改的访问级别。具体来说，封装就是将抽象得到的数据和行为（或功能）相结合，形成一个有机的整体，即将数据与操作数据的源代码进行有机结合，形成类，其中数据和函数都是类的成员。对于电子封装而言，封装后的芯片也更便于安装和运输。综上所述，封装在编程和电子领域都是至关重要的概念，它不仅提高了程序的安全性和可维护性，还推动了技术的进步和产品的创新。
2024-12-18 06:30:00
241
原创 图表内的一些常用方法
series: [{ type: 'pie', radius: '50%', // 饼图的半径 data: [ {value: 335, name: 'A'}, {value: 234, name: 'B'}, {value: 154, name: 'C'} ], label: { formatter: '{b}: {d}%', // 饼图标签显示的内容 } }]polar: [{ radius: '60%', // 半径范围 center: ['50%', '50%'], // 极坐标系的中心点 }]
2024-12-17 06:30:00
701
原创 什么是Ajax？
例：send(‘name=张三&age=18’)open(‘请求类型’ , ’URL’ , ’请求方式’)-请求类型：get、post 请求地址：服务器（文件）位置，请求方式：true 为异步，false 为同步。例如：在高速上，只有一条车道，如果前方发生车祸，那么后方的车需要等待前方 处理好才能继续通行。get 传输数据量较小，因为 URL 有长度限制，post 传输的数据量较大，一般被默认为不受限制。例如：还是在高速上，有两条车道，如果前方发生车祸，那么后方的车可以从另一 条车道继续通行。
2024-12-14 08:30:00
751
原创 JQuery的使用
选择所有name名称以X结尾的标签 ：$("标签[name$='X']") 例：$("div[name$='html']")选择所有name名称以X开头的标签 ：$("标签[name^='X']") 例：$("div[name^='en']")选择所有name名称中含有X的标签 ：$("标签[name*='X']") 例：$("div[name*='o']")选择所有name名称为X的标签：$("标签[name='X']") 例：$("div[name='p1']")例：$("#test1")
2024-12-13 08:00:00
137
原创 了解JS递归
递归在处理许多类型的问题时非常有用，尤其是那些可以通过分解成更小、更简单的子问题来解决的问题。然而，递归也需要谨慎使用，因为它可能导致堆栈溢出（特别是当递归调用非常深时）。在ES6之前，JavaScript并没有对尾递归进行优化，这可能导致深度递归调用时堆栈溢出。尾递归优化的好处是它允许更深的递归调用而不会导致堆栈溢出，因为引擎可以重用当前函数的调用堆栈帧来执行尾递归调用。递归步骤（Recursive Step）：这是函数将问题分解为更小问题的步骤，并调用自身来处理这些更小的问题。1. 递归的基本结构。
2024-12-12 08:00:00
233
原创 css的选择器有哪些？权重由大到小是怎么排序的？
CSS选择器的优先级排序由高到低是：内联样式 > ID选择器 > 类选择器、伪类选择器、属性选择器 > 元素选择器、伪元素选择器 > 通用选择器。CSS选择器的权重计算方式是根据选择器的组成部分，权重越高的选择器优先级越高。a：内联样式的数量（直接在HTML元素的style属性中设置的样式），此值是最高优先级。c：类选择器、伪类选择器、属性选择器的数量（每个此类选择器的优先级为10）。元素选择器：div, p → 权重 0, 0, 0, 1（两次）b：ID选择器的数量（每个ID选择器的优先级为100）。
2024-12-11 16:47:10
1068
原创 JS中重排和重绘的区别是什么？
在JavaScript中，当DOM（文档对象模型）发生变化时，浏览器需要重新计算和更新渲染树，这个过程通常涉及到重排（reflow）和重绘（repaint）。定义：当DOM元素的几何属性发生变化时（如宽度、高度、位置等），浏览器需要重新计算元素的几何属性，并将其重新渲染到页面上。定义：当DOM元素的非几何属性发生变化时（如颜色、背景色、文字颜色等），浏览器不需要重新计算元素的几何属性，而只需要重新渲染元素的外观。但是，重绘不一定会触发重排，如元素的颜色或可见性发生变化时，只需要进行重绘即可。
2024-12-08 22:00:00
433
原创 闭包是什么？有什么特性？对页面有什么影响？
简单来说，闭包是指一个函数能够记住并访问它定义时的词法作用域（即使这个函数是在其词法作用域之外被调用的）。这使得闭包具有“持久性”，即使外部函数已经执行完毕并离开了作用域，闭包仍然可以访问外部函数的变量。闭包的形成通常是通过一个函数嵌套另一个函数，在内部函数中访问外部函数的变量。函数可以访问外部作用域的变量：内部函数可以访问它外部函数的变量，甚至在外部函数已经返回之后，外部变量依然可以被内部函数访问。函数可以作为返回值：闭包允许我们创建返回内部函数的函数，这个内部函数可以访问并操作其外部函数的变量。
2024-12-08 17:55:48
670
原创 js历史，弹窗，定时器
window.history.go(number)-加载历史列表中某个页面，Number为负数表示后退，为正数表示前进，为0表示当前页面。示例，注：括号里为定时器的命名，用来关闭或开启定时器，因为每次定时器开启都会是全新的定时器，因此需要用相同的名来开启同一个定时器。注：虽然JS有自带的一些弹窗，但这些弹窗均会阻止代码的正常运行，直到点击确定，因此并不推荐使用，更推荐自己制作弹窗。window.history.forward()-加载历史列表中的下一个 URL（前进）JavaScript 定时器。
2024-12-06 20:40:14
351
原创 前端基础的讲解-JS（window的方法）
window.location.replace(‘URL’)-通过 location.replace 替换当前页面路径来实现页面跳转。window.location.assign(‘URL’)-通过 location.assign 加载新文档实现页面跳转。window.location.href = ‘URL’-通过改变 location.href 来实现页面跳转 常用。window.location.href-返回当前页面的 URL 地址。window.screen.availHeight-屏幕高度。
2024-12-02 10:15:58
775
原创 前端基础的讲解-JS
什么是事件对象event 对象包含“与创建它的事件有关的”属性和方法。触发的事件类型不一样，可用的属性和方法不一样。JavaScript 入口函数这个函数的意思就是说，当我们页面加载完毕之后（就是说等页面的结构 样式 节点等加载完毕之后），才会执行函数体里面的 js 部分。什么是BOM？浏览器对象模型（Browser object model）简称 BOM。
2024-12-01 00:00:00
446
原创 DOM改变元素的方法
父元素.insertBefore(新节点,子元素)：用于将新标签插入指定子元素的前面。父元素.replaceChild(新节点,要替换的子元素)：用于替换父元素中的子元素。标签节点.appendChild(标签节点)：用于将新标签添加到子元素列表的末尾。父元素.removeChild(要删除的子元素)：用于删除父元素中的子元素。元素.style.样式 = 样式值：改变 HTML 元素的样式。元素.属性 = 属性值：改变 HTML 元素的属性值。DOM提供的增添或删除元素的方法。DOM提供的改变元素的方法。
2024-11-30 07:30:00
143
原创 什么是DOM
DOM 实际上是以面向对象方式描述的对象模型，它将文档建模为一个个对象，以树状的结构组织（本文称之为“文档树”，树中的对象称为“节点”document.querySelectorAll(‘CSS 选择器’)：通过 CSS 选择器获取匹配上的所有元素。当前元素.nextElementSibling：用于获取当前元素的下一个同级元素。子元素.parentElement：用于获取当前元素的父元素。父元素.children：用于获取当前元素的子元素。DOM提供的获取元素的方法（常见）整个文档是一个文档节点。
2024-11-29 11:07:00
425
原创 js实现分页效果
然后让i++，然后判断一下data[i]=undefined的时候直接终止循环，然后拼接字符串，将数据拼接上去，然后再拼接页脚的左半部分，有多少页，就用数据的数量除以每页的数据的个数，并且让他们向上取整，当前为第几页就是当前为k+1页，当前为第几条到第几条数据就是k*num+1和（k+1）*num，拼接首页和上一页的按钮就好。然后进行判断中间页码，并且实现省略的效果，判断如果k小于3，进入for循环，j=0，判断j如果小于5那么说明是前面五个按钮，然后进行渲染这五个按钮。先写好html格式和css样式。
2024-11-24 16:00:34
434
原创 什么是事件
从最内层的节点开始触发事件，逐级冒泡直到顶层节点，从内向外传播。事件流页面触发一个事件时，会按照一定的顺序来响应事件，事件的响应过程为事件流浏览器规定了两种事件流模型：捕获型事件流和冒泡型事件流。事件捕获阶段参数为 false 时，顺序为 span -> p -> div。事件冒泡阶段 默认当事件过多的时候，一个个绑定对浏览器性能消耗过大，由此可以使用事件代理，即事件代理：事件代理的原理用到的就是事件冒泡和目标元素，把事件添加到父元素，等待子元素事件冒泡，并且判断是哪个子元素，从而做相应处理。
2024-11-23 23:06:30
193
原创 js实现轮播图
当点击箭头时，图片向下一张移动，和自动轮播的效果一样，所以在设置一个函数，命名为auto_next，内部调用上面轮播的函数，并且再设置next.onclick设为null，增加防抖节流的效果，避免用户重复点击，然后再设置一个定时器，使他将点击事件重新调用，这个定时器的时间要和上面的时间有间隔。这个需要通过传参，当图片移动时，进入for循环，判断j是否等于o如果等于，那么圆点个图标相对应，所以将圆点颜色发生改变，最后k=i，还保持圆点的下标和图片的下标一致。先将数据获取，并且将他提在全局。
2024-11-22 17:32:59
1275
2
原创 js实现购物车功能
商品数量不能为空，不能小于0，商品的价格不能为空，不能小于0，并且是整数，如果不符合条件的话弹出弹窗提示用户，所以我们的添加的点击事件要写判断，并且添加时使最大的id++，渲染完成后再让输入框和按钮隐藏。当我们编辑点确定的时候也需要判断，判断条件和上面的相同，如果所有的格式没有问题，那么将json中的id遍历一下，看看能不能找到和上面我们存的id相同，相同的话，再将内容进行替换并且重新渲染就好了。点击添加的时候，应该先将隐藏的输入框和按钮显示出来，并且清空里面的值。将数据渲染到页面上，以字符串拼接的形式。
2024-11-20 10:57:19
1112
原创 DOM的学习
DOM 实际上是以面向对象方式描述的对象模型，它将文档建模为一个个对象，以树状的结构组织（本文称之为“文档树”，树中的对象称为“节点”）。综上所述，除了通过 ID 选择器和 querySelector 选择器获取到的元素是唯一的，其余的选择器返回的是。JavaScript 能添加、删除、改变、查看页面中所有的 HTML 元素、HTML 属性、CSS 样式。通过可编程的对象模型，JavaScript 获得了足够的能力来动态操作 HTML。的形式，可以通过 [下标] 的方式确定我们需要操作的元素。
2024-11-16 06:00:00
156
原创 JavaScript对象
在 JavaScript 中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如人、桌子、椅子、花、草、猫、狗等对象是由属性和方法组成的属性：事物的特征，在对象中用属性来表示（常用名词） 方法：事物的行为，在对象中常用方法来表示（常用动词）
2024-11-15 06:30:00
414
原创 JavaScript作用域链
作用域链：通过上节作用域我们知道，当我们声明一个函数时，程序会生成一个独立的作用域，如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域；预解析 在当前作用域下，JS 代码执行之前，浏览器会默认把带有 var 和 function 声明的变量在内存中进行提前声明或定义。变量预解析（变量提升） 变量的声明会被提升到当前作用域的最上面，变量的赋值不提升。预解析会把变量和函数的声明在代码执行之前完成，预解析也叫做变量、函数提升。对象是一组无序的相关属性和方法的集合。代码执行 从上往下执行 JS 代码。
2024-11-14 11:28:44
540
原创 Javascript对象
方法：方法是对象的一部分，函数不是对象的一部分，函数是单独封装操作的容器。对 象里面的函数称为方法，方法不需要声明，使用"对象.方法名()"的方式就可以调用，方法用来描述该对象的行为和功能。访问对象的属性：对象里面的属性调用：对象.属性名；对象的方法：对象中存储函数的“键值对”中的“键”称为对象的方法，即对象中存储函数的项。对象的属性：对象中存储具体数据的“键值对”中的键称为对象的属性，即对象中存储具体数据的项。属性：对象里面的变量称为属性，不需要声明，用来描述该对象的特征。
2024-11-13 09:25:41
609
原创 JavaScript作用域
在函数内部使用 var 声明的变量，或使用 let 在代码块内声明的变量是局部变量。在局部作用域下声明的变量（var 在函数内部或 let 在 {} 中定义的变量） 局部变量只作用于当前代码块内，自本代码块调用起到本代码块执行完毕。ES6 之前 JS 是没有块级作用域这一概念的，在 if 语句中，使用 var 声明的变量在外部依旧可以使用，如下。一段程序代码中所用到的名字（例如变量名）并不总是有效的，而限定这个名字的可用性代码范围就是这个名字的作用域。作用于函数内部的代码环境，就是局部作用域。
2024-11-10 14:42:54
235
原创 什么是事件冒泡？如何阻止事件冒泡和浏览器默认事件？
事件冒泡是浏览器模型中的一个重要概念。当一个事件发生在某个元素上时，它会首先在该元素上触发，然后逐层向上冒泡到其父元素，直到根元素（通常是document）为止。这意味着如果在一个嵌套的元素上触发了事件，父元素也会接收到该事件。
2024-11-08 21:26:03
460
原创 自执行函数和闭包函数
自执行函数简单来说也是匿名函数，它主要用于创建一个新的作用域，且无需调用，在程序加载时会自动执行。闭包函数就是函数中套了一个函数，内层函数可以访问外层函数的变量。持久性：一般的函数，在用完之后会被系统自动注销，而对于闭包来说，在外部函数被调用之后，闭包结构依然存在。函数：封装一段可被重复调用执行的代码块，通过函数可以实现大量代码的重复使用。return: 不仅可以终止当前函数体内的代码，还能返回 return 语句后面的值。形参：函数定义时候，传递的参数 (实参值会传递给形参,相当于不用声明的变量)
2024-11-06 20:24:13
180
原创 运算符和判断语句
比较运算符：<（小于）,>（大于）,<=（小于等于）,>=（大于等于）,==（等于）,!=（不等于）,===（全等，类型也相同）,!赋值运算符：=（直接赋值）,+=,-=,*=,/=,%=（加或减一个数后再赋值，乘、除、取模后再赋值）当表达式的值等于value1时执行的代码。当表达式的值等于value2时执行的代码。算数运算符：+（加）,-（减）,*（乘）,/（除）,%（余）[如果] 条件一成立执行的代码。[如果] 条件二成立执行的代码。[如果] 条件三成立执行的代码。if (条件表达式 1) {
2024-11-04 20:33:51
204
原创 JavaScript
在 ES6 之前 JS 只有一种声明变量的方法，那就是 var。const 定义的变量，一旦定义后，就不能更改，所以 const 声明的为常量。let 用于定义变量，const 用于定义常量，使用方法与 var 基本相同。const 和 let 同样是块级作用域，不可重复声明，没有变量提升。const 定义常量时声明和赋值必须同时进行，不可以只声明。number：数字 类型，值：包含整数、浮点数 (小数)、0。undefined：未定义 类型，值：undefined。null：空 类型，值：null。
2024-11-01 07:00:00
427
原创 JavaScript基本数据类型
ES6中新引入的一种数据类型，表示独一无二的值，每个值都不相等。布尔类型有两个值：true 和 false ，其中 true 表示真（对），而 false 表示假（错）。非数字型为 true，数字型为 false。区别：null 表示为空，没有值。undefined 表示为未定义，应该有值，但是没有赋值。布尔类型和数字型相加的时候，true 的值为 1 ，false 的值为 0。最小值：Number.MIN_VALUE，值为：5e-32。实际应用：作为对象的键名，避免定义重复的值。
2024-10-31 14:00:00
176
原创 Javascript变量
包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、 float、goto、implements、import、int、interface、long、mative、package、private、protected、 public、short、static、super、synchronized、throws、transient、volatile 等。const 定义的变量，一旦定义后，就。
2024-10-30 09:52:52
541
原创 伪类和伪元素
结构伪类：基于文档的结构来选择元素，如第一个子元素（:first-child）、最后一个子元素（:last-child）、偶数行（:nth-child(even)）等。UI元素状态伪类：用于表示表单元素的特定状态，如禁用（:disabled）、启用（:enabled）、选中（:checked）等。伪元素：用于创建基于元素的某些部分的样式，如::before、::after等，它们可以在元素的内容前面或后面插入额外的生成内容。伪类：针对元素的特定状态或位置，如:hover、:active等。
2024-10-29 13:15:00
149
原创 JavaScript
安全性：js 不允许直接访问本地的硬盘，而且不能将数据存放到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据的丢失。JS 是前端的核心，主要用来操作 DOM 修改 DOM 结构，从而达到修改页面的效果和目的。跨平台性：js 仅依赖于浏览器本身，与操作系统无关，只要是能运行浏览器的计算机，并支持 js。ECMAScript：简称 ES，它是 JS 的基本语法，也是 JS 的核心。简单性：它的变量类型是采用弱类型，并未使用严格的数据类型。
2024-10-28 16:30:28
219
原创 流程控制语句
一段代码执行的顺序是对程序的结果有直接影响的，所以我们要通过控制代码的执行顺序来达到我们想要的结果。流程控制主要有三种结构，分别是顺序结构，分支结构和循环结构，这三结构代表三种代码的执行顺序。如果if里面的条件表达式结果为假flase则不执行中括号里面的语句则执行if语句后面的代码。if里面的语句1和else里面的语句2最终只能有一个语句执行 2选1。如果条件表达式1满足就执行语句1，执行 完毕后，退出整个if分支语句。如果if里面的条件表达式结果为真true则执行中括号里面的执行语句。
2024-10-27 07:56:07
150
原创 什么是js
JavaScript原名:LiveScript 是由美国网景(Netscape Communications Corporation)开发的一种用于对网页操作的脚本语言,LiveScript也是面向对象的.后来sun公司与网景合作更名为JavaScript.JavaScript 是一种采用事件驱动的脚本语言，它不需要借助 Web 服务器就可以对用户的输入做出响应，例如我们在访问一个网页时，通过鼠标在网页中进行点击或滚动窗口时，通过 JavaScript 可以直接对这些事件做出响应。1) 解释型脚本语言。
2024-10-25 19:40:50
257
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人