摘要: 抛物线 x轴 y轴 function funparabola(obj,container,options){ //关于传参覆盖问题 涉及3个对象 defaults、options、params //option是否传入判断、option与defaults求并集,option优先 //参数处理 var defau... 阅读全文
posted @ 2017-10-11 17:01 偶多克 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 实现ie9以下移动方式为margin方式移动,其他根据浏览器对transfom的支持形式进行选择 阅读全文
posted @ 2017-10-11 14:03 偶多克 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 当后台没有传入图片宽高,如何实现图片未加载完之前实现提前占位?换言之--如何在图片加载完成前获取到图片宽高?1、普通实现代码:缺点:图片加载完毕才获得尺寸,初次响应速度慢 2、改进:浏览器在加载图片时,会获得到图片的头部数据,我们通过setInterval定时器获取图片尺寸状态即可 3、优化:解决兼 阅读全文
posted @ 2017-10-10 17:01 偶多克 阅读(1210) 评论(0) 推荐(0) 编辑
摘要: 喵先贴代码。 一、问题描述 点击指定区域,mark该点后与紧邻前面一点连线。初始点在(0,0)。 二、解决思路 点击指定区域,获取点击位置相对document的位置; 计算与指定区域的相对位置; 创建mark点,相对指定区域绝对定位; 创建svg,大小与指定区域相同,层级位于指定区域下方,创建直线l 阅读全文
posted @ 2017-09-21 20:07 偶多克 阅读(4537) 评论(1) 推荐(1) 编辑
摘要: 一、场景还原 当前图片切换插件,点击向左向右箭头可以实现切换。希望做成点击左右小图即可切换。最偷懒的做法是将箭头大小改成小图大小,并去掉图片,然后覆盖在小图区域。 二、实现层级覆盖 1、z-index 最初始的做法是直接通过设置z-index值,层级高的在最上面。这样竟然ie10都不兼容!!!怀疑人 阅读全文
posted @ 2017-09-08 11:01 偶多克 阅读(329) 评论(0) 推荐(0) 编辑
摘要: function twinkle(){ let count = 0; (function bb(){ setTimeout(function(){ $("#mapdots .twinkle").removeClass("active"); if(count==3){ count=0; } $($("#mapdots .twinkle")[count]).addCl... 阅读全文
posted @ 2017-08-30 11:59 偶多克 阅读(89) 评论(0) 推荐(0) 编辑
摘要: 一、编写触摸屏网页注意点 1、控制缩放行为。内容宽度为屏幕宽度,初始缩放比例为1:1,并禁止缩放(如若可放大缩小,影响操作体验) 2、small tips 2.1 <a>标签点击存在暗色透明背景问题,使用css属性 -webkit-tap-highlight-color,设置rgba值透明度为0即可 阅读全文
posted @ 2017-08-30 11:54 偶多克 阅读(1313) 评论(0) 推荐(0) 编辑
摘要: 1、坐标值: pageX:触发点相对于文档左上角的位置 clientX:触发点相对于浏览器左上角的位置 screenX:触发点相对于屏幕左上角的位置 2、原生js获取元素的宽高: clientWidth、clientHeight 元素可视区的大小 阅读全文
posted @ 2017-08-10 11:09 偶多克 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 1、样式表中引用样式文件:@import url("style.css"); 2、适应手机版当前宽高 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1"> 3、在网页上使用video 阅读全文
posted @ 2017-07-19 09:33 偶多克 阅读(214) 评论(0) 推荐(0) 编辑
摘要: 一、html页面中head部分引入 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1"> content属性值 : width:可视区域的宽度,值可为数字或关键词device-wid 阅读全文
posted @ 2017-07-16 21:56 偶多克 阅读(290) 评论(0) 推荐(0) 编辑