- 博客(29)
- 收藏
- 关注
RSS订阅原创 【vue3封装element-plus的反馈组件el-drawer、el-dialog】
vue2中封装el-drawer、el-dialog这类反馈类子组件，需要将父组件的visible值传递子组件，并且再通过$emit将关闭弹窗的组件值传回父组件，同事子组件还需要监听父组件传递过来的visible的值，来驱动弹窗显示隐藏，很麻烦，代码也比较臃肿，vue3中实现方案更加简洁、方便，本文主要示例讲解vue3封装element-plus的对话框、抽屉的实现方案，同时会将vue2的实现示例写出，来进行对比，这两个组件实现方案基本一致，顾放在一起说明。
2025-01-06 10:39:47
1139
原创 0基础SpringBoot学习手札
默认安装路径：C:\Program Files\Java\jdk1.8.0_261。修改maven安装包中的conf/settings.xml文件，指定本地仓库位置。步骤：设置 --> 系统 -->系统信息 – > 高级系统设置 --> 环境变量。随便创建一个项目，进入项目会，文件–> 设置 -->下载完成后，双击默认安装即可，注意路径不能出现中文。不修改的话，会默认存在c盘，用户/.m2 目录下。打开idea --> 新建项目 -->【可修改本地Maven仓库地址】Maven的作用可以分成三类。
2024-09-19 09:08:21
623
原创 vue2项目实现国际化（若依框架示例）
本文主要梳理vue2项目实现全项目格式化，在导航栏中切换，页面中所有的组件的默认语言随之切换，搭配vue-i18n插件。
2024-09-18 10:51:54
2069
原创 vue3项目实现全局国际化
在导航栏中切换，页面中所有的组件的默认语言随之切换，使用的组件库依旧是element-plus，搭配vue-i18n插件。
2024-09-12 17:00:33
1980
原创 moment.js时间格式化插件使用
moment.js插件功能远不不仅仅是在格式化日期上，还是有很多很好用奇淫技巧，使用起来也是更加方便，主要在vue项目中使用偏多，，但是有时候也不是总使用，将一些项目中可能会用，可以节省代码的api在此记录备忘一下。
2024-07-30 16:09:13
596
1
原创 uniapp+vue3+echarts编写微信小程序
但是很可惜并不兼容vue3，所以我在全平台兼容的插件中找到该插件，根据指南以及自己在网上找的方法，最后导入成功，实现图表，我做一下完整步骤以及示例代码，希望可以帮助同样经历的伙伴。
2024-07-04 17:27:49
2547
3
原创 echarts实现折线图点击添加标记
对于节点没有被添加标记的可以，弹框提示添加标记，并提供标记内容输入框，已经添加过标记的点，点击直接显示标记内容。业务场景体现在功能层面主要两点，
2024-06-21 15:47:42
1739
1
原创 vue中实现百度地图全国与省市地图切换
本文主要是用于示例全国地图，点击省市地图直接跳转到该省市地图并展示，可以拓展在地图上显示标记点（本文未做示例），后续有完整代码，但是由于需要与本来项目业务代码进项分割，可能会有些问题，地图渲染上所需要的json文件，有资源链接，但是需要积分，在网上搜搜 也会有相关资源，不是非必要使用该json文件，注意一下导入的文件名称即可。
2024-06-20 11:34:40
852
原创 【uni-app学习手札】
编写uni-app不必拘泥于HBuilder-X编辑器，可用vscode进行编写，在《微信开发者工具》中进行热加载预览，主要记录使用uni-app过程中自我备忘一些api跟语法，方便以后编写查找使用，uni结合了很多微信小程序与vue语法。
2024-06-19 16:36:48
1139
原创 echarts等图表库地址收藏
整合目前使用比较多的十个图表库地址链接，基本拿来即用非常方便，其中涉及更多酷炫饼图、柱状图、折线图、地图等，还有一些echarts替代方案，支持在线编辑预览等功能
2024-04-18 15:26:09
808
1
原创 云效实现前端自动化打包部署
vue项目一般在node.js环境下，webpack进行构建，构建命令一般为：npm run build，打包后生成的文件夹一般为list。配置主机后，部署配置下载路径，下载路径就是你的上一步dist文件夹要放的位置路径，在此路径下添加：/package.tgz即可，其中主要是需要配置服务器，接入新主机，将图中命令数据复制，登录所要构建的服务器后，直接粘贴回车执行即可。之所以先install一下防止，新增了插件项目构建失败的问题。后端部署脚本，其中APP_NAME为路径变量。1.1 打开云效，找到流水线。
2024-04-09 16:57:24
1991
原创 vue实现echarts甘特图
主要用于横坐标固定，比如一天24小时，这样就可以根据Y轴数据可正可负。业务需求比较相似，而且时间紧张，幸得此文。可以直接将option 复制即可。
2024-03-27 18:50:13
1456
1
原创 el-upload组件上传下载使用
其中：Content-Type文件类型修改为“multipart/form-data”，（默认：application/json）将el-upload组件进行封装，项目中要求是，修改界面是需要“加号”图表，详情界面需要隐藏“加号”并且，隐藏删除icon图表。就是打开弹窗，弹窗内容只放置图片标签，img的url就是点击事件中的file.url。将选中的file在this.fileList数组中删除即可。主要用于父组件用于关闭修改时清空操作（防止页面缓存）拿到img的url直接动态创建a标签。
2024-01-09 15:19:17
2314
原创 uni-app使用
uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台，官网地址官方教学地址。
2023-11-28 09:12:13
1069
1
原创 react学习
react学习1. 环境搭建1.1 安装node环境2. 安装create-react-app2.1 介绍2.2 安装3. 文件结构解析3.1 结构目录4. Hello World4.1 基本编码4.1.1 入口文件编写4.1.2 组件编写#mermaid-svg-GIQJNGx86KoevsiZ .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color
2021-08-26 09:38:49
290
原创 el-dialog组件的二次封装
element-ui组件的样式是固定的，比如我们常用的那些组件，table，button，icon，tab等等。当我们需要的样式和element组件有偏差的时候，我们可以通过针对element组件进行二次封装，然后通过Vue.component（）方法，定义到全局,来解决我们当前的项目需求。（4）需要长期维护，当官方库最初更新尤其是对封装组件影响较大时，需要对应更新，维护成本较大。（2）封装的组件越来越多，业务能得到实际的解决，并能形成公司独特组件库。（1）有利于紧密贴合业务，提高开发效率。
2021-03-17 16:43:29
3314
原创 分步引导driver.js在vue中使用
分步引导driver.js在vue中使用1. 引入使用1.1 安装1.2 引入2.完整示例2.1 html部分2.2 js部分2.3 编写分步结构js文件2.4 样式调节部分1. 引入使用1.1 安装Driver.js的官网地址：Driver.jsnpm安装：npm install driver.js1.2 引入全局引入：import Driver from 'driver.js';import 'driver.js/dist/driver.min.css';Vue.prototype.
2021-03-17 16:27:14
4049
5
原创 Antv G6构建流程图(修正)
Antv G6构建流程图(修正)1.在项目中进行引入G61.1使用CDN引入<script src="https://gw.alipayobjects.com/os/antv/pkg/_antv.g6-{$version}/build/g6.js"></script>1.2在项目中使用 npm 包引入Step 1: 使用命令行在项目目录下执行以下命令： npm...
2020-01-20 11:25:58
3806
原创 vue中使用g6实现流程图
g6在vue中使用小结前言vue中进行引入vue中使用前言由于项目需求，需要动态生成流程图，仅用于展示效果，搜了很多开源插件，最后决定使用阿里的antVG6，但是g6官方文档中还是有一些问题，网上相关的资料也比较少，自己摸索了一段时间，踩过很多坑，我就自己写个备忘，也与大家分享一下，g6提供了很多流程图的api，我的需求并没有涉及到交互，所以我也没弄，感兴趣的可以自己看一下。g6官方文档地址：......
2020-01-15 13:46:59
17649
16
百度地图全国以及各省json文件
2024-06-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人