随笔分类 - html5 常用
摘要：1.等分td 在一行里 实现table css table-layout: fixed; 一个tr里多个td就会等分宽度（宽度都一样） 一个tr里一个td就需要设置conspan='数量' (这里数量就是最多饿一行tr的td数)
阅读全文
摘要：1.实现fiddler抓包 移动端网页 以下方法为安卓手机配置方式 电脑端设置 1）配置fiddler远程调试选项 Tools - Telerik Fiddler Options... Connections - 打勾 Allow remote computers to connect 然后重启 查
阅读全文
摘要：微信里只有HTML内的图片才能识别二维码,如下 img标签， 图片高度直接设置为8rem,用来图片的自适应，需要计算 如果用a标签包括img无法弹出二维码
阅读全文
摘要：HTML 5 Canvas vs. SVG 资料： canvas web API接口
阅读全文
摘要：head内写上meta标签，解决使用低版本IE内核渲染页面 Edge：始终以最新的文档模式来渲染页面。 参考： meta标签控制ie渲染标准模式和兼容模式 文档模式（document mode）是IE8引入的一个新概念。页面的文档模式决定了你可以使用哪个级别的CSS，可以使用JavaScript的哪
阅读全文
摘要：一、调试javascript chrome下对js断点调试的方法汇总 ★★★★★ Chrome控制台 如何调试Javascript ★★★★★ 超完整的 Chrome 浏览器客户端调试大全 ★★★ Chrome调试 ★★ 1.浏览器启用 “开发者工具实验性功能” 浏览器地址栏输入‘about：fla
阅读全文
摘要：可能出现的情况 1）一列都有，按顺序弹出对应的弹出层 2）只有单个一个弹出层 3）不按顺序不按规律随机弹出层 jquery 弹出层 解决 第一种情况 参考资料 移动端之“CSS3多动画弹框” 引入jquery JS代码 这里关闭用的css3效果实现 HTML css
阅读全文
摘要：1.input 提示文字颜色修改 placeholder css input::-webkit-input-placeholder{ color:#ddd; } HTML 知识点： 单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。 css伪类：CSS 伪类用于向某些选择器添加特殊的效
阅读全文
摘要：PJAX 解决 多页面切换 背景音乐不断的问题 使用zepto.min.js zepto中文API 背景音乐可以一直播放，这里index局部刷新 解决思路： window.history.pushState()无刷新改变url，配合ajax获取需要的页面和数据 关键点： 1)window.histo
阅读全文
摘要：解决方案一：rem自适应加媒体查询组成自适应网页 1.zepto 开发 单页面多屏滚动 （多屏滚动 是一个页面里 这样背景音乐一直播放 页面没有改变） 解决方案 移动端：zepto.fullpage.js PC端：jQuery全屏滚动插件fullPage.js 这里主要用移动端的 全屏滚动实现：fu
阅读全文
摘要：1.ajax和history.pushState无刷新改变页面URL 音乐解决部分：参考网易云音乐 参考资料 使用ajax和history.pushState无刷新改变页面URL 透过history.pushState无刷新改变url
阅读全文
摘要：H5适配解决方案1 pageResponse.js http://www.cnblogs.com/PeunZhang/p/4517864.html https://github.com/peunzhang/pageResponse 参考资料： http://www.cnblogs.com/tugen
阅读全文
摘要：HTML5 新增加的标签 <nav> <header> <footer> <figure> <figure>标签 定义流的 块元素 左右margin默认40px http://www.w3school.com.cn/tags/tag_figure.asp
阅读全文
摘要：手机浏览器一般都是webkit核心浏览器，使用原生H5 API接口就可以实现打电话功能， 实例 <a href="tel:4006120888" style="display:block;width:100%;height:100%;">电话号码</a> 分机号这样的拨打电话是否正确暂时没有测试，手
阅读全文
摘要：移动站上H5用的越来越多，最常用的我们应该随时记住， 1.css3 圆角 border-radius border-radius:60px; 实例 2.css3阴影 box-shadow box-shadow:1px 1px 3px #c9c8c9;
阅读全文
