- 博客(150)
- 收藏
- 关注
RSS订阅原创 什么是全局对象和全局变量
在JavaScript中，如果你直接在函数或代码块的外部定义一个变量（不使用var、let或const关键字，或者在严格模式下使用var但未在函数内部定义），那么这个变量就是一个全局变量。然而，需要注意的是，在ES6（ECMAScript 2015）及以后的版本中，推荐使用let和const来声明变量，而不是使用var。因为let和const具有块级作用域，这意味着它们只在它们被声明的代码块中有效，这有助于减少全局变量的使用，从而避免潜在的命名冲突和意外的副作用。
2024-12-14 22:19:06
73
原创 形参和全局变量同名时哪个优先级更高
在这个示例中，虽然有一个名为globalVar的全局变量，但在myFunction函数内部，由于形参globalVar的存在，当调用console.log(globalVar);形参和全局变量：当形参和全局变量同名时，由于形参是在函数作用域内声明的，因此它会在该作用域内被创建。当在函数内部引用这个变量时，会首先在当前作用域（即函数作用域）中查找，找到形参后就不会继续向上查找全局变量了。这是因为当函数被调用时，形参会在函数的作用域内被创建，并且这个作用域会覆盖全局作用域。因此，形参的优先级高于全局变量。
2024-12-14 22:16:58
90
原创 JavaScript监听浏览器刷新或是关闭事件
input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>这里一并推荐一个ActionScript3的好教程: <A href="http://gskinner.com/talks/as3workshop/">http://gskinner.com/talks/as3workshop/</A>
2024-12-08 19:00:00
915
原创 JS中数组的方法flat()怎么用
flat()方法在 JavaScript 中用于创建一个新，这个新数组是将原数组中的所有子数组元素递归地连接到一起形成的。你可以指定一个深度（depth）参数，它决定了的层数。如果不指定深度，默认深度为 1。
2024-12-08 18:00:00
226
原创 百度ueditor富文本插件多图片上传顺序混乱问题
同样考虑上传失败的情况，加上一个判断，避免在上传失败后，数组中出现undefined项，需要修改getInsertList方法。（毕竟Js一些奇葩bug或者问题就是缓存惹的），笔者使用过程中就遇到过，修改代码保存后没有任何效果的情况。是按照图片先上传完成先显示来排序，显然跟我们选择好排序不一致（因为图片有大小）。备注）方法实现有效，不过测试的过程需要注意清除项目缓存或者。中出现undefined项，需要修改getInsert。考虑上传失败的情况，加上一个判断，避免在上传失败后，
2024-12-07 20:12:19
491
原创 css如何设置文本第二行的文字多余部分变为省略号
如果你需要更灵活或跨浏览器的解决方案，你可能需要使用JavaScript来检测文本的高度，并根据需要截断或添加省略号。这通常涉及将文本拆分为多个部分，并逐个添加到元素中，直到达到所需的高度。对于更复杂的文本布局和截断需求，你可能需要使用SVG或Canvas来绘制文本，并使用相应的API来检测和截断文本。这些库通常使用JavaScript和CSS的组合来提供跨浏览器的解决方案。在CSS中，直接设置一个元素中的文本最多有几行并不是原生的功能。但你可以使用一些技巧来实现类似的效果，特别是在固定高度的元素中。
2024-12-01 19:00:00
759
原创 ES6更新的内容中什么是proxy
Proxy是（ECMAScript 2015）中引入的一个新的内置对象，用于定义某些操作的自定义行为（如属性查找、赋值、枚举、调用等）。Proxy可以被看作是一个，它拦截并自定义对象上的基本操作。通过创建一个对象的Proxy，你可以控制对这个对象的访问，包括读取属性、设置属性、枚举属性、等。Proxy处理器对象可以定义零个或多个捕获器（trap），这些捕获器是定义在处理器对象上的特定函数，用于拦截并处理目标对象上的操作。
2024-11-30 23:00:14
299
原创 JS时间戳如何转成yyyy-mm-dd格式时间
如果你的时间戳是以秒为单位的（比如从某些API获取的），你需要先将它乘以1000（毫秒数 = 秒数 * 1000）来转换成毫秒数。// 获取当前时间的时间戳。注意：这个方法假设你的时间戳是以毫秒为单位的，这是JavaScript中。因为月份和日期可能小于10，所以在将它们转换为字符串之后，使用。的时间戳（如果你已经有一个时间戳，可以直接传入该值）。对象，该对象代表了时间戳对应的时间。
2024-11-30 22:59:30
350
原创 input的Checkbox（复选框）属性具体怎么使用
在上面的示例中，用户可以选择他们的爱好。当用户点击“提交”按钮时，只有被选中的Checkbox的值（如"reading"、"music"或"sports"）会被发送到服务器。每个Checkbox都有一个name属性，用于标识该Checkbox所属的组。当用户提交表单时，只有被选中的Checkbox的值会被发送。在HTML中，Checkbox是通过<input type="checkbox">标签创建的。Checkbox还有一个value属性，用于定义当Checkbox被选中时发送的值。
2024-11-20 07:00:00
290
原创 用CSS将文字超出部分变为省略号的方法
文字超出隐藏只是隐藏文字，但是在有些情况下仅仅隐藏文字是不够的，我们需要给用户展示超出的文字信息。css是前端开发中非常重要的技术，对于网页设计和样式的控制起到了非常重要的作用，其中文字超出隐藏变为省略号是css技术中的一项重要技巧。例如，我们可以在CSS中为一个div容器设置overflow:hidden，然后插入很多文字，这些文字就会超出容器的范围，但是却被隐藏起来了，只能看到容器内的一部分文字。这就实现了文字的超出隐藏。当页面中的文字超出一定范围时，有时需要将其隐藏起来，只显示一部分文字。
2024-11-18 21:49:09
232
原创 单页面应用和多页面应用区别及优缺点
综上所述，单页面应用和多页面应用各有其优缺点，选择哪种应用方式需要根据项目的具体需求、开发团队的实际情况以及目标用户的使用习惯等因素进行综合考虑。单页面应用：只有一个HTML页面，通过JavaScript动态更新页面内容，实现页面的“跳转”实际上是局部资源的刷新，而非整页刷新。多页面应用：由多个独立的页面组成，每个页面都需要加载完整的HTML、CSS和JS等资源。页面跳转时，整个页面会重新加载。单页面应用：由于不需要重新加载整个页面，减少了白屏现象和页面切换时的等待时间，提高了用户体验。
2024-11-17 21:35:53
245
原创 什么是渐进式框架
例如，在Web开发中，常见的渐进式框架包括Vue.js、React.js和Angular等，它们允许开发人员构建跨平台的应用程序，并可以轻松地部署到不同的设备和操作系统上。渐进式框架（Incremental Framework）是一种软件开发过程中的架构设计方法，它强调将整个软件系统划分为一系列较小的、可独立开发和测试的组件，逐步构建和扩展整个系统，以满足不断变化的需求。渐进式框架是一种灵活、高效、适应性强的软件开发方法，它通过迭代和增量开发的方式逐步完善和扩展系统，以满足不断变化的需求。
2024-11-17 21:35:03
220
原创 什么是封装？为什么要封装？
封装主要指的是将数据（属性）和对这些数据的操作（方法）组合在一个单元中（我们称之为“类”），并对外部隐藏实现细节，仅对外公开接口（方法/函数），以控制在程序中属性的读和修改的访问级别。具体来说，封装就是将抽象得到的数据和行为（或功能）相结合，形成一个有机的整体，即将数据与操作数据的源代码进行有机结合，形成类，其中数据和函数都是类的成员。对于电子封装而言，封装后的芯片也更便于安装和运输。综上所述，封装在编程和电子领域都是至关重要的概念，它不仅提高了程序的安全性和可维护性，还推动了技术的进步和产品的创新。
2024-11-17 21:33:48
361
原创 什么是symbol?
使用Symbol()函数来创建Symbol值，可以传递一个可选的字符串参数作为描述（description），但这个描述并不会影响Symbol值的唯一性。综上所述，ES6中的Symbol是一种独一无二且不可变的基本数据类型，主要用于解决命名冲突问题，并提供了一种新的方式来定义对象的属性名。由于每个Symbol都是唯一的，因此可以作为对象的属性名，用于定义对象的非字符串类型的属性，从而避免属性名冲突。在使用迭代器时，可以使用Symbol.iterator作为对象的属性名，来定义迭代器的行为。
2024-11-17 21:32:45
217
原创 JS都有哪些操作数组的方法
JavaScript 中操作数组的方法非常丰富，这些方法大致可以分为几类：创建和初始化数组、添加元素、删除元素、遍历数组、搜索元素、数组排序、数组映射和过滤等。以下是一些常用的数组操作方法：1. 创建和初始化数组Array()：创建一个空数组，或者根据提供的参数创建一个具有特定长度或特定元素的数组。Array.of()：创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。Array.from()：从类似数组或可迭代的对象中创建一个新的浅拷贝数组实例。2. 添加元素push()：在数
2024-11-08 10:30:00
238
原创 JS中const有没有变量提升
在JavaScript中，const 关键字用于声明一个只读的常量，其值在初始化后不能被重新赋值。关于变量提升（Hoisting），它是JavaScript中一个重要的概念，指的是无论变量或函数声明在何处，它们都会被“提升”到其所在作用域的最顶部。但是，这个规则不完全适用于const和let声明的变量。变量提升（Hoisting）的传统理解在ES6之前，JavaScript只有var关键字用于声明变量。
2024-11-08 06:00:00
135
原创 JS中数组的方法flat()怎么用
flat()方法在 JavaScript 中用于创建一个新数组，这个新数组是将原数组中的所有子数组元素递归地连接到一起形成的。你可以指定一个深度（depth）参数，它决定了递归的层数。如果不指定深度，默认深度为 1。
2024-11-07 20:01:40
115
原创 宝塔怎么弄https证书
如果是Apache环境，可能需要将证书文件和私钥文件（以及可能的中间证书）上传到服务器的特定目录，并在Apache的配置文件中指定这些文件的路径。如果是Nginx环境，你需要将证书文件和私钥文件分别粘贴到相应的输入框中（通常是“证书”和“私钥”输入框）。如果你使用的是CDN服务，并且希望CDN也支持HTTPS，你还需要在CDN控制台中配置SSL证书。进入网站管理：在宝塔面板中，找到并点击“网站”菜单，然后选择你要配置SSL证书的网站。证书文件（.crt或.pem）：这是你的SSL证书文件。
2024-11-07 19:58:38
235
原创 在js中get和post的区别
POST请求用于向服务器发送数据。它通过HTTP请求体发送数据，数据不会在URL中显示。POST请求适用于提交表单数据、上传文件等需要向服务器发送数据的操作。GET请求用于从服务器请求数据。它通过URL发送数据，数据附加在URL的末尾，并且数据在URL中可见。GET请求适用于读取数据，例如获取API的响应。在JavaScript中，GET和POST是两种常见的HTTP请求方法，它们的主要区别在于数据传输和用途。以下是这两种方法的详细代码示例。
2024-11-01 21:45:00
199
原创 如何把input复选框如何变成好看的圆形
在HTML和CSS中，默认的<input type="checkbox">元素通常呈现为一个小方块。要将复选框变为圆形，你需要使用CSS来自定义其样式。这通常涉及到隐藏默认的复选框并使用伪元素（如::before或::after）来创建一个新的圆形外观。类包装了复选框和相关的标签。伪元素来在复选框被选中时显示一个小的白色圆形。被设置为0，以便隐藏它。类来创建一个圆形的背景，并使用。
2024-10-31 20:58:11
160
原创 Event（事件）的简单使用
事件对象按用途分为两种：通知型和同步型。通知型的作用相当于一对多，一个线程可以通过通知型事件告诉多个其他等待该事件的线程我准备好了，或者类似的作用；而同步型事件则相当于一对一，一个时间点上只有一个线程可以占有该事件对象，其他线程需要等待，从而实现线程间的同步。以下示例，演示了这两种事件对象的使用：三个线程等待通知型事件对象，等到有信号之后，三个线程同步按顺序打印字符数组中的数据，每个线程打印不同类型的字符。Event 事件通常会用来控制同步操作，通俗地说就是一个流程中下一步操作会等待上一步操作结束才开始。
2024-10-28 21:48:34
206
原创 在js中get和post的区别
POST请求用于向服务器发送数据。它通过HTTP请求体发送数据，数据不会在URL中显示。POST请求适用于提交表单数据、上传文件等需要向服务器发送数据的操作。GET请求用于从服务器请求数据。它通过URL发送数据，数据附加在URL的末尾，并且数据在URL中可见。GET请求适用于读取数据，例如获取API的响应。在JavaScript中，GET和POST是两种常见的HTTP请求方法，它们的主要区别在于数据传输和用途。以下是这两种方法的详细代码示例。
2024-10-25 11:30:00
379
原创 Ajax都有哪些优点和缺点？
同时，对于涉及到用户数据安全和隐私的Web应用程序，需要特别关注安全性问题，并采取相应的措施来保护用户数据的安全。改善用户体验：AJAX允许在不刷新整个页面的情况下，与服务器进行数据交换和更新，这使得页面可以局部地更新，而不是整体刷新。这可能会对用户体验产生负面影响1。对搜索引擎的不友好：由于AJAX生成的页面内容不是全部在服务器端渲染，搜索引擎爬虫可能无法获取完整的页面内容，从而影响网页的排名和SEO优化136。节省带宽：基于AJAX的应用程序使用较少的服务器带宽，因为无需重新加载完整的页面45。
2024-10-24 17:00:00
194
原创 内置对象的讲解和使用
内置对象通常指的是编程语言中预定义或内建的特定对象或数据类型，这些对象或数据类型在程序中可以直接使用，而不需要用户自己创建。实际上，不同的编程语言都有其特定的内置对象和功能，需要根据具体的编程环境和需求来学习和使用。Python中的数据类型如int, float, str, list, tuple, dict, set等也是内置对象。Python有很多内置函数，如print(), len(), type(), int(), float()等。所有全局变量和函数都是这个对象的属性和方法。
2024-10-23 21:46:22
198
原创 什么是原型，有什么用？
原型是JavaScript实现继承的基础，它构成了JavaScript中对象之间的链式关系。1. **属性和方法的继承**：当我们访问对象的属性或方法时，如果该对象本身没有这个属性或方法，JavaScript会沿着原型链向上查找，直到找到对应的属性或方法。3. **构造函数与实例**：在JavaScript中，构造函数的`prototype`属性指向了一个对象，这个对象就是实例的原型。4. **动态性**：可以通过修改原型对象，动态地为已存在的对象添加新的属性和方法，这对于类似继承和扩展的需求非常有用。
2024-10-23 21:45:09
128
原创 JavaScript 地址信息与页面跳转
在JavaScript中，处理地址信息和页面跳转通常涉及到两种主要的技术：使用window.location对象和创建超链接（<a>标签）。window.location.protocol：返回URL的协议部分（如 "http:" 或 "https:"）。window.location.hash：返回URL中#符号后面的部分（通常用于页面内的导航）。使用 window.location.href 进行页面跳转是最常见和直接的方法。window.location.href：返回完整的URL。
2024-10-20 20:13:45
345
原创 对比state和props的区别？
作用范围：state是私有的，只属于创建它的组件，不能在组件之间共享（除非通过提升状态到共同的父组件或使用React Context等高级特性）。当父组件的props发生变化时，React会将新的props传递给子组件，并触发子组件的重新渲染（如果子组件的props是其渲染输出的依赖之一）。来源：state是由组件自身创建和管理的，通常在组件的构造函数（constructor）或类组件的初始化阶段设置。来源：props的值来源于父组件，是父组件在调用子组件时传递给子组件的。3. 作用范围与用途。
2024-10-20 20:12:20
346
原创 JavaScript 错误处理与调试
try 代码块中的代码将被执行，如果出现错误，catch 代码块中的代码将被执行，从而捕获并处理错误。使用这些方法和工具，我们可以更快地定位和解决 JavaScript 代码中的错误，提高开发效率和代码质量。在 JavaScript 中处理错误是非常重要的，因为它可以帮助我们找到和修复代码中的问题，提高应用程序的稳定性和性能。浏览器开发者工具提供了强大的调试功能，可以帮助我们定位和解决 JavaScript 代码中的错误。单步执行：可以逐行执行代码，以帮助我们了解代码的执行流程。
2024-10-19 21:02:23
267
原创 JS都有哪些操作数组的方法
slice()：返回一个新的数组对象，这一对象是一个由 begin 到 end（不包括 end）的浅拷贝的原数组的片段。flat()：按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。map()：如之前所述，用于创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。Array()：创建一个空数组，或者根据提供的参数创建一个具有特定长度或特定元素的数组。map()：创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。
2024-10-13 15:00:00
308
原创 JS如何把身份证处理成中间几位变成*号呢
在这个例子中，slice(0, 6)用于获取身份证号码的前6位，'*'.repeat(8)用于生成8个星号以替换中间8位，slice(14)用于获取身份证号码的后4位。最后，使用+操作符将这三部分拼接起来，形成新的、中间部分被星号替换的身份证号码字符串。如果处理的是其他长度的身份证号码（如旧版的15位身份证号码），你可能需要调整slice()方法的参数来适应不同的长度。在JavaScript中，如果你想将一个身份证号码（假设为18位）的中间几位替换成星号（*），你可以使用字符串的。
2024-10-13 12:00:00
233
原创 JS中数组的方法flat()怎么用
flat()方法在 JavaScript 中用于创建一个新数组，这个新数组是将原数组中的所有子数组元素递归地连接到一起形成的。你可以指定一个深度（depth）参数，它决定了递归的层数。如果不指定深度，默认深度为 1。
2024-10-12 20:06:25
171
原创 JavaScript高级——ES6基础入门
前言ES6（ECMAScript 6），也被称为ES2015，是JavaScript的第六个版本.它于2015年发布，并在现代JavaScript开发中扮演了重要的角色.学习方法:看千遍，不如自己动手写一遍遇到问题不要怕，微笑着面对它记笔记let 和 constconst和let是在ES6中引入的两个新的变量声明关键字，用于声明变量的作用域。const：const用于声明一个常量，其值在声明后不能被修改。常量必须在声明时进行初始化，而且不能再次赋值。
2024-10-12 20:04:25
925
原创 JavaScript 浏览器控制台的使用
输出调试信息：你可以使用console对象的一系列方法来输出调试信息，如console.log()、console.error()、console.warn()等。查看变量的值：在控制台中，你可以通过直接输入变量名来查看变量的值。错误和警告追踪：当代码中出现错误或警告时，浏览器会在控制台中显示相应的错误或警告信息，同时提供代码的错误追踪信息，以帮助你找到问题所在。打开浏览器控制台：一般情况下，你可以通过右键点击网页并选择"检查"或者"审查元素"来打开开发者工具，在其中找到"控制台"选项卡。
2024-10-11 08:00:00
335
原创 JavaScript 与 HTML 的结合
script> 标签：可以在 HTML 页面的 <script> 标签中嵌入 JavaScript 代码。可以放置在 <head> 或 <body> 中，但一般推荐将 JavaScript 代码放在页面的末尾，这样可以确保 JavaScript 代码在页面加载完成后才执行。无论是哪种方式，JavaScript 代码可以通过操作 HTML 元素的属性和内容来改变网页的外观和行为。例如，可以在按钮的 onclick 属性中添加 JavaScript 代码来定义按钮被点击时要执行的操作。
2024-10-11 07:15:00
352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人