
Vue2
Vue2开发总结
_虾仁不眨眼_
学无止境,勇闯天涯
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
如何动态调整图片布局:填充空白位置的解决方案
通过上述方法,我们可以在不分离横向图和纵向图的情况下,动态地将纵向图填充到空白位置。这种方法不仅保持了代码的简洁性,还提高了布局的紧凑性和美观性。原创 2025-03-10 15:27:43 · 281 阅读 · 0 评论 -
让你秒懂 Vue .env 文件
文件用于配置环境变量,这些变量可以在开发、测试和生产环境中使用。Vue CLI 提供了一种机制,允许你为不同的环境定义不同的环境变量。文件是项目的默认环境变量文件,适用于所有环境。它包含通用的环境变量,这些变量在开发、测试和生产环境中都会被加载。环境变量的值会被自动解析为字符串,因此如果需要其他类型(如数字或布尔值),需要手动转换。通过合理使用这些文件,就可以轻松管理不同环境下的配置,确保代码的灵活性和可维护性。文件中定义的变量,仅在开发模式下生效。文件中定义的变量,仅在生产模式下生效。原创 2025-03-06 09:29:34 · 334 阅读 · 0 评论 -
在 Vue 2 中使用 Canvas 绘制多边形
Canvas 是一个强大的工具,用于创建动态图形和交互式可视化内容。Vue.js 提供了便捷的双向数据绑定和组件化开发方式,使得在 Vue 中使用 Canvas 变得更加高效。本文将介绍如何在 Vue 2 中实现一个简单的多边形绘制工具,支持报警区域和安全区域的绘制。原创 2025-02-27 13:34:21 · 755 阅读 · 0 评论 -
解决 Vue.js 中使用 vue-print-nb 打印一页的问题
在使用时,打印内容只能输出一页的问题通常是由于打印样式未正确配置导致的。通过添加专门的打印样式和分页符,我们可以确保内容可以正确分页并打印。希望本文的解决方案能帮助你在项目中实现多页打印功能。原创 2025-02-22 17:07:45 · 896 阅读 · 0 评论 -
Vue文字转语音实现
在开发流程中,面对语音支持的需求,小规模语音内容或许可以通过预处理后播放来轻松应对,但当涉及大量语音时,这一方法就显得繁琐低效了。为此,智慧的开发者们总能找到便捷的解决方案——利用Web技术实现语音播放,既高效又省力。那么该怎么实现呢,请跟随我的脚步看看吧。原创 2024-12-02 13:29:42 · 909 阅读 · 0 评论 -
ZUploader 之 文件上传
文件上传是前端开发很常用的一个功能, 通常文件上传都是异于表单提交, 使用起来配置繁多, 校验不统一, 展示不统一。原创 2024-09-26 09:00:00 · 877 阅读 · 0 评论 -
大屏适配器
背景:大屏适配是前端开发必不可少的技能,适配各种大屏也是为了给用户更好的体验。scale(缩放)是当前大屏使用较多的方案, 为方便使用, 封装此组件。组件核心是 使用CSS3属性实现, 默认宽高比是相对 当前窗口内容区域的可用宽高而言, 不包括边框、菜单栏。原创 2024-09-25 09:15:00 · 509 阅读 · 0 评论 -
百度地图 ->选点,地址搜索,坐标逆解析
注:一定要给放地图的容器一个高度。原创 2024-09-25 09:00:00 · 865 阅读 · 0 评论 -
高德地图 ->选点,地址搜索,坐标逆解析
注:一定要写在 项目主页的 html 文件中, 优先加载。注:一定要给放地图的容器一个高度。❤️❤️ 组件监听的 事件有。❤️❤️❤️如果编辑器的。❤️ 组件接收的 属性有。原创 2024-09-24 09:30:00 · 780 阅读 · 0 评论 -
移动端列表筛选封装
适合场景:Vue2+vant 移动端项目,数据填充添加全部选项及相关逻辑处理,支持多选、单选以及筛选状态返回。原创 2024-09-24 09:00:00 · 406 阅读 · 0 评论 -
Element UI 扩展tooltip 只在内容出现省略号才显示
使用场景:文字内容排不下,出现省略号,才需要显示tooltip的提示内容。原创 2024-09-23 16:21:14 · 508 阅读 · 0 评论 -
文件下载的N种方式
文件下载有多种方式可以实现,快来看看吧~原创 2024-04-26 17:25:05 · 625 阅读 · 0 评论 -
纯CSS实现未读消息显示99+
未读消息数小于100的时候显示准确数值,大于99的时候显示99+。原创 2024-04-02 16:15:41 · 1103 阅读 · 0 评论 -
CSS使用JS变量
CSS 变量(也称为自定义属性)允许我们在 CSS 中定义可重复使用的值,并将其应用于不同的选择器。为了创建一个 CSS 变量,我们需要使用。前缀,然后可以像常规属性一样使用它。原创 2024-03-29 17:46:47 · 1430 阅读 · 1 评论 -
子孙组件响应式传参之provide/inject
provide/inject需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。原创 2024-03-28 09:40:06 · 475 阅读 · 1 评论 -
CSS实现点击防抖
大家都知道,函数节流(throttle)是 JS 中一个非常常见的优化手段,可以有效的避免函数过于频繁的执行。但是,我今天确新学了一招CSS实现点击节流,分享给大家~原创 2024-03-19 16:16:50 · 681 阅读 · 1 评论 -
vue-router hash模式实现锚点
使用Vue Router的Hash模式可以实现锚点跳转原创 2024-03-13 17:52:06 · 1674 阅读 · 0 评论 -
CSS溢出指定行数自动隐藏
背景:使用CSS封装了一个溢出隐藏的组件,便于在项目中使用。原创 2024-03-07 16:27:41 · 902 阅读 · 1 评论 -
自定义进度条 -Vue2 版本
背景:基于内部OA系统任务进度,自定义的一个动态效果的进度条。原创 2024-02-05 13:57:49 · 1104 阅读 · 1 评论 -
el-upload 禁用且隐藏上传按钮
el-upload 上传图片组件禁用时,通过css隐藏上传按钮。原创 2024-02-19 14:41:33 · 4121 阅读 · 1 评论 -
Vue富文本图片预览
背景:由于预览editor时,图片无法预览,体验不好。所以简单写了一个支持预览图片的富文本显示器。原创 2024-03-01 16:01:33 · 1091 阅读 · 2 评论