- 博客(14)
- 收藏
- 关注
原创 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<
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<
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<
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
空空如也
el-select宽带如何根据内容自适应
2022-11-28
el-form + el-table 插槽单元格垂直居中如何实现
2022-08-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人