摘要: 本文主要想谈谈页面优化之滚动优化。--原出处 http://www.cnblogs.com/coco1s/p/5499469.html 主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 优化滚动。因为本文涉及了很多很多基础,可以对照上面的知 阅读全文
posted @ 2016-10-28 18:22 归尘2016 阅读(676) 评论(0) 推荐(0) 编辑
摘要: display:box我想大家很熟悉,那么display:inline-box呢,今天在项目中需要设置这样的属性box-align:center,那么就想到用 display:box;如果设置BOX,那么宽度不能自适应,必须设置一个值,我找了一下,终于找到一个属性可以宽度自适应高度定死的弹性伸缩盒的 阅读全文
posted @ 2016-10-24 18:37 归尘2016 阅读(5409) 评论(0) 推荐(1) 编辑
摘要: objBlurFun("input"); //如果不是当前触摸点不在input上,那么都失去焦点 function objBlurFun(sDom,time){ var time = time||300; //判断是否为苹果 var isIPHONE = navigator.userAgent.toUpperCase().index... 阅读全文
posted @ 2016-10-24 15:30 归尘2016 阅读(2435) 评论(0) 推荐(0) 编辑
摘要: 计算APP高度 页面用rem为单位写,但注意点: 1.最外面的宽度用百分比,最好不要用rem 2.input中line-height不要用,如果字被截,那把文字大小缩小 3.高度要用rem 阅读全文
posted @ 2016-08-31 14:33 归尘2016 阅读(2693) 评论(0) 推荐(1) 编辑
摘要: /*设置自定义属性*/ var div=document.querySelector("#div1"); div.setAttribute("title","title"); div.getAttribute("title");//title /*字符串取整数或者浮点方法 */ var num1=p 阅读全文
posted @ 2016-08-25 16:14 归尘2016 阅读(387) 评论(0) 推荐(0) 编辑
摘要: DIV固定高度滚动条滚动最底部,加载新的li window固定高度滚动条滚动最底部,加载新的li 阅读全文
posted @ 2016-08-22 19:56 归尘2016 阅读(1563) 评论(0) 推荐(0) 编辑
摘要: <1> 有人说,喜欢一个人就是用自己的方式去喜欢你,而真正爱一个人就是用你所喜欢的方式去爱你。 也不尽然。两种都可以是爱,只是方式不同,后者可以更确切地说是:懂。 就像有人陪你一起淋雨,有人为你撑伞。有人陪你一起熬夜,有人催你早睡。有人陪你一起哭泣,有人为你擦干眼泪。没有哪一种不能说是爱吧。若非因为 阅读全文
posted @ 2016-08-19 18:23 归尘2016 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 一、CSS3 mix-blend-mode 首先,要知道”blend-mode”就是混合模式的意思。那mix, 恩,我也不知道为什么命名为mix, 可能是该属性不仅可以作用于HTML,还可以作用于SVG,干脆叫mix一起捋过来。该CSS属性作用是让元素内容和这个元素的背景以及下面的元素发生“混合”。 阅读全文
posted @ 2016-08-19 18:19 归尘2016 阅读(1174) 评论(0) 推荐(0) 编辑
摘要: H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 阅读全文
posted @ 2016-08-19 18:06 归尘2016 阅读(9935) 评论(0) 推荐(2) 编辑
摘要: ._limgMIiddle{ /* Firefox */ display:-moz-box; -moz-box-pack:center; -moz-box-align:center; /* Safari, Chrome, and Opera */ display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:... 阅读全文
posted @ 2016-08-02 16:45 归尘2016 阅读(998) 评论(0) 推荐(0) 编辑
摘要: 1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影, 阅读全文
posted @ 2016-07-12 14:58 归尘2016 阅读(312) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2016-06-30 20:01 归尘2016 阅读(1440) 评论(0) 推荐(0) 编辑
摘要: function hengshuping(){ if(window.orientation==180||window.orientation==0){ alert("竖屏状态!") window.location.reload(); } if(window.orientation==90||wind 阅读全文
posted @ 2016-06-24 14:49 归尘2016 阅读(357) 评论(0) 推荐(0) 编辑
摘要: 准备一张透明图 实现效果 HTML CSS样式 阅读全文
posted @ 2016-06-06 18:40 归尘2016 阅读(330) 评论(0) 推荐(1) 编辑
摘要: 导航效果如图 HTML CSS 阅读全文
posted @ 2016-06-06 17:55 归尘2016 阅读(190) 评论(0) 推荐(0) 编辑