随笔分类 -  HTML5

H5常用技巧
摘要：工作每天都是接触移动的，特将平时工作中常用的技巧整理总结。 一、@support断定浏览器支持情况定义不同样式 @1像素边框 @sticky吸顶优化体验 sticky使用条件：sticky 元素只能在父容器内活动sticky 元素父容器不能含有overflow:hidden 和 overflow:a 阅读全文
posted @ 2016-06-03 18:02 小小平凡世界 阅读(1426) 评论(0) 推荐(0)
HTML5 移动端的上下左右滑动问题
摘要：在移动端页面上，如果要实现【顶部轮播，手指触摸左右滑动】我的方案是，通过监听滑动，阻止默认事件来完成 这样，左右滑动可以完成了，但是触摸这个div的时候，页面不能上下滑动了，怎么办？ 当touchmove的时候，实时改变window的scrolltop值？ 这样会有原生的滑动效果吗？ 大家有什么解决 阅读全文
posted @ 2016-04-29 19:08 小小平凡世界 阅读(9963) 评论(0) 推荐(0)
zepto的tap事件的点透问题的几种解决方案
摘要：zepto的tap事件的点透问题的几种解决方案 zepto的tap事件点透问题分析： 1、“点透”是什么 你可能碰到过在列表页面上创建一个弹出层，弹出层有个关闭的按钮，你点了这个按钮关闭弹出层后后，这个按钮正下方的内容也会执行点击事件（或打开链接）。这个被定义为这是一个“点透”现象。 在前面的项目中 阅读全文
posted @ 2016-01-31 17:25 小小平凡世界 阅读(1485) 评论(0) 推荐(0)
h5页面弹窗滚动穿透的思考
摘要：可能我们经常做这样的弹窗对吧，兴许我们绝对很简单，两下搞定： 弹窗的页面结构代码： 新用户首单送券活动规则 （一）活动时间 2015年8月12日9:00:00-8月20日23:59:59 （二）活动限制： 1）参与活动用... 阅读全文
posted @ 2015-10-22 09:50 小小平凡世界 阅读(5238) 评论(1) 推荐(0)
HTML 5 Audio/Video DOM canplaythrough 事件在移动端遇到的坑
摘要：canplaythrough 事件定义和用法当浏览器预计能够在不停下来进行缓冲的情况下持续播放指定的音频/视频时，会发生 canplaythrough 事件。当音频/视频处于加载过程中时，会依次发生以下事件：loadstartdurationchangeloadedmetadataloadeddat... 阅读全文
posted @ 2015-06-23 17:27 小小平凡世界 阅读(12256) 评论(1) 推荐(1)
前端工程精粹（二）：静态资源管理与模板框架
摘要：本系列文章从一个全新的视角来思考web性能优化与前端工程之间的关系，通过解读百度前端集成解决方案小组（F.I.S）在打造高性能前端架构并统一百度40多条前端产品线的过程中所经历的技术尝试，揭示前端性能优化在前端架构及开发工具设计层面的实现思路。在上一部分，我们介绍了静态资源版本更新与缓存。今天的部分... 阅读全文
posted @ 2014-10-31 10:51 小小平凡世界 阅读(535) 评论(0) 推荐(0)
前端工程精粹（一）：静态资源版本更新与缓存
摘要：本文从一个全新的视角来思考web性能优化与前端工程之间的关系，通过解读百度前端集成解决方案小组（F.I.S）在打造高性能前端架构并统一百度40多条前端产品线的过程中所经历的技术尝试，揭示前端性能优化在前端架构及开发工具设计层面的实现思路。性能优化原则及分类笔者先假设本文的读者是有前端开发经验的工程师... 阅读全文
posted @ 2014-10-31 10:49 小小平凡世界 阅读(505) 评论(0) 推荐(0)
HTML 5 History API的”前生今世”
摘要：History是有趣的，不是吗？在之前的HTML版本中，我们对浏览历史记录的操作非常有限。我们可以来回使用可以使用的方法，但这就是一切我们能做的了。但是，利用HTML 5的History API，我们可以更好的控制浏览器的历史记录了。例如：我们可以添加一条记录到历史记录的列表中，或者在没有刷新时，可... 阅读全文
posted @ 2014-10-30 10:03 小小平凡世界 阅读(255) 评论(0) 推荐(0)