自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 el-cascader赋值&回显(懒加载并且绑定值为字符串)

el-cascader赋值&回显(懒加载并且绑定值为字符串)

2022-12-02 14:09:19 3836 5

原创 el-table 合并布局

el-table 合并布局

2022-11-04 17:35:18 261

原创 element使用this.$msgbox创建一个textarea,并实现属性(比如show-word-limit)

element使用this.$msgbox创建一个textarea,并实现属性

2022-09-09 09:17:44 1910

原创 vue 使用高德JSapi 实现轨迹回放和海量点效果(点击显示详情提示窗口) 采用AMapLoader 和 AMapUI

使用高德Api 结合Vue项目,AMapLoader 和 AMapUI实现轨迹巡航和海量点的效果。还有实现海量点点击提示信息的效果

2022-09-05 11:48:04 3416 2

原创 vue自己写水波纹

引入vuehtml:js:代码Vue.directive('myon', {bind(el, binding) {el.onclick = function (e) {// el.style.opacity = '.5';let x = e.clientX - el.offsetLeft;let y = e.clientY - el.offsetTop;let left = el.offsetLeft;let top = el.offsetTop;.

2021-11-08 20:30:58 655

原创 手机端常用的坐标

名称 说明 返回 screenX 返回事件触发时鼠标相对于屏幕的X坐标 数值 screenY 返回事件触发时鼠标相对于屏幕的Y坐标 数值 名称 说明 返回 screenX 返回事件触发时鼠标相对于屏幕的X坐标 数值 screenY 返回事件触发时鼠标相对于屏幕的Y坐标 数值 offsetX 返回事件触发时鼠标相对于事件指向元素的X坐标 数值 offsetY 返回事件触发时鼠标相对于...

2021-11-08 19:43:29 122

原创 小广告(点击关闭,倒计时自动关闭)

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document&lt

2021-09-26 09:33:13 305

原创 流氓小广告(点击关不掉版)

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document&lt

2021-09-26 09:32:26 124

原创 简易的日历

<style>* {padding: 0;margin: 0;list-style: none;}.box {width: 280px;padding: 20px;background-color: #000;color: #fff;margin: auto;}.box p {display: flex;justify-content: space-between;line-height: 30px;}ul {

2021-09-26 09:31:36 79

原创 倒计时(比如,距离中秋节还有几天几小时几分钟几秒)

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</

2021-09-26 09:30:04 1765

原创 随机验证码

<script>code(5)function code(n) {var numArr = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];var smallArr = ['a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z']

2021-09-26 09:27:07 105

原创 年月日的判断

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document&lt

2021-09-26 09:25:33 117

原创 javascript 简单五种基础数据类型的转化

javascript 简单五种基础数据类型的转化一 数据类型的相互转化(强转化)1 数字类型,布尔值,undefined ,null转化为字符型方法 Srting()都会变成相当于添加引号的字符串形式2 字符型,布尔值,undefined ,null转化为数字类型方法 Number()字符串转换为数字类型时当字符串包含非数字字符,转化为NaN当数字字符串转化时,转化为数字当空字符串或者空格字符串转化时,转化为 0布尔值转化数字类型时true转化为 1

2021-09-01 15:39:10 159

原创 图片的居中和bug

1 图片的居中<style>.a{width: 180px;height: 80px;background-color: pink;/* 水平居中 */text-align: center;/* 垂直居中 */line-height: 80px;font-size: 0;}.a img{vertical-align: middle;}</style>2 浮动/清除浮动/* 浮动:飘出文档流半层,实际上没有占背景颜

2021-08-16 11:24:01 2978

空空如也

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

TA关注的人

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