- 博客(14)
- 收藏
- 关注
RSS订阅原创 2023-08-05 00:00:00 vue2只要2023-08-05 日期
如果你使用 Vue 2 并希望只获取日期部分（即 “2023-08-05”）而不包括时间部分，可以使用 JavaScript 中的日期相关的方法来实现。方法将日期对象转换为符合 ISO 8601 格式的字符串，例如 “2023-08-05T00:00:00.000Z”。你可以将这段代码应用到你的 Vue 2 项目中，根据需要修改变量名和日期字符串的来源。将字符串按 “T” 字符分割，然后取分割后的第一个部分，即日期部分。以下是一种方法，可以将包含日期和时间的字符串转换为仅包含日期的字符串。
2023-08-05 22:16:42
202
1
原创 echarts
在图表配置中，我们设置了图表的标题、x 轴和 y 轴的类型和数据，以及一个数据系列（series），其中包括数据和图表的类型（line 表示折线图）。最后，我们通过调用 echarts.init() 方法创建一个图表实例，将其绑定到 HTML 容器上，并设置图表实例的配置项。它支持多种图表类型（如折线图、柱状图、散点图、饼图等），交互式特性（如缩放、拖拽、悬停提示）、动画效果等功能。通过 Echarts，我们可以轻松创建符合美观和交互性的图表，并且提供了许多可定制项，以满足不同需求的应用场景。
2023-06-08 15:03:09
128
原创 vue3 写一个高级搜索的组件
以上是在 Vue3 中创建一个简单的高级搜索组件的基本步骤。根据表单字段的类型定义相应的表单组件，在组件中输入绑定和事件响应逻辑。在 Vue3 项目中，可以通过单文件组件的方式创建一个高级搜索组件，例如在。在父组件中定义高级搜索表单的字段配置和表单值，通过。方法来处理表单的提交动作。事件将表单值作为参数传递出去。属性用来定义表单字段的配置，循环渲染每个表单字段，使用。标签动态加载相应的表单组件。属性用来定义表单的默认值。指令绑定表单值，使用。当表单被提交时，会触发。双向绑定表单值，通过。
2023-05-25 18:05:09
947
2
原创 Vue3 中如何配置 Pina 持久化存储
以上是在 Vue3 中配置 Pina 持久化存储的基本步骤。请注意，这只是一个简单的示例，您可以根据您的实际需要进行更改和扩展。通过上述配置后，您就可以在 Vue3 中使用 Pina 的持久化存储功能了。为了提高可维护性，可以为 Pina 创建一个插件。函数实现了持久化存储。在上述代码中，我们创建了一个。
2023-05-25 18:00:50
732
1
原创 前端配置环境
npm 是 Node.js 自带的默认软件包管理器，而 yarn 则是 Facebook 开源的 JavaScript 包管理器，在使用这些工具的时候，需要先通过 npm 或 yarn 安装对应的依赖包。在进行前端开发时，常用的一些工具（如 Vue、React、Webpack 等）都需要依赖于 Node.js 环境。调试工具可以辅助我们在开发中解决 Bug 和问题，常用的调试工具有 Chrome 开发者工具、Firefox 开发者工具、Safari 开发者工具 等，选择一种常用的调试工具学习使用。
2023-05-25 17:55:44
4471
原创 vue动态路由
动态路由是指通过占位符来匹配动态的URL路径，根据路径的不同来动态的渲染组件。在 Vue 中，我们可以通过vue-router来实现动态路由。在上面的代码中，我们定义了两个路由，和/blog/:id。其中，/blog/:id是一个动态路由，id 是一个占位符，表示动态的路径参数。在组件中，我们可以通过在上面的示例中，我们通过获取了动态路由的参数，并将它渲染到模板中。当使用动态路由时，Vue Router 会将匹配到的组件实例化、销毁、重用等操作都进行了优化，从而提高了应用的性能和用户体验。
2023-05-25 17:51:43
957
1
原创 请求拦截器 请求响应器
在使用像 Vue、React 等前端框架进行开发时，我们通常会使用一些类似于 axios、request 等库来进行网络请求。这些库通常都具有拦截器（interceptor）的功能，用于在请求发送前和响应返回后拦截、修改请求或响应的一些相关参数或数据。下面让我们简单介绍一下请求拦截器和响应拦截器的使用方法。
2023-05-25 17:45:03
517
1
原创 vue3封装ajax
是最常用的，我们可以使用它们来封装 Ajax。在之前我们需要导入 jQuery 或其他第三方库来进行 Ajax 请求，但是现在，我们可以使用原生的。表示我们需要传入一个 URL 进行 Ajax 请求。函数进行 Ajax 请求并等待响应，然后我们将响应数据赋值给。如果发生错误，我们可以通过。这些变量会在进行 Ajax 请求时发生变化。，表示我们正在进行 Ajax 请求。访问错误消息，并在需要时显示错误消息。如果出现错误，我们会将错误消息赋值给。作为一个对象返回，以便在组件中调用。在上面的代码中，我们使用了。
2023-05-25 16:58:23
464
1
原创 封装一个Button按钮组件（vue）
此外，我们还在按钮元素上绑定了一个 click 事件，并通过 $emit 方法触发了 Button 组件的 click 事件。在组件的 <template> 中，我们简单地使用了 Button 组件，并传递了一些 props。现在，我们就可以在页面中看到我们封装的共公共按钮组件了。首先，共公共组件有很多种类型，如按钮、表单、对话框等等，因此需要根据具体情况选择封装的组件类型。当然，以上是基础的封装，根据实际项目需求，我们需要在封装组件时根据场景需求，添加更多的 props、方法以及事件等。
2023-05-25 16:40:17
673
1
原创 input框自动聚焦
在书写代码的过程中，当我们进行一些功能操作的时候，会出现自动获取焦点的事件以及需求，多用于，评论、回复、点评等等。这个方法，在这个方法中我们可以直接获取到input框的定位，使用原生focus（）方法来进行实现；
2023-05-18 15:42:26
2642
原创 前端面试题react技术栈
React 上注册的事件最终会绑定在document这个 DOM 上，而不是 React 组件对应的 DOM(减少内存开销就是因为所有的事件都绑定在 document 上，其他节点没有绑定事件)React 自身实现了一套事件冒泡机制，所以这也就是为什么我们 event.stopPropagation()无效的原因。React 通过队列的形式，从触发的组件向父组件回溯，然后调用他们 JSX 中定义的 callbackReact 有一套自己的合成事件 SyntheticEvent。
2023-02-04 21:36:04
347
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人