heimanba

摘要： javascript代码：functiongetInfo(){vars="";s+="网页可见区域宽："+document.body.clientWidth;s+="网页可见区域高："+document.body.clientHeight;s+="网页可见区域宽："+document.body.of... 阅读全文

摘要： javascript代码：$.swipe=function(opt){varo=$.extend({mainSelector:"",swipeLeft:function(e,v){},swipeRight:function(e,v){},swipeEnds:function(v,e){}},opt|... 阅读全文

摘要： 1.检测桌面端浏览器的特性。$.checkDetect=function(){varDetect={ie:/msie\s*\d+\.\d/gi,chrome:/chrome\/[\w\.]+(\s)?/gi,firefox:/firefox\/[\w\.]+(\s)?/gi,};varua=navi... 阅读全文

摘要： 回到顶部 JS 代码backTop =function(){if(!document.querySelector("#backTop")){return;}document.querySelector("#backTop").addEventListener("click",function(){s... 阅读全文

摘要： css代码：input{width:200px;height:40px;}input.focus{border-color:#08c;box-shadow:004px#8bd6fb;transition:all.2sease-out0s;} 阅读全文

摘要： setTimeout用法在实际项目中还是会时常遇到。比如浏览器会聪明的等到一个函数堆栈结束后才改变DOM，如果再这个函数堆栈中把页面背景先从白色设为红色，再设回白色，那么浏览器会认为DOM没有发生任何改变而忽略这两句话，因此我们可以通过setTimeout把“设回白色”函数加... 阅读全文

摘要： 前端码农们在做项目中时候，必定不可少的需要做到轮播效果。但是有些特殊的需求，比如：需要做到第一个容器内容轮播滚动之后，第二个容器内部再轮播滚动，再第三个容器内容轮播滚动。这时候我的一开始的思路是：每个容器都看成一个单独的轮播效果，既然是依次的滚动就设定滚动开始时间差,三个setTimeout()分别... 阅读全文

摘要： 首先来简要介绍一下钢笔工具和路径的概念　1 钢笔工具属于矢量绘图工具，其优点是可以勾画平滑的曲线（在缩放或者变形之后仍能保持平滑效果）　2 钢笔工具画出来的矢量图形称为路径，路径是矢量的　3 路径允许是不封闭的开放状，如果把起点与终点重合绘制就可以得到封闭的路径现在我们来绘制一个简单的路径如下图在工... 阅读全文

摘要： 本系列摘自 飘零雾雨的博客你可能从没注意过它在margin系列之keyword auto中，说过了margin值为auto的情况，这次要聊的是值为百分比的情形。我必须承认这是一个非常基础的知识点，但有一段时间我发现很多人对此有错误的认知。偶尔在面试或者分享的时候，我会问到这个问题，有人会脱口而出的告... 阅读全文

摘要： 本系列摘自 飘零雾雨的博客margin的重要性：有个不容置疑的事，前端开发人员没有人能够忽视CSSmargin的重要性。CSS coding时，margin的使用频率就如同呼吸般频繁，如果我可以说得夸张点的话。margin作为CSS盒模型基本组成要素之一，是非常Basis的一个技术手段，所以我想对于... 阅读全文