自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 JQuery的基本使用

jQuery 是一个快速、小巧且功能强大的 JavaScript 库,它使得 HTML 文档的遍历和操作、事件处理、动画和 Ajax 交互变得简单。以下是 jQuery 的基本使用,包括常见的操作和示例。

2024-10-14 16:21:16 432

原创 浏览器对象属性

浏览器对象的属性指的是可以在浏览器中操作和控制的内容。这些属性允许你通过代码与浏览器交互。JavaScript 中的 window 对象是浏览器的全局对象,提供了许多浏览器相关的属性和方法。

2024-10-10 13:02:14 513

原创 重叠图片的滑动

Vue中实现图片滑动前后效果对比。

2024-09-30 13:30:43 258

原创 大文件上传

先介绍文件上传背景例如:某某Ai产品,需要涉及到用户的自定义模型(1G以上)将大文件切成多个小块(chunk),分别上传到服务器。服务端负责将这些小块重新组装成完整的文件。FileReaderAPI、BlobAPI 和FormData。axiosaxios使用axios示例:使用axios。

2024-09-24 11:13:44 786

原创 Vue Router

首先,在应用中定义 URL 路径与组件之间的关系。path(路径)和component(组件)。routes,})

2024-09-18 15:59:15 905

原创 Gsap的简单使用

首先,你需要在项目中安装 GSAP。钩子来执行动画,因为此时 DOM 已经渲染完毕。在 Vue 组件中,你可以通过。也可以通过一些函数进行使用。

2024-09-13 13:10:07 507

原创 http请求携带的常用参数

HTTP 请求中可以携带各种参数,这些参数通常用于提供附加信息或控制请求的行为。:POST、PUT、PATCH 请求中,数据包含在请求体中,而不是 URL。这些参数和数据格式根据请求的目的和需要的具体功能来选择和使用。:传递简单的键值对参数,常用于筛选、搜索、分页等。:用于指定请求的详细信息,例如搜索条件、分页等。:可以是不同的格式,如 JSON、表单数据(:URL 的路径部分,通常用冒号。是路径参数,表示用户的 ID。:用于指定资源的具体标识。,数据以键值对形式提交。:在请求的头部部分。

2024-09-12 14:32:42 676

原创 promise

回调函数也会在 JavaScript 的事件循环的下一轮中执行。这是为了确保所有同步代码执行完毕后,再处理异步任务。回调函数内的代码看似同步,实际上会被推入事件队列,等待主线程的同步代码执行完后再运行。是一个用于处理异步操作的对象,允许你将回调函数从代码中分离出来并通过链式调用。的组合,开发者可以更优雅地处理复杂的异步任务,并避免回调地狱。方法返回的仍然是一个新的 Promise,因此可以链式调用。方法让 Promise 状态变为。方法用于处理 Promise 被。Promise 的状态一旦从。

2024-09-09 10:24:38 365

原创 vue中常用的修饰符

stop:阻止事件冒泡:阻止默认行为:使用捕获模式:仅在元素本身触发事件:事件只触发一次:提升性能,不阻止默认行为。

2024-09-06 14:30:55 681

原创 TS命令行编译和自动化编译

要把.ts文件编译为.js文件,需要配置TypeScript的编译环境,打开tscconfig.json配置适配JS版本,严格模式配置。使用watch命令监听某个ts文件即可自动化编译。第二步:全局安装TypeScript。ts是静态检查,无需运行就会警示。第三步:使用命令编译.ts文件。如果需要监视整个项目的文件。

2024-09-05 13:37:12 402

原创 防抖debounce示例

2.鼠标每次滑动都先判断是否有了定时器,如果有先清除以前的定时器。核心思路:防抖的核心就是利用定时器(setTimeout)实现。3.如果没有则开启定时器,记得存到变量里面。4.在定时器里面调用要执行的函数。示例:鼠标滑过盒子实现计数加1。

2024-09-04 12:05:29 226

原创 JS原型继承

在 JavaScript 中,每个对象都有一个关联的内部属性,称为。这个是另一个对象,如果在当前对象中没有找到某个属性或方法,JavaScript 会在其对象中查找。这个链式的继承关系被称为原型链(prototype chain)。

2024-09-03 16:06:11 737

原创 Js的内置对象

JavaScript内部提供的对象,包含各种属性和方法给开发者调用例如:document.write()、console.log()这些内置对象为 JavaScript 提供了丰富的功能,帮助开发者更方便地进行数据处理、错误处理、集合管理、异步编程等多种操作。

2024-09-03 11:25:44 607

原创 常用的webapi

JavaScript Web API 是一组浏览器提供的接口,用于与浏览器和设备进行交互。它们使得 JavaScript 可以实现一些浏览器内置的功能,比如操作 DOM、发送 HTTP 请求、存储数据等。这些 API 提供了丰富的功能来提升 Web 应用的用户体验。熟悉并利用这些 API 可以帮助你构建功能强大且用户友好的应用程序。用于发起网络请求,替代传统的 XMLHttpRequest。用于读取和处理用户上传的文件。用于建立与服务器的双向通信。用于向用户显示通知。用于读写剪贴板内容。

2024-09-02 14:45:06 1117

原创 map基本使用

map()方法用于创建一个新数组,其结果是该数组中的每个元素是调用一次提供的函数后的返回值。map()不会改变原数组,它返回一个新数组。

2024-07-29 15:29:53 189

原创 手写实现call

手写call的思路过程。

2024-07-04 12:25:48 122

原创 localStorage

是一个 Web API,用于在用户的浏览器中存储键值对数据。与不同的是,中的数据没有过期时间,即使关闭浏览器后数据仍然存在,直到手动删除或清除浏览器数据为止。以下是。

2024-06-21 11:33:46 757

原创 电脑连接热点但是访问浏览器无网络

本文章只是日常使用电脑遇到的一些网络小问题,纯分享

2024-03-22 23:27:17 697 1

原创 手写实现bind

方法内部,我们保存了原始函数的引用,并返回一个新的函数,该函数在调用时会将指定的上下文绑定到原始函数,并且可以传递参数。方法的关键在于理解它的功能以及如何创建一个新的函数,该函数会在调用时将指定的上下文绑定到原始函数,并可以传递参数。下面是一个使用 JavaScript 实现。方法,将一个对象作为上下文绑定到。函数上,然后调用绑定后的函数。在上面的示例中,我们通过扩展。

2024-03-05 21:33:29 424 1

原创 前端面试题

一些通用的面试题

2024-02-29 17:23:11 348 1

原创 route笔记

当你配置props为true的时候,你给路由配置了params属性,在你需要使用的页面只需要使用definProps函数基于可以。命名路由的跳转(第一种:string字符串跳转,第二种:对象的方式通过name跳转,第三种:对象的方式通过path跳转)history:createWebHashHistory(),//history模式。history:createWebHistory(),//history模式。路由的一般进入模式为push进入,可以在浏览器的history中前进或者后退。

2024-01-09 16:06:59 334

原创 记录一些element-puls错误操作产生的bug

element-puls的主题色问题

2024-01-06 21:57:01 541 1

原创 回流和重绘

当 DOM 的结构或样式发生改变时,浏览器需要重新计算元素的几何属性(例如位置、大小)和布局(包括其他相关元素的位置和大小),这个过程称为回流。:当元素的样式发生改变时,但不影响其几何属性和布局时,浏览器只需重新绘制(重绘)这些元素,而无需重新计算它们的几何属性和布局。简而言之,回流是指对元素进行重新计算布局的过程,而重绘是指只需重新绘制元素的外观而无需重新计算布局的过程。总之,在开发过程中,要尽量减少回流和重绘的触发次数,以优化页面性能和用户体验。由于回流比重绘的开销更大,因此应尽量减少回流的触发。

2023-12-27 11:17:07 441 1

原创 css元素居中

使用表格布局:将父容器设置为 display: table;,并将元素设置为 display: table-cell;使用 Flexbox 布局:对于没有固定宽高的元素,可以将父容器设置为 display: flex;使用绝对定位和 transform 属性:将元素的位置设置为绝对定位,并使用 transform 属性来居中。使用 Flexbox 布局:将父容器设置为 display: flex;使用绝对定位和负边距:将元素的位置设置为绝对定位,并且使用负边距将其居中。元素水平垂直居中的方法有哪些?

2023-12-26 14:36:21 398 1

原创 小兔鲜学习笔记

小兔儿鲜VUE3项目

2023-12-25 18:23:11 2967

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除