上一页 1 ··· 23 24 25 26 27 28 29 30 31 ··· 34 下一页

2017年8月22日

javascript多种方法实现数组去重

摘要: 先说说这个实例的要求:写一个方法实现数组的去重。(要求:执行方法,传递一个数组,返回去重后的新数组,原数组不变,实现过程中只能用一层循环,双层嵌套循环也可写,只做参考); 先给初学者解释一下什么叫数组去重(老鸟跳过):意思就是讲数组里面重复的元素去掉,比如说var arr = [3,2,4,2,1, 阅读全文

posted @ 2017-08-22 17:10 ranyonsue 阅读(925) 评论(0) 推荐(0) 编辑

2017年8月21日

移动端JS判断手势方向

摘要: 原生JS判断手势方向的解决思路: 1、滑动屏幕事件使用html5 的touchstart滑动开始事件和touchend滑动结束事件。 2、方向的判断,以起点做平面坐标系,与终点连线做直线,直线与x正半轴计算角度;我们以45度角为方向分割线,如:只要滑动角度大于等于45度且小于135度,则判断它方向为 阅读全文

posted @ 2017-08-21 14:25 ranyonsue 阅读(3418) 评论(0) 推荐(0) 编辑

2017年8月18日

移动端为何不使用click而模拟tap事件及解决方案

摘要: 移动端click会遇到2个问题,click会有200-300ms的延迟,同时click事件的延迟响应,会出现穿透,即点击会触发非当前层的点击事件。 为什么会存在延迟? Google开发者文档中有提到: mobile browsers will wait approximately 300ms fro 阅读全文

posted @ 2017-08-18 14:21 ranyonsue 阅读(5286) 评论(0) 推荐(1) 编辑

2017年8月16日

移动端自适应rem布局

摘要: 补充一个基本知识,不许笑,1rem等于HTML中设置的字体大小(px) 首先,HTML 的 head 部分中加入如下代码: <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, 阅读全文

posted @ 2017-08-16 16:11 ranyonsue 阅读(494) 评论(0) 推荐(0) 编辑

2017年8月15日

移动端媒体查询的一些尺寸参考

摘要: 移动端媒体查询的一些尺寸参考 /*iphone4 4s*/ @media only screen and (device-height :480px) and (-webkit-device-pixel-ratio:2){ /* Styles */ } @media screen and (min- 阅读全文

posted @ 2017-08-15 16:46 ranyonsue 阅读(4269) 评论(0) 推荐(0) 编辑

媒体查询Media Queries详解

摘要: @media 标签可以说是响应式网页的开发基础。其主要由媒体类型(Media Type)和 媒体特性(Media Query)两部分组成。 Media Type 设定后面规则生效的展示类型,包括all(全部),screen(屏幕),print(页面打印或打邱预览模式)等等 Media Query 设 阅读全文

posted @ 2017-08-15 16:42 ranyonsue 阅读(917) 评论(0) 推荐(0) 编辑

2017年8月14日

IOS HTML5页面中数字自动变蓝并识别为手机号

摘要: 开发HTML5的项目时发现页面元素为一串数字时,IOS手机会默认显示成蓝色字体,并且添加下划线,点击数字时会提示是否识别为手机号。 解决此问题的方法很简单,在head标签中添加下面的meta标记即可解决。 阅读全文

posted @ 2017-08-14 14:36 ranyonsue 阅读(647) 评论(0) 推荐(0) 编辑

2017年8月11日

getComputedStyle方法获取元素CSS值

摘要: javascript的style属性只能获取内联样式,对于外部样式和嵌入式样式需要用currentStyle属性。但是,currentStyle在FIrefox和Chrome下不支持,需要用getComputedStyle 1、getComputedStyle是? getComputedStyle是 阅读全文

posted @ 2017-08-11 17:26 ranyonsue 阅读(457) 评论(0) 推荐(0) 编辑

js获得当前元素的样式

摘要: 利用currentStyle()和ComputedStyle() 1 通常用法: balance为类名 window.getComputedStyle(document.querySelector(".balance"), null).backgroundColor; window.getCompu 阅读全文

posted @ 2017-08-11 15:59 ranyonsue 阅读(1168) 评论(0) 推荐(0) 编辑

移动端 Retina屏border实现0.5px

摘要: 首先来看一下造成Retina边框变粗的原因 其实这个原因很简单,因为css中的1px并不等于移动设备的1px,这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性,他可以反应css中的像素与设备的像素比。 devicePixelRatio的官方的定义为: 阅读全文

posted @ 2017-08-11 13:24 ranyonsue 阅读(1020) 评论(0) 推荐(0) 编辑

上一页 1 ··· 23 24 25 26 27 28 29 30 31 ··· 34 下一页

导航