vue
文章平均质量分 56
vue学习笔记
sg_knight
这个作者很懒,什么都没留下…
展开
-
如何实现服务器主动向客户端推送实时数据
Server-Sent Events(SSE)是一种基于HTTP协议的服务器推送技术,它允许服务器实时向客户端推送数据。相较于传统的轮询方式,SSE更为高效,因为它建立了单向连接,服务器可以在有新数据时直接将数据推送给客户端。这样,当访问前端页面时,你将看到实时更新的消息,这些消息是通过Server-Sent Events从后端推送过来的。通过这个简单的示例,你可以了解如何使用Server-Sent Events在Spring Boot和Vue 3中实现实时数据推送。原创 2024-01-05 13:33:24 · 700 阅读 · 0 评论 -
在Vue.js中使用xlsx组件实现Excel导出
在现代Web应用程序中,数据导出到Excel格式是一项常见的需求。Vue.js是一种流行的JavaScript框架,允许我们构建动态的前端应用程序。本文将介绍如何使用Vue.js和xlsx组件轻松实现Excel数据导出功能。原创 2023-10-24 09:28:13 · 735 阅读 · 0 评论 -
vue.config.js中如何配置分包策略
代码分包是一种将应用的代码按照一定的规则和策略分割成不同的块,然后在需要的时候进行加载的方法。这可以帮助减小初始加载的文件大小,从而提高页面加载速度。Vue 提供了一种配置分包策略的方式,允许您将不同模块、库以及异步加载的代码分割成单独的文件,从而更好地利用浏览器的缓存机制。Vue.js 提供了灵活的分包策略配置选项,使得优化应用的加载性能变得更加简单。通过合理地配置分包策略,您可以将代码分割成更小的块,从而加快页面加载速度,提升用户体验。原创 2023-08-19 09:55:40 · 1415 阅读 · 0 评论 -
vue中如何通过webpack-bundle-analyzer打包分析工具进行配置优化
vue中随着项目的不断功能迭代和开发,项目文件越来越多,项目的打包文件也越来越大。如何对打包文件进行分析优化,减小打包文件大小呢?可以通过webpack-bundle-analyzer 这个打包分析工具进行解决。原创 2023-07-22 10:41:20 · 1401 阅读 · 0 评论 -
如何通过nvm管理多个nodejs版本
随着前端项目的越来越多,不同项目使用的nodejs版本可能不一样,导致在切换不同项目时需要更换不同的nodejs版本,非常麻烦。本次推荐使用nvm进行多个nodejs版本的统一管理。原创 2023-07-19 14:25:01 · 4438 阅读 · 0 评论 -
如何在vue中使用dayjs修改日历组件的星期名称
是一个可选的语言配置选项,用于设置每周的缩写名称。它可以是一个字符串数组,表示一周七天的缩写名称,例如:['日', '一', '二', '三', '四', '五', '六']。在vue中使用日历组件Calendar时,头部的星期默认展示为['日', '一', '二', '三', '四', '五', '六'],如下图所示。设置为上面的示例数组,则日历或日期选择器中每个星期的日历标题将显示为“日”,“一”,“二”等。3、通过解构dayjs.Ls['zh-cn'], 在单独设置weekdaysMin的值。原创 2023-05-13 17:01:21 · 1287 阅读 · 0 评论 -
vue3使用百度地图获取位置信息
本文介绍如何用vue3引入百度地图并使用。引入百度地图有两种方法,一种是全局引入,一种是动态引入。原创 2023-02-16 10:18:52 · 2699 阅读 · 2 评论 -
Taro:自定义日期区间选择器组件
本人介绍如何实现自定义日期区间选择器组件,实现选择开始日期和结束日期的实际范围区间。原创 2022-10-11 11:32:20 · 1273 阅读 · 0 评论 -
yarn安装依赖速度太慢的解决办法
本文介绍如何通过修改配置文件解决yarn安装依赖速度太慢的问题。原创 2022-09-26 09:59:11 · 5362 阅读 · 0 评论 -
Taro:微信小程序通过获取手机号实现一键登录
本文介绍如果通过微信小程序的getPhoneNumber方法获取用户微信绑定的手机号并自动注册登录。原创 2022-09-17 09:46:15 · 4014 阅读 · 0 评论 -
Vue中三种插槽slot使用示例
1、默认插槽子组件Category:// Category.vue<template> <div class="category"> <h3>{{title}}分类</h3> <slot/> </div></template><script> export default { name: 'Category', props: ['title'], .原创 2022-01-28 15:44:17 · 1262 阅读 · 0 评论 -
Vue3按需加载ant-design-vue组件库
1、安装ant-design-vue使用yarn 或 npm 安装并引入 ant-design-vue。yarn add ant-design-vuenpm i --save ant-design-vue2、安装 babel-plugin-import babel-plugin-import是一个用于按需加载组件代码和样式的 babel 插件。yarn add babel-plugin-import --dev3、babel配置 修改babel.con...原创 2022-03-25 11:43:10 · 3563 阅读 · 0 评论 -
Vue实现修改第三方组件样式
在vue中可以通过以下两种方式修改第三方组件样式:2、局部覆盖修改新时代农民工原创 2022-06-03 14:19:52 · 2879 阅读 · 0 评论 -
Vue集成并使用Windi CSS
1、Windi CSS简介Windi CSS是下一代工具优先的 CSS 框架。如果你已经熟悉了Tailwind CSS,可以把 Windi CSS 看作是按需供应的Tailwind 替代方案,它为你提供了更快的加载体验,完美兼容 Tailwind v2.0,并且拥有很多额外的酷炫功能。通过扫描 HTML 和 CSS 按需生成工具类(utilities),Windi CSS 致力于在开发中提供更快的加载体验以及更快的 HMR,并且在生产环境下无需对 CSS 进...原创 2022-04-11 14:16:52 · 7216 阅读 · 4 评论 -
Vue使用iconify图标
1、安装插件purge-icons-webpack-pluginyarn add purge-icons-webpack-plugin -D或者npm i purge-icons-webpack-plugin -D2、配置插件 在vue.config.js文件中配置插件使用。// vue.config.jsconst { PurgeIcons } = require('purge-icons-webpack-plugin');module.exports = { .原创 2022-03-30 17:44:56 · 5967 阅读 · 0 评论