摘要: 横屏竖屏 甚至连宽高比的计算都省略了... 阅读全文
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 木子冬 阅读(23129) 评论(0) 推荐(1) 编辑
摘要: 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 木子冬 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 移动性能 要考虑 低端机与 网络场景下性能 注意! 发布前必要检查项 所有图片必须有进行过压缩 考虑适度的有损压缩,如转化为80%质量的jpg图片 考虑把大图切成多张小图,常见在banner图过大的场景 加载性能优化, 达到打开足够快 数据离线化,考虑将数据缓存在 localStorage 初始请求 阅读全文
posted @ 2016-09-14 11:13 木子冬 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 关于微信端 顶部会撑开页面的解决方案 唯一的 遗憾是需要借助jquery,这个让人比较不爽,没有找到可以用的js的属性来表示clientHeight. //version2 这种情况并没有对全不全屏做任何限制. 阅读全文
posted @ 2016-09-14 11:12 木子冬 阅读(793) 评论(0) 推荐(0) 编辑
摘要: 左滑的手势事件的一种简单实现 专题里面的, 因为需要一个左滑的函数,但是有不想因为仅仅显示一个左滑的事件就重新引入一个大大的插件( , 当然插件本身是很优秀的).于是自己写了一段. 仅供参考 :) javascript (function(){ // touch事件, 左滑屏事件.part3 par 阅读全文
posted @ 2016-09-14 11:11 木子冬 阅读(734) 评论(0) 推荐(0) 编辑
摘要: CSS动画简介 作者: "阮一峰" 日期: "2014年2月14日" 现在,我很少写介绍CSS的文章,因为感觉网站开发的关键还是在服务器端。 但是,CSS动画除外,它实在太有用了。 本文介绍CSS动画的两大组成部分:transition和animation。我不打算给出每一条属性的详尽介绍,那样可以 阅读全文
posted @ 2016-09-14 11:10 木子冬 阅读(214) 评论(0) 推荐(0) 编辑
摘要: browser sync 安装 :在任意的地方单击右键 输入下面的命令 等待. 使用: 在项目的文件夹下 右键 阅读全文
posted @ 2016-09-14 11:09 木子冬 阅读(996) 评论(0) 推荐(0) 编辑
摘要: http server 使用简明 安装 http server服务器只能解析以 后缀的文件. 不能处理shtml的文件,这点请注意. 最简单的做法是直接在 里面输入下面的这行命令 这样就启动了一个服务器,可以方便的 在手机上调试了. 稍微复杂一点的操作 嗯..有时候需要启动多个服务器,那么就需要修改 阅读全文
posted @ 2016-09-14 11:08 木子冬 阅读(434) 评论(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 木子冬 阅读(170) 评论(0) 推荐(0) 编辑
摘要: Web的Flex弹性盒模型 仓库:http://172.20.4.56:3141/wanglinzhizhi/flex demo 阅读全文
posted @ 2016-09-14 11:06 木子冬 阅读(176) 评论(0) 推荐(0) 编辑
摘要: UC 浏览器的部分私有Meta 属性 1 设置屏幕方向为横屏还是竖屏 2 设置是否全屏,yes表示强制浏览器全屏 3 缩放不出滚动条 设置no后用户缩放与标准浏览器缩放一直,设置为yes后,用户缩放金放到图片和文字,不出现横向滚动条。 4 排版 fitscreen模式简化页面处理,适合页面阅读节省流 阅读全文
posted @ 2016-09-14 11:02 木子冬 阅读(359) 评论(0) 推荐(0) 编辑
摘要: rem Meta部分 阅读全文
posted @ 2016-09-14 11:01 木子冬 阅读(151) 评论(0) 推荐(0) 编辑
摘要: QQ浏览器X5内核问题汇总 23 September 2015 重要更新,X5内核即将更新为Blink内核,到时候下面的这些问题将全部被修复。 X5内核开发团队也给开发者们提供了不少指引,推荐关注: "http://x5.tencent.com/guide?id=2001" @2016 04 05 阅读全文
posted @ 2016-09-14 10:58 木子冬 阅读(571) 评论(0) 推荐(0) 编辑
摘要: 关于safari 浏览器 input圆角的解决方案 去除iOS safari 浏览器的input的圆角问题 border 阴影 CSS3 AnimateEnd 事件 "javascript动态改变css3的animation" 肖恩桂桂 a year ago 当需要在animation下动态计算ke 阅读全文
posted @ 2016-09-14 09:44 木子冬 阅读(229) 评论(0) 推荐(0) 编辑