剛剛最帥-CSDN博客

原创 Vue3 的 Composition API 编写的echarts饼图分页展示pie

语法糖，它是 Vue 3 中引入的，用于简化组件的编写。我定义了响应式引用（生命周期钩子分别用于在组件挂载时初始化图表和在组件销毁前清理资源。）来存储数据、分页逻辑和图表容器的 DOM 引用。中显式地定义组件的选项或方法，它们会自动从。在这个vue 页面中，我使用了。函数用于根据当前页码更新图表，函数用于处理分页逻辑。请注意，由于我使用了。

2024-07-25 11:25:33 207 1

原创微信小程序获取头像和昵称

在微信小程序中，获取用户的头像和昵称通常需要用户授权。从微信小程序的版本更新来看，获取用户信息的方式有所变化，特别是从微信官方加强对用户隐私保护的角度出发，现在更多地依赖于用户主动触发授权。

2024-07-23 17:21:48 348 1

组件。这个组件提供了丰富的属性（如、、等）和插槽（如、等），允许你灵活地实现文件上传功能。以下是一个基本的文件上传案例，包括前端代码和假设的后端接口说明。首先，确保你的项目中已经安装了 Vue.js 和 Element UI。后端接口说明（假设）虽然前端代码已经给出，但这里简要说明一下后端接口应该如何设计，以便与前端配合。接口URL：本例中使用了作为示例，实际开发中，你需要替换成你自己的文件上传接口URL。请求方法：通常文件上传使用方法。请求体：文件内容会作为请求体的一部分发送。E

2024-07-19 15:25:29 127

原创前端实现轮播图的几种效果

对于复杂的项目，使用像Swiper、Slick这样的JavaScript库或Vue、React中的轮播图组件会更加方便和高效。这些库和组件通常提供了丰富的配置项和API，可以轻松实现各种轮播效果，包括自动播放、循环播放、响应式设计等。虽然纯CSS实现轮播图功能有限，但它不需要JavaScript，对于一些简单的轮播需求来说足够了。如果你需要更复杂的轮播效果（如指示器、按钮控制等），则可能需要结合JavaScript来实现。每种方法都有其适用场景，你可以根据自己的需求和项目环境来选择最适合的实现方式。

2024-07-18 10:05:33 184

原创前端，上传文件，和图片的几种方法

组件已经封装了文件上传的大部分逻辑，包括发送请求到服务器、处理响应等。用法可能需要根据你安装的版本和具体需求进行调整。首先，确保你已经安装了Element UI。注意：Element UI的。请注意，上述示例中的。

2024-07-16 11:00:34 125

原创 js 常见的几种函数，简单详解

Object.values()：返回一个给定对象自身的所有可枚举属性值的数组，其排列与使用for...in循环遍历该对象时返回的属性值的顺序一致（区别在于for-in循环还会枚举原型链中的属性）。：返回一个由一个给定对象的自身属性的键组成的数组，数组中属性键的排列顺序和使用for...in循环遍历该对象时返回的顺序一致（两者的主要区别是for-in循环还会枚举其原型链上的属性）。：创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。：对数组的每个元素执行一次提供的函数。

2024-07-15 14:21:01 352

原创前端的几种跨域，及解决方式

代理跨域是通过在客户端和服务器之间设置一个代理服务器，将跨域请求通过代理服务器转发到目标服务器。WebSocket 是一种基于 TCP 的全双工通信协议，它允许客户端和服务器之间建立持久的连接，并进行实时的双向数据传输。通过 WebSocket，可以绕过浏览器的同源策略限制，实现跨域通信。服务器端需要将响应的数据以函数调用的形式返回，客户端通过定义对应的回调函数来接收数据。CORS 是一种基于 HTTP 头的跨域访问控制机制，它允许服务器明确地允许来自其他源的请求。方法发送消息，并指定目标窗口的源。

2024-07-15 14:15:33 374

原创前端调用后端接口时，HTTP协议提供了多种请求方式

GET请求用于请求服务器发送资源。POST请求的数据不会附加在URL之后，而是作为请求体（body）发送给服务器。：PUT请求用于向服务器上传资源或更新资源。如果指定的资源不存在，服务器可能会根据请求创建新的资源；它主要用于CORS（跨源资源共享）预检请求，以检查实际请求是否可以被服务器接受。与PUT请求不同，PATCH请求只包含需要修改的资源字段，而不是整个资源。：HEAD请求与GET请求类似，但它只请求资源的响应头，而不请求资源本身的内容。：DELETE请求用于请求服务器删除指定的资源。

2024-07-15 14:14:43 355

weixin_60631847的博客