自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 Vue 手写滑动验证码(内附使用文档)

vue 手写滑动验证

2022-09-21 09:12:12 535 2

原创 Vue.js 手机端H5,时间选择器实现:年月日时分秒、年月日时分、年月日时、年月日、年月、年、月、日、时、分、秒,时分秒、时分多种类型

目录一、效果查看二、目录三、index.vue<template> <div> <date-picker keys="0" :time="0" height="40" width="45" bgColor="#eeeeee" placeholder="年月日 时分秒" title="年月日 时分秒" :defaultTime.sync="defaultTime1" pos

2022-04-14 16:38:46 8315 46

原创 Vue登录逻辑,解决由浏览器记住密码后,密码自动填充,下拉选项问题

前言:作为前端开发,相信大家都遇到过这样的问题?绝大多数的pc项目都是需要登录,忘记密码的。功能很简单,但是有那么一些小小的问题。当我们将项目部署到服务上后,点击登录,浏览器会提示记住密码。作为用户,相信都是会记住的。但是问题来了,记住密码之后,密码会自动填充,鼠标点击密码框,还会出现下拉框让人选择,看着都没问题,但如果这个时候切换“忘记密码”,就会发现,忘记密码页面会自动填充之前浏览器记住的密码。网上有很多解决办法,但是并不能根本解决。再次,我总结了一下,分享给大家。

2022-01-21 10:11:50 4313 2

原创 Vue+Vant 基于DatetimePicker进行二次开发,实现yyyyMMdd hh:mm:ss时间选择

目录效果图前提项目结构html部分js部分css部分timeSelection.vueutil.js效果图前提vue引入Vant:vue2.0npm i vant -Svue3.0npm i vant@next -Smain.jsimport Vant from 'vant';import 'vant/lib/index.css';Vue.use(Vant);项目结构html部分<template> <div class="time-box"&

2021-09-28 15:58:35 2068 2

原创 Vue+ ECharts + 百度地图 实现全国、省、市、区县 地图展示;根据状态添加水波纹标注点,点击标注点弹出信息框;根据条件实现地区展示不同颜色

效果图前提引入echarts,百度地图index.html文件中 引入<script src="https://cdn.bootcss.com/echarts/5.1.2/echarts.min.js"></script><script src="https://api.map.baidu.com/api?v=3.0&ak=***"></script>注意:ak 为百度地图的秘钥,必须是v=3.0项目结构html部分&lt

2021-09-15 15:35:13 15532 3

原创 Vue项目基于vue-baidu-map绘制渐变轨迹及箭头

Vue项目基于vue-baidu-map绘制渐变颜色及箭头效果图一、CanvasLayer.jsfunction CanvasLayer(options) { this.options = options || {}; this.paneName = this.options.paneName || 'labelPane'; this.zIndex = this.options.zIndex || 0; this._map = options.map; thi

2021-04-28 11:30:58 3232 11

原创 css样式、各个浏览器适配

css样式、各个浏览器适配text-alignbackground-colorline-heightfloat清除浮动a标签去掉下划线滚动条样式修改text-aligntext-align: center; /*IE*/text-align: -moz-center; /*Firefox*/text-align: -webkit-center; /*Chrome*/background-colorbackground-color:orange; /* all - for Firefox/Ch

2021-02-01 14:26:05 844

原创 Vue 解决多级跨域,反向代理

Vue 多级跨域问题解决方法为什么跨域多级跨域修改配置文件vue config index.js配置config dev.env.js文件配置config prod.env.js文件配置接口文件为什么跨域在开发一个项目时,因项目需求,而涉及到本地多级跨域问题,所以,如何解决多级跨域问题?解决办法如下:多级跨域修改配置文件vue config index.jsproxyTable: { '/api': { target: 'https://***',//代理的API地址,就是需要跨域的

2020-11-30 10:47:57 795

js vue滑动slider.js文件 滑动验证码

vue滑动slider.js文件 滑动验证码+前端开发+登录滑动验证

2022-09-20

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除