kongjiea笔记

热爱前端的家伙...

解决移动端特别是ios滑动卡屏 滑动卡顿

css属性解决 -webkit-overflow-scrolling:touch; 插件解决 iscroll jroll2

2017-02-10 11:07:22

阅读数:5101

评论数:1

移动端某些浏览器cookie无法识别中文encodeURI 、 encodeURIComponent 、escape

问题描述 比如qq浏览器无法识别中午 ,getcookie的时候为空 那么在setcookie的时候进行编码,然后在getcookie的时候再解码 编码的三个方法 encodeURI 、 encodeURIComponent 、escape  他们的区别 encod...

2016-12-08 17:24:03

阅读数:1010

评论数:0

html5学习笔记(-),html5新特性介绍教程

一、html5语义化 二、HTML5新特性  1、HTML5新特性的浏览器支持情况  http://www.caniuse.com/#index  2、新的选择器  querySelector 获取单个元素 如:  var obj=documen...

2016-09-06 22:08:03

阅读数:1768

评论数:0

解决移动端a:active伪类无效的方法

看来在iOS系统的移动设备中,需要在按钮元素或body/Html上绑定一个touchstart事件才能激活:active状态。 document.body.addEventListener('touchstart', function () { //...空函数即可});

2016-03-21 10:29:54

阅读数:2278

评论数:0

移动端头部meta、link书写比较好的案例

http-equiv="Content-Type" content="text/html; charset=utf-8">   UI设计_软件界面设计_APP应用开发_交互设计_上海艾艺-3D虚拟展示   name="keywords...

2015-11-24 10:34:28

阅读数:1167

评论数:0

移动端用input:file调用手机相册、摄像头、和sd卡的相册文档

兼容安卓微信调用摄像头   兼容安卓默认选择sd卡上的相册图片

2015-10-22 18:09:09

阅读数:22724

评论数:2

移动端web整理 移动端问题总结,移动web遇到的那些坑

http://www.cnblogs.com/PeunZhang/p/3407453.html#question_20 meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可...

2015-09-07 11:50:33

阅读数:6661

评论数:0

移动端解决fixed和input获取焦点软键盘弹出影响定位的问题

场景描述, 当document的高度不够window的高度时候,如在ip6中文档的高度比窗体的高度小,到底设计在最下方的区域没有在窗体最下方,就留有空白地方如下图的灰色部分 1、 解决初始化文档高度,让文档高度等于窗体高度,并fixed需要定位的区域在最下方(function botto...

2015-06-18 11:46:36

阅读数:77855

评论数:6

检测浏览器是否支持HTML5视频

function checkVideo() { if(!!document.createElement('video').canPlayType){ var vidTest=document.createElement("video"); oggTest=vidTes...

2015-05-29 16:41:32

阅读数:575

评论数:0

移动H5前端性能优化指南

移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点,首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB...

2015-02-27 14:11:55

阅读数:1493

评论数:0

html5新特性,你不知道的5个HTML5新功能

当你在人群中谈论到“HTML5”,你也许会感觉到,自己像一位异域舞者或独角兽,来到屋子中间,带有明显的“我很酷,我知道它”的意味。这不能说我们虚荣,多少年来,基本的HTML API一直没有任何发展,以至于当有一个小的新功能出现时,例如placeholder,都会让我们露出新奇的眼神。尽管新式的浏览...

2015-02-02 09:46:03

阅读数:1690

评论数:0

移动端弹出提示插件,自写移动端dialog插件

body,div,p,span{margin:0;padding:0;} body{ font-family: "Microsoft Yahei","微软雅黑",Arial,Tahoma; font-size:14px; } .btn-con...

2015-01-12 16:01:38

阅读数:10732

评论数:2

各大浏览器 CSS3 和 HTML5 兼容速查表

需要指出的是,即使同一个浏览器的同一个版本,在 Mac 和 Windows 两个平台,它们对 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome, Safari, Firefox, Opera, IE 5 大浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HT...

2014-12-24 10:21:20

阅读数:916

评论数:0

各大浏览器 CSS3 和 HTML5 兼容速查表

需要指出的是,即使同一个浏览器的同一个版本,在 Mac 和 Windows 两个平台,它们对 CSS3 和 HTML5 的支持也并不一致。本文是一份 Chrome, Safari, Firefox, Opera, IE 5 大浏览器,在 Mac 和 Windows 两个平台,对 CSS3 和 HT...

2014-12-24 10:18:55

阅读数:733

评论数:0

css3初始化属性,WebKit的CSS扩展(WebKit是私有属性)

1、-webkit-touch-callout 是一个 不规范的属性(unsupported WebKit property),它没有出现在 CSS 规范草案中。 当你触摸并按住触摸目标时候,禁止或显示系统默认菜单。在iOS上,当你触摸并按住触摸的目标,比如一个链接,Safari浏览器将显示链接...

2014-12-23 09:32:30

阅读数:1982

评论数:0

html5手机摇一摇效果

HTML5 手机摇一摇 var color = new Array('#fff', '#ff0', '#f00', '#000', '#00f', '#0ff'); if(window.DeviceMotionEvent) { var speed = 25; var x = y ...

2014-11-25 10:48:47

阅读数:6329

评论数:0

监控mobile的横屏、竖屏

为了应对移动设备屏幕的碎片化,我们在开发Mobile Web应用时,一个最佳实践就是采用流式布局,保证最大可能地利用有限的屏幕空间。由于屏幕存在着方向性,用户在切换了屏幕的方向后,有些设计上或实现上的问题就会凸显——我们至少需要处理一下当前显示元素的宽度的适配(当然,要做的可能不仅仅是这个)。很多...

2014-11-24 15:32:42

阅读数:1559

评论数:0

二、Mobile Web开发工具和开发框架

做为一个Mobile Web开发者,我们除了拥有真机外(这个对于大多数团队不现实呀,IT民工们真心买不起),更重要的就是先在模拟器/仿真器上来测试了。在此列举所需要的所有开发环境:   SDK,仿真器,模拟器 iOS SDK(XCode), 最好的IDE与仿真器(没有之一 )An...

2014-11-24 15:26:46

阅读数:758

评论数:0

移动端(html5)微信公众号下用keyup实时监控input值的变化无效

项目中有一处需求是,搜索框依据用户输入的值实时检索,一开始自然而然想到keyup,在拼音状态时,啥问题也没有,后来切换到中文输入法,问题出来了,不灵便了,后来在网上搜了下,找到了思路,主要是给搜索框注册focus事件,隔个时间去检索下,贴出代码 $(function () {...

2014-10-17 14:51:44

阅读数:25468

评论数:1

移动端手机网站限制input只能输入数字

用input:tel属性解决

2014-10-17 14:42:54

阅读数:33440

评论数:1

提示
确定要删除当前文章?
取消 删除
关闭
关闭