- 博客(14)
- 收藏
- 关注
RSS订阅原创 element使用this.$msgbox创建一个textarea,并实现属性（比如show-word-limit）
element使用this.$msgbox创建一个textarea,并实现属性
2022-09-09 09:17:44
1759
原创 vue 使用高德JSapi 实现轨迹回放和海量点效果（点击显示详情提示窗口） 采用AMapLoader 和 AMapUI
使用高德Api 结合Vue项目，AMapLoader 和 AMapUI实现轨迹巡航和海量点的效果。还有实现海量点点击提示信息的效果
2022-09-05 11:48:04
3214
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
623
原创 手机端常用的坐标
名称 说明 返回 screenX 返回事件触发时鼠标相对于屏幕的X坐标 数值 screenY 返回事件触发时鼠标相对于屏幕的Y坐标 数值 名称 说明 返回 screenX 返回事件触发时鼠标相对于屏幕的X坐标 数值 screenY 返回事件触发时鼠标相对于屏幕的Y坐标 数值 offsetX 返回事件触发时鼠标相对于事件指向元素的X坐标 数值 offsetY 返回事件触发时鼠标相对于...
2021-11-08 19:43:29
90
原创 小广告（点击关闭，倒计时自动关闭）
<!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
265
原创 流氓小广告（点击关不掉版）
<!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
105
原创 简易的日历
<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
63
原创 倒计时（比如，距离中秋节还有几天几小时几分钟几秒）
<!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
1683
原创 随机验证码
<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
80
原创 年月日的判断
<!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
98
原创 javascript 简单五种基础数据类型的转化
javascript 简单五种基础数据类型的转化一 数据类型的相互转化（强转化）1 数字类型，布尔值，undefined ,null转化为字符型方法 Srting（）都会变成相当于添加引号的字符串形式2 字符型，布尔值，undefined ,null转化为数字类型方法 Number（）字符串转换为数字类型时当字符串包含非数字字符，转化为NaN当数字字符串转化时，转化为数字当空字符串或者空格字符串转化时，转化为 0布尔值转化数字类型时true转化为 1
2021-09-01 15:39:10
126
原创 图片的居中和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
2718
空空如也
el-select宽带如何根据内容自适应
2022-11-28
el-form + el-table 插槽单元格垂直居中如何实现
2022-08-30
TA创建的收藏夹 TA关注的收藏夹
TA关注的人