- 博客(26)
- 收藏
- 关注
RSS订阅原创 Promise
是一种用于处理异步操作的对象，它代表了某个操作最终的完成（成功）或失败，并返回结果。Promise 提供了比传统的回调函数（callback）更优雅的方式来处理异步操作，避免了回调地狱的问题。：无论 Promise 成功还是失败，都会执行。：用于处理 Promise 成功的情况。：用于处理 Promise 失败的情况。：初始状态，既没有成功也没有失败。在 JavaScript 中，
2024-09-29 16:41:27
520
原创 css动画案例（附代码）
这些 CSS 动画示例展示了不同风格的加载效果，包括旋转、跳动、条形动画和渐变动画。你可以根据你的设计需求调整颜色、大小、动画时长等参数，以创建符合你应用风格的加载动画。一个由条形组成的加载动画，条形依次从左到右移动。）讲述了css动画的基本，现在实现几个小案例。由三个点组成的加载动画，点点依次跳动。一个带有渐变背景色的加载动画。一个经典的旋转圆圈加载动画。
2024-09-18 17:50:57
1183
原创 css动画
通过使用 @keyframes，我们可以详细描述元素在动画过程中不同时间点的状态变化，并通过 animation 属性来应用这些动画。指定动画的播放次数，可以是一个具体的数字，也可以是 infinite，表示无限循环。定义动画的关键帧，指定在动画的各个时间点（百分比）元素的样式。控制动画的速度曲线，决定动画在不同时间段的速度变化。动画的持续时间，表示动画从开始到结束所需的时间。• both：在开始前和结束后都保持动画状态。控制动画的播放状态，通常用于暂停和恢复动画。指定动画在开始前或结束后，元素的状态。
2024-09-18 17:22:09
747
原创 前端分段式渲染较长文章
使用 setInterval 或 setTimeout 来控制段落的逐步渲染。：将文章按一定的字符或段落长度分割，然后逐步将这些段落追加到页面上。
2024-09-18 15:32:46
969
原创 JS实现字母大小写转换（附代码）
点击该按钮后，inputA 中的值将变为首字母大写，其他字母变为小写，结果显示在 inputB 中。：点击该按钮后，inputB 中的值将被复制到剪贴板，并弹出一个提示框显示复制的内容。：点击该按钮后，inputA 中的值将转换为大写，并显示在 inputB 中。：点击该按钮后，inputA 中的值将转换为小写，并显示在 inputB 中。
2024-09-12 16:22:05
1776
原创 常见图片格式区别
• 支持24位颜色（约1600万色），适合照片、复杂颜色渐变的图像。：需要透明背景的图像（如图标、Logo）、高质量图片、网页设计。• 支持透明背景（alpha通道），适合带透明部分的图片。• 支持透明色，但不支持半透明（只能是全透明或不透明）。• 文件体积通常较小，特别适合图标、Logo、图形设计。适合图标、Logo等矢量图，放大不失真，适合网页设计。• 颜色数量有限（仅支持256色），不适合复杂的图像。• 矢量图，放大或缩小不会失真，图像质量始终清晰。适合照片或复杂色彩渐变的图片，文件小但质量有损。
2024-09-11 16:02:49
1244
原创 前端图片转Base64编码
按钮点击时，利用 navigator.clipboard.writeText() 复制 Base64 编码到剪贴板。在前端将图片转为 Base64 编码，通常会通过使用 JavaScript 的 FileReader 对象。：在页面中添加了一个按钮，当图片被加载并生成 Base64 编码后，按钮会显示出来。3. 读取完成后，图片通过 img 标签预览，Base64 编码会显示在页面上。2. FileReader 对象读取图片，并将其转为 Base64 编码。：成功复制后会弹出提示，告知用户复制成功。
2024-09-09 11:43:41
1483
原创 JS常用数组循环方法
尽管 for...in 主要用于遍历对象的属性，但在特殊情况下也可以用于遍历数组的索引。: 在遍历数组时会遍历所有可枚举属性，包括继承的属性，不建议在数组遍历中使用。: 可完全控制循环的开始和结束，适用于需要遍历部分数组或进行复杂逻辑的场景。用于遍历数组并基于某些条件过滤数组，返回一个新的数组。用于遍历数组并返回一个新的数组，通常用于转换数据。: 如果不需要返回新数组，仅用于遍历则不合适。: 同样，如果不需要过滤，仅用于遍历则不合适。数组的内置方法，用于遍历数组中的每个元素。
2024-09-04 16:22:06
654
原创 react常用 Hooks
React Hooks 使得函数组件能够实现与类组件相同的功能，提供了更简单的 API 和更强大的功能。通过 useState、useEffect、useContext、useReducer、useMemo 和 useCallback 等 Hooks，你可以在函数组件中管理状态、处理副作用、使用上下文等，构建更复杂和高效的 React 应用。React Hooks 是 React 16.8 引入的一项功能，它允许你在函数组件中使用状态和其他 React 特性，而不需要编写类组件。• 缓存的计算结果。
2024-08-30 17:58:41
1217
原创 JS冒泡排序
它的基本思想是重复地遍历要排序的列表，依次比较相邻的两个元素，如果它们的顺序错误就交换它们的位置。冒泡排序的名字来源于较大的元素会“冒泡”到列表的最后。如果没有发生交换，说明数组已经有序，可以提前结束排序，避免不必要的遍历。因为每次遍历之后，最大的元素已经确定，所以内层循环的范围可以逐渐减少。: 使用 ES6 的解构赋值语法 [arr[j], arr[j + 1]] = [arr[j + 1], arr[j]] 来交换两个元素。: 逐个比较相邻的两个元素。如果前一个元素大于后一个元素，则交换它们的位置。
2024-08-30 16:06:53
369
原创 JS中的class
在这个例子中，Dog 类继承了 Animal 类，并且重写了 speak() 方法。在这个例子中，#socialSecurityNumber 是一个私有字段，不能在类的外部直接访问，只能通过类内部的方法访问。私有字段和方法只能在类的内部访问，外部无法直接访问。使用 class 关键字定义一个类，类中通常包含构造函数 (constructor)，以及其他方法和属性。class 关键字也支持继承，允许一个类继承另一个类的属性和方法。使用 static 关键字定义静态方法，静态方法属于类本身，而不是类的实例。
2024-08-29 14:50:15
598
原创 scss和less
SCSS 和 LESS 是两种流行的 CSS 预处理器，用于编写更简洁、更可维护的 CSS 代码。: LESS 的语法与 CSS 也非常相似，但使用了不同的方式来实现一些功能，例如变量和嵌套。LESS 同样支持变量、嵌套规则、混合、函数等功能。: SCSS ，类似于标准的 CSS。它支持嵌套规则、变量、混合（mixins）、继承等高级功能。: 使用 mixin 时的语法与 SCSS 类似，但声明方式不同。: 允许嵌套选择器，类似于 SCSS，但没有&选择器符号。: 支持嵌套选择器，层次结构更加清晰。
2024-08-28 10:23:45
298
原创 js常用事件（2）
当表单元素的值发生变化时触发（例如选择菜单、复选框）。: 当元素或选择的文本被拖到有效的放置目标上方时触发。: 当用户在输入框中输入时持续触发。: 当浏览器窗口大小发生变化时触发。: 当拖动的元素或文本被放置时触发。: 当元素获得或失去焦点时触发。: 当页面或元素滚动时触发。: 当用户提交表单时触发。: 当页面完全加载时触发。: 当拖动操作开始时触发。: 当拖动操作结束时触发。
2024-08-27 15:41:56
386
原创 js常用事件（1）
JavaScript 中有许多常用的事件，广泛应用于网页交互和动态功能的实现。以下是一些常用的 JavaScript 事件分类及其示例。: 当用户按下键盘上的任意键时触发。: 当用户释放键盘上的任意键时触发。: 当鼠标在元素上移动时持续触发。: 当鼠标指针移到元素上时触发。: 当鼠标指针移出元素时触发。: 当鼠标按下或松开时触发。: 当用户点击元素时触发。: 当用户双击元素时触发。
2024-08-27 15:39:18
272
原创 JS放大镜效果（附源码）
这个效果展示了一个电商网站上常见的商品图片悬停放大功能。当用户将鼠标悬停在商品图片上时，图片旁边会弹出一个放大的细节框，显示商品的放大区域。用户可以通过移动鼠标来查看商品的更多细节，放大的图片会根据鼠标的位置实时更新，从而实现一个互动性强且直观的商品细节预览效果。这个功能可以帮助用户更好地了解商品的质地、材质等细节，从而提升购物体验。
2024-08-24 21:48:08
589
原创 ES6新特性
ES6（ECMAScript 2015）引入了一些非常有用的特性和语法改进，使得JavaScript变得更加简洁和强大。let 和 constlet: 用于声明变量，具有块级作用域。const: 用于声明常量，具有块级作用域，一旦赋值不可再修改。
2024-08-23 10:24:10
611
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人