- 博客(24)
- 收藏
- 关注
原创 H5移动端自适应tooltip
实现tooltip是一个常见的需求,但如何根据tooltip中的内容,在手机端能正常展示自适应宽度的tooltip,先看看效果,如下:共分为三种情况的自适应:1.tooltip在侧边,并且内容长度的一半大于需要触发tooltip图标离最外边沿的距离,此时如果让小三角在中间,tooltip左边会显示不全;2.tooltip长度超过一行,需要换行;3.tooltip在侧边,并且内容长度的一半小于需要触发tooltip图标离最外边沿的距离。三种情况分别处理,代码如下:html:
2020-07-20 21:07:03
1906
1
原创 RN 踩坑记
RN 踩坑记布局类按钮置底布局列表为空时,让底部文字描述居中而不是图片加文字居中文字与图片的同行展示差异兼容类IOS圆角不展示IOS获取当前网络状态返回unknown使用RN开发也有一段时间了,大大小小的坑与遇到了不少,也有一些成熟的解决方案,在此记录与分享。具体分类有布局类、差异兼容类等。布局类按钮置底布局最最常见的布局,样式大致是RN常使用的是flex布局,示例代码如下:<View style={{flex:1}}> // flex:1 占满整个空白区域 <Scrol
2020-06-18 21:23:40
546
原创 React 高德地图(React Amap)
React Amap 官方文档最近做后台选址地图的更换,由百度地图换到高德地图。原有功能为用户先圈定城市范围,点击定位图标,打开弹窗,将用户原有的地图信息以经纬度的形式带入,地图中心点切换为当前经纬度,用户可以通过搜索选择地址,在右侧选择详细地址后点击确定,将选择的信息带出,关闭弹窗。具体效果如下:具体实现代码如下:import React, { memo } from 're...
2020-03-14 13:02:40
3615
1
原创 el ui el-date-picker时间禁用问题
使用el-date-picker时间选择器,type=datetime,即又能选日期又能选时间。需要做的限制是,开始时间只能选择当前时间之后的时间,其余禁用,禁用级别到小时,目前实现效果如下图:代码如下:<el-form-item label="出勤开始时间:" prop="attendanceBeginTime"> <el-date-pi...
2019-10-25 15:44:59
3916
1
原创 javascript自定义鼠标滚轮
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><sty
2018-02-26 13:45:28
220
原创 与DOM配合——带框的拖拽
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><sty
2018-02-25 20:50:58
189
原创 javascript碰撞检测
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><sty
2018-02-25 20:10:49
318
原创 javascript拖拽的问题解决
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><sty
2018-02-25 18:22:52
172
原创 javascript拖拽——磁性吸附
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><sty
2018-02-24 22:17:28
2827
原创 javascript拖拽封装
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><sty
2018-02-24 22:06:33
413
原创 javascript事件绑定
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me
2018-02-24 21:40:23
105
原创 javascript表格操作(高亮,添加,删除,搜索,排序)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met
2018-02-20 22:15:59
219
原创 以面向对象的方式写选项卡
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><sty
2018-02-20 13:54:10
356
原创 拖拽+碰撞+重力运动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><sty
2018-02-19 15:33:44
183
原创 弹性运动实例——滑动的菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met
2018-02-19 15:25:36
282
原创 完美运动框架
之前学习的运动框架都有各种各样的不完善之处,现在引入完美运动框架,能处理工作中的大部分问题。move2.jsfunction getStyle(obj, attr){ if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputedStyle(obj, false)[attr];...
2018-02-12 20:01:31
136
原创 任意值变化的运动框架
move.jsfunction getStyle(obj, attr){ if(obj.currentStyle) { return obj.currentStyle[attr]; } else { return getComputedStyle(obj, false)[attr]; }}function startMove(obj, attr, iTarget){...
2018-02-11 11:59:30
157
原创 javascript缓冲运动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><sty
2018-02-10 18:25:42
182
原创 "分享到"侧边栏书写——基本的运动框架
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><sty
2018-02-09 19:06:52
197
原创 自己写的ajax
开发环境:wamp5_1.7.4new_ajax.jsfunction ajax(url, fnSucc, fnFaild){ //1.创建ajax对象 var oAjax=null; if(window.XMLHttpRequest)//做兼容性处理 { oAjax=new XMLHttpRequest(); } else { oAjax=new ActiveXObj...
2018-02-09 17:23:34
163
1
原创 javascript简易版拖拽实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><sty
2018-02-08 10:43:00
145
原创 appendChild()和insertBefore()创建<li>
window.onload=function (){ var oBtn=document.getElementById('btn1'); var oTxt=document.getElementById('txt1'); var oUl=document.getElementById('ul1'); oBtn.onclick=function() { var oLi=docu
2018-02-06 19:14:40
425
原创 javascript中splice()函数的三个用法
var arr==[1,2,3,4,5,6,7,8]//1.中间删除arr.splice(2,3)//2.中间插入arr.splice(5,0,'a','b','c')//3.替换arr.splice(1,2,'a','b')以上三个例子,执行之后的结果分别为1.var arr==[1,2,6,7,8]2.var arr==[1,2,3,4,5,'a','b','c',6,7,
2018-02-06 15:39:33
4602
1
原创 django中css样式丢失的问题
django自己写html界面的时候,以开头,但是运行在服务器上的时候,就可能出现css样式丢失的问题。解决方法如下:将换为meta http-equiv='Content-type' content='text/htm'>就可以完美解决问题。附注:meta其实是html语言head区的一个辅助性标签。meta标签有许多参数,使用不同的参数就可以使主页实现
2018-02-02 15:10:35
2868
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人