摘要: 横屏竖屏 甚至连宽高比的计算都省略了... 阅读全文
posted @ 2016-09-14 11:15 木子冬 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 禁止iOS的弹性滚动 微信的下拉回弹 一种方法: html头部添加 然后将页面body的高度设为window的高度 其他方法 页面高度超过设备可见高度时,阻止掉touchmove事件。 javascript / 禁止浏览器下拉回弹 / function stopDrop() { var lastY; 阅读全文
posted @ 2016-09-14 11:14 木子冬 阅读(23151) 评论(0) 推荐(1) 编辑
摘要: 移动性能 要考虑 低端机与 网络场景下性能 注意! 发布前必要检查项 所有图片必须有进行过压缩 考虑适度的有损压缩,如转化为80%质量的jpg图片 考虑把大图切成多张小图,常见在banner图过大的场景 加载性能优化, 达到打开足够快 数据离线化,考虑将数据缓存在 localStorage 初始请求 阅读全文
posted @ 2016-09-14 11:13 木子冬 阅读(198) 评论(0) 推荐(0) 编辑
摘要: var agent = navigator.userAgent.toLowerCase(); var iLastTouch = null; if (agent.indexOf("iphone") = 0 || agent.indexOf("ipad") = 0) { document.body.ad 阅读全文
posted @ 2016-09-14 11:13 木子冬 阅读(208) 评论(0) 推荐(0) 编辑
摘要: 关于微信端 顶部会撑开页面的解决方案 唯一的 遗憾是需要借助jquery,这个让人比较不爽,没有找到可以用的js的属性来表示clientHeight. //version2 这种情况并没有对全不全屏做任何限制. 阅读全文
posted @ 2016-09-14 11:12 木子冬 阅读(796) 评论(0) 推荐(0) 编辑
摘要: 左滑的手势事件的一种简单实现 专题里面的, 因为需要一个左滑的函数,但是有不想因为仅仅显示一个左滑的事件就重新引入一个大大的插件( , 当然插件本身是很优秀的).于是自己写了一段. 仅供参考 :) javascript (function(){ // touch事件, 左滑屏事件.part3 par 阅读全文
posted @ 2016-09-14 11:11 木子冬 阅读(738) 评论(0) 推荐(0) 编辑
摘要: CSS动画简介 作者: "阮一峰" 日期: "2014年2月14日" 现在,我很少写介绍CSS的文章,因为感觉网站开发的关键还是在服务器端。 但是,CSS动画除外,它实在太有用了。 本文介绍CSS动画的两大组成部分:transition和animation。我不打算给出每一条属性的详尽介绍,那样可以 阅读全文
posted @ 2016-09-14 11:10 木子冬 阅读(218) 评论(0) 推荐(0) 编辑
摘要: browser sync 安装 :在任意的地方单击右键 输入下面的命令 等待. 使用: 在项目的文件夹下 右键 阅读全文
posted @ 2016-09-14 11:09 木子冬 阅读(1000) 评论(0) 推荐(0) 编辑
摘要: http server 使用简明 安装 http server服务器只能解析以 后缀的文件. 不能处理shtml的文件,这点请注意. 最简单的做法是直接在 里面输入下面的这行命令 这样就启动了一个服务器,可以方便的 在手机上调试了. 稍微复杂一点的操作 嗯..有时候需要启动多个服务器,那么就需要修改 阅读全文
posted @ 2016-09-14 11:08 木子冬 阅读(438) 评论(0) 推荐(0) 编辑
摘要: Hello ,移动WEB 笔记 2 1 pixel像素基础 px : CSS pixels 逻辑像素 .浏览器使用的抽象单位 dp,pt : device independent pixels 设备无关像素(物理像素) dpr: devicePixelRatio 设备像素缩放比 iphone5 64 阅读全文
posted @ 2016-09-14 11:07 木子冬 阅读(172) 评论(0) 推荐(0) 编辑