- 博客(18)
- 收藏
- 关注
原创 高德地图轨迹回放动态打点位置
官方示例:https://lbs.amap.com/demo/amap-ui/demos/amap-ui-pathsimplifier/navigators【自2021年12月02日升级,升级之后所申请的 key 必须配备安全密钥 jscode 一起使用】移动过程中动态打点和显示移动的原始数据位置信息完整示例:(填入你的key和安全密钥)
2023-03-16 18:48:25
738
原创 滑块实现效果
效果:代码:<!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>滑
2022-02-22 17:40:36
151
原创 git和svn管理项目的文件没有修改状态(红绿标识)
因系统占用(激活了了OneDrive之类的)或其他软件用了文件图标管理信息的注册表,windows最多显示15个,找到 Tortoise开头给排序靠前就显示出来了。1、右击电脑右下角windows开始图标,运行 ------> 输入regedit ---------->回车-------->确定。依次找到 ------> 计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Explorer...
2021-04-24 19:41:42
1626
1
原创 layui的table表格宽度超出在ie下显示问题
layui的table表格宽度自适应,在ie浏览器宽度不够时,超出显示… 鼠标放上tips提示显示问题。F12调试发现是padding问题,修改为margin值后就可以。.layui-table-cell{ padding: 0; margin: 0 15px; }宽度自适应显示全的都没问题宽度不够显示不全谷歌浏览器没问题ie浏览器时没有tips显示提示(就最后俩字出不来)...
2021-01-22 21:16:09
640
原创 单选框radio实现和复选框对勾一样的样式效果
隐藏input的单选框样式,用label重写样式position定位到单选框位置覆盖,transform旋转实现效果。单选效果:<div class="radio"> <input type="radio" id="sex1" name="sex"> <label for="sex1"></label> 男 </div> <div class="radio"> <
2020-11-17 20:59:13
3878
原创 easyui-jquery 日期年、月切换
年、月切换效果:只做了起始日期的,结束和起始日期一样。还有点小问题…<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet"
2020-11-16 01:32:10
298
原创 求助help…多个点击事件调用同一个弹框赋值问题
有个li列表,我通过事件监听li的点击事件,然后弹出框,在弹出框里有个input输入框,输入值点击确定按钮,把值传到当前的li标签内。但有个问题,多个点击li传值时,之前只要点击过的li都变成最后这个值了。。页面用的是自己写的一个弹窗。js代码大概这样(半夜在手机敲的????)$("ul").on("click","li",function(){ let _that=$(this) $(弹框).show() $(弹框 确定).click(function(){ _that.text
2020-09-22 01:02:37
218
原创 通过js给input框的value赋值触发input事件
主要通过在赋值后直接.trigger('input')可以看这个:https://blog.youkuaiyun.com/qq_35087256/article/details/79552624<input type="text" value="江城子" class="input"> <!-- 遮罩层--> <div id="loadingBg"> <ul id="wait"> <li>老夫聊发少年狂</li>
2020-08-21 13:21:09
7445
原创 script跨域请求前端
通过script标签实现跨域HTML页面来个按钮<button id="btn">点击请求数据</button>JS调用发送跨域请求const btn = document.getElementById('btn') btn.onclick = function () { jsonp({ // 天气预报 url: 'https://wis.qq.com/weather/common', data: {
2020-08-13 14:03:47
1212
原创 jQuery的tab切换
jQuery的tab切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box { wi
2020-08-05 17:00:34
132
原创 css超出...和多行...
超出部分…overflow: hidden; /* 内容被剪裁,其余内容不可见 */ text-overflow: ellipsis; /* 显示省略符号来代表被修剪的文本 */ white-space: nowrap; /* 段落中的文本不换行 */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;word-br
2020-08-05 16:57:43
155
原创 rem + 媒体查询@media || js控制适配
UI稿件:750px人为分配:20份 (多少都可以,不分也可以,只不过算出来的rem值太小了)html的 font-size = 750 / 20 = 37.5px如果从UI稿件测量width是50px换成rem:50px / 37.5 = 1.33 rem要等比例放大缩小,所以设备屏幕都分成20份来计算在设备屏幕的宽度是375(如iphoneX)的 font-size:375 / 20 = 18.75px那么实际的width换成px :1.33rem * 18.75 = 25px这样就是等
2020-07-09 18:46:39
584
原创 盒子模型
盒子模型margin + border + padding + content注意:盒子实际的大小和盒子占位大小不一样实际大小就是浏览器能看到的大小。盒子实际宽度大小 = 内容区域高度(设置的width)+ 内边距padding(padding-left +padding-right)+边框border(border-left + border-right)盒子实际高度大小 = 内容区域高度(设置的height)+ 内边距padding(padding-top +padding-bottom)+边
2020-06-26 17:22:57
139
原创 js 的target 和 currentTarget
target 和 currentTarget:currentTarget 指向的是监听器直接绑定的那个元素,而 target 指向的是我们点击的那个元素。利用事件委托: <div id="container"> <ul id="list"> <li><a href="#">Item 1</a></li> <li><a href="#">Item 2</a><
2020-06-23 22:20:48
801
原创 vue插槽solt
1、匿名插槽父组件:<template> <div> <Child> <div>我是福福福福</div> </Child> </div></template>子组件:<template> <div> <slot></slot> </div></template>2、具名插槽
2020-06-20 17:16:01
214
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人