IT博客技术分享
码龄4年
  • 634,028
    被访问
  • 242
    原创
  • 2,440
    排名
  • 32,337
    粉丝
  • 1,593
    铁粉
关注
提问 私信

个人简介：没有做不到的，只有想不到的！

  • 加入CSDN时间： 2018-01-18
博客简介：

IT博客技术分享

博客描述：
没有做不到的，只有想不到的！
查看详细资料
  • 7
    领奖
    总分 4,319 当月 52
个人成就
  • 前端领域优质创作者
  • 获得371次点赞
  • 内容获得108次评论
  • 获得1,823次收藏
创作历程
  • 19篇
    2022年
  • 53篇
    2021年
  • 61篇
    2020年
  • 91篇
    2019年
  • 22篇
    2018年
成就勋章
TA的专栏
  • 前端工具
    5篇
  • icon图标的使用
    2篇
  • 获取登录用户的信息
    4篇
  • vue 验证密码强度
    1篇
  • 退出登录处理
    1篇
  • excel导入和导出组件
    4篇
  • 前端转换成pdf预览的3种方法
    1篇
  • vue-leaflet 
    2篇
  • elment UI 
    10篇
  • elment ui 时间组件（el-date-picker）限制只能选
    2篇
  • vue3.0
    2篇
  • 日期范围组件
    1篇
  • iview日期
    4篇
  • echarts图表
    8篇
  • VUE组件
    50篇
  • web前端可视化绘图软件编辑器
    1篇
  • vxe-table
    3篇
  • JavaScript
    38篇
  • webSocket
    3篇
  • VUE-webpack
    5篇
  • 微信小程序
    8篇
  • iview组件
    31篇
  • Mxgraph.JS
    10篇
  • SVG
    2篇
  • nodejs做服务存储文件
    4篇
  • h5手机网站支付宝支付
    1篇
  • 防止重复发送Ajax请求
    1篇
  • 本地Tomcat 8.0后端服务
    2篇
  • 复杂数据结构组装嵌套4层数组
    2篇
  • table表格中嵌套input、select 
    1篇
  • 过滤（筛选）出两个数组不同的元素
    1篇
  • js 截取指定字符 "/":后面/前面的所有字符串
    1篇
  • 根据id删除数组中指定的obj这一项
    1篇
  • 后台管理系统模板
    2篇
  • windows
    2篇
  • vue日历组件
    1篇
  • gulp
    1篇
  • webApp
    4篇
  • Git
    8篇
  • 前端跨域问题总结
    1篇
  • nginx环境配置Windows本地测试
    3篇
兴趣领域 设置
  • 前端
    vue.js前端框架
  • 后端
    node.js
  • 小程序
    小程序
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

vue项目退出登录清除 store 数据

在退出登录的loginOut 方法里面:利用v-if控制router-view，在根组件APP.vue中实现一个刷新方法然后使用的时候调用： this.reload() 方法
原创
发布博客 前天 11:07 ·
131 阅读 ·
1 点赞 ·
0 评论

google浏览器安装vuejs-devtools插件2022年安装记录

Vue.js devtools 背景简介我们chrome插件网之前介绍过Vue.js devtools，是基于google chrome浏览器的一款调试vue.js应用的开发者浏览器扩展，可以在浏览器开发者工具下调试代码。做前端开发的IT工程师应该比较熟悉这款工具，可以边侧边栏窗格中的页面，边检查代码。由于vue是数据驱动的，所以这就存在在开发调试中查看DOM结构并不能解析出什么。但是借助vue-devtools插件，我们就可以很容易的对数据结构进行解析和调试。本文重点介绍Vue.js devtools使
原创
发布博客 2022.06.30 ·
138 阅读 ·
0 点赞 ·
0 评论

vue 项目种使用svg图标

一般常用的代码写法：<svg-icon class-name="size-icon" icon-class="size"/>svg 图标可以随字体一样变色、大小可更改且不失真；应用在项目中不仅可以摆脱img图片占用内存大的问题，还可以减少代码量，优化系统。使用字体图标的步骤如下： 安装svg-sprite-loader插件 npm install svg-sprite-loader 自定义svg-icon组件 在componets文件夹下建立一个sv
原创
发布博客 2022.05.29 ·
222 阅读 ·
0 点赞 ·
1 评论

vue项目中如何使用阿里 iconfont图标

先登录阿里 iconfont 图标库：https://www.iconfont.cn/1、选择需要的图标添加到购物车中2、在资源管理里面 ——我的项目： 添加新项目这样的话就会永久保存了。3. 建好了之后， 低价购物车，把所有图标添加到对应的项目里面。4. 然后打开我i的项目，点击下载：5. 双击 demo_index.html 本地打开预览：我这里采用的是 class<i class="iconfont icon-yonghuming"&g...
原创
发布博客 2022.05.27 ·
154 阅读 ·
2 点赞 ·
0 评论

vue 根据当前登录用户的ip 查询所属城市

先上个效果图：这里用到了 这个IP 查询的 地址：https://ip.ws.126.net/ipquery?ip=223.70.131.150因为这个地址请求设计到跨域，所以在vue里面可以用代理来解决：vue.config.js 里面：// 设置代理 proxy: { "/cityApi": { target: "https://ip.ws.126.net/ipquery", changeOrigin: true, pathRewr...
原创
发布博客 2022.05.07 ·
625 阅读 ·
0 点赞 ·
0 评论

vue 获取当前登录用户的地址（城市）

调用百度api获取当前登录信息1. 在index.html引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你自己的百度key"></script>嫌麻烦就接着在 script里面写函数调用。js code： <script type="text/javascript"> //获取当前登录地点 funct..
原创
发布博客 2022.05.07 ·
492 阅读 ·
0 点赞 ·
0 评论

vue elment-ui 密码强度提示的两种方式

vue elment-ui 密码强度提示的两种方式第一种：代码如下：html: <el-form-item> <div class="input_span"> <span :style="{'background-color':(msgText > 1 || msgText == 1) ? '#FC5F76' : '#BBBBBB', 'color': (msgText > 1 ||.
原创
发布博客 2022.04.29 ·
211 阅读 ·
0 点赞 ·
0 评论

vue 获取当前浏览器登录的ip

方法一、原生js方法<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>Document</title> <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="text/javascript"> conso
原创
发布博客 2022.04.27 ·
4197 阅读 ·
2 点赞 ·
2 评论

vue 获取当前登录的浏览器类型

这里注意罗列了常用的几种浏览器：1. 谷歌浏览器 2.火狐浏览器 3.Edge浏览器 4.IE浏览器 5.欧鹏浏览器 6.苹果浏览器方法一、//方法一、// 获取当前登录的浏览器export function getBrowserInfo(){ var agent = navigator.userAgent.toLowerCase() ; // console.log("agent:", agent); var arr = []; var syste...
原创
发布博客 2022.04.27 ·
251 阅读 ·
0 点赞 ·
0 评论

vueCli3.0文件上传后，后端返回流,前端转换成pdf预览的3种方式

发布资源 2022.04.22 ·
zip

vueCli3.0文件上传后，后端返回流,前端转换成pdf预览的3种方式

第一种是用： <iframe> 嵌套显示先上效果图：注：这种还带样式的是我后面修改源码的 js添加的 ： customToolbar.js//创建一个新样式let sheet = (function() { let style = document.createElement("style"); style.appendChild(document.createTextNode("")); document.head.appendChild(st...
原创
发布博客 2022.04.21 ·
1219 阅读 ·
0 点赞 ·
0 评论

Vue Leaflet.js 地图动态绘制半圆扇形

Vue Leaflet.js 地图动态绘制半圆扇形先上效果图：（整个圆形的扇形，类似小风扇）的效果这是我目前用到的效果图：只需要一组对角的扇形先说说原生的 leaflet.js 的写法：1.生成扇形点的方法/** * * @param center 中心点 数组 * @param radius 半径 * @param startAngle 起始角度 * @param endAngle 终止角度 * @param pointNum 圆弧上点的个数 */f.
原创
发布博客 2022.04.12 ·
656 阅读 ·
0 点赞 ·
0 评论

elment ui 时间组件（el-date-picker）限制只能选择当前时间之前的时间(包括时分秒的限制)

elment ui 时间组件（el-date-picker）限制只能选择当前时间之前的时间(包括时分秒的限制)先上效果图：如图当前是2022-04-0710:43;当前时间以后的时间不让选择，置灰disabled。html：<el-form-item label="起呼时间" prop="startTime"> <el-date-picker style="width:100%" value-format="yyyy-MM.
原创
发布博客 2022.04.07 ·
1701 阅读 ·
1 点赞 ·
0 评论

vue3.0 study（二） 安装 element-plus踩坑汇总

vue3.0 安装 element-plus 用法#完整引入#如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。# 选择一个你喜欢的包管理器# NPM$ npm install element-plus --save# Yarn$ yarn add element-plus# pnpm$ pnpm install element-plus我用：npm install element-plus --savemain.ts:// ma.
原创
发布博客 2022.03.31 ·
2049 阅读 ·
0 点赞 ·
0 评论

vue3.0 studay（一） 汇总

一、vue3.0 学习vue3+typescript创建项目详细步骤如下:1、新建一个文件夹；2、vue/cli全局安装：cnpm install -g @vue/cli 或者 npm install -g @vue/cli；（如果之前是vue/cli 老版本的先卸载了，npm uninstall -g vue-cli //卸载npm install -g @vue/cli //安装最新的cli版本）3、创建项目名称：vue create 项目名称；4、配置文件（根据个...
原创
发布博客 2022.03.29 ·
2814 阅读 ·
1 点赞 ·
1 评论

vue js获取本周、本月、本年度的日期范围

先上效果图：1.本周：2.本月：3.本年：封装js如下：var now = new Date(); // 当前日期var nowDayOfWeek = now.getDay(); // 今天本周的第几天var nowDay = now.getDate(); // 当前日var nowMonth = now.getMonth(); // 当前月var nowYear = now.getYear(); // 当前年nowYear += nowYear < 2000 ?.
原创
发布博客 2022.03.22 ·
2880 阅读 ·
0 点赞 ·
1 评论

vue 依赖包报错 eslint\lib\cli-engine\cli-engine.js:421

Syntax Error: D:\RuoYi-Vue\ruoyi-ui
ode_modules\eslint\lib\cli-engine\cli-engine.js:421 } catch { ^ SyntaxError: Unexpected token { @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev.
原创
发布博客 2022.03.02 ·
663 阅读 ·
2 点赞 ·
1 评论

vue + echart 百度地图添加本地图片渲染

废话不多说先上效果图：首先先说，echarts百度地图的渲染：安装echart： npm install echarts@4.8 --save安装百度地图：npm install vue-baidu-map --save# 在 main.js 里面import echarts from 'echarts';import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { ak: '你的百度地图的key'})..
原创
发布博客 2022.02.23 ·
425 阅读 ·
0 点赞 ·
0 评论

广东省深湛高铁线路vue（echarts）实现

先上效果图哈：这里引入guangdong.js 的方法其实可以直接从依赖包里面获取。import guangdong from "echarts/map/js/province/guangdong.js"; //引入依赖包的数据前提是你echarts安装是 4.8及以下版本。全部代码如下：<template> <div id="main" style="width:100%; height:83vh"></div></templ..
原创
发布博客 2022.02.21 ·
354 阅读 ·
0 点赞 ·
0 评论

广东省深湛高铁线路原生js（echarts）实现

先上效果图：主要外部组件如下： <script src="https://cdn.staticfile.org/echarts/4.1.0/echarts.min.js"></script> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="../../map/guangdong.js".
原创
发布博客 2022.02.18 ·
1103 阅读 ·
0 点赞 ·
0 评论
加载更多