摘要：CSS object-fit 属性 object-fit: fill|contain|cover|scale-down|none|initial|inherit; 样式上 video{ height:100%; width:100% } 需求： 1、视频需要通屏展示，去掉上下黑边 object-fi 阅读全文

摘要：使用html2canvas插件可以无法渲染图片的情况 在使用html2canvas的时候。如果元素中还包含网络图片。那么有很大的几率渲染不出来。即时把html2canvas的允许跨域打开也无济于事。这次就从根源解决这个问题。而且即时渲染出来了。其实同一张图片已经请求了2次（初始渲染一次，html2c 阅读全文

摘要：使用弹性盒子兼容低端适配有时需要： display:flex 和 display:-webkit-box display: -webkit-box; -webkit-box-align: center; -webkit-box-pack: center; display: flex; align-i 阅读全文

摘要：介绍 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage window.postMessage 发送方 接收方 示例：父页面（parentpage_copy.html）传值给子页面(subpage_copy.html 阅读全文

摘要：css3旋转模拟手机横屏。 当手机不能自动旋转时，或有特殊需求。用css3 transform，实现横屏展示。 注意： 阅读全文

摘要：前言 针对在移动设备执行HTML动画卡顿及缓慢，严重影响视觉及体验，很大一部分是在执行动画过程中一直渲染repaint（一直触发），减少触发改善流畅度。 造成卡顿原因 执行一个动画，采取Left ,Top(x, y)理解成坐标，一个物体从A >B 通过Left,Top 来指定物体的位置，通过chro 阅读全文

摘要：为什么要使用硬件加速 动画实现一个物体从a 到 b ，通常使用css（left, top）属性 @keyframes 控制百分比来执行动画或js 来控制。 在移动网页执行动画部分android手机，会出现卡顿现象。为了解决卡顿现象，可以使用css3 transform中的translate() 来代 阅读全文

摘要：官方文档地址 阅读全文

摘要：1、关闭chrome浏览器（全部） 我们可以通过使用chrome命令行启动参数来改变chrome浏览器的设置，具体的启动参数说明参考这篇介绍。https://code.google.com/p/xiaody/wiki/ChromiumCommandLineSwitches 这里介绍的是--disab 阅读全文

摘要：前言 在我们平时开发中，特别是需要与接口打交道时，无论是写接口还是用接口，拿到接口后肯定都得提前测试一下，这样的话就非常需要有一个比较给力的Http请求模拟工具，现在流行的这种工具也挺多的，像火狐浏览器插件-RESTClient，Chrom浏览器插件-Postman等等。这里主要介绍一下Postma 阅读全文

摘要：FastClick是一个非常方便的库，在移动浏览器上发生介于轻敲及点击之间的指令时，能够让你摆脱300毫秒的延迟。FastClick可以让你的应用程序更加灵敏迅捷。支持各种移动浏览器，比如Safari、Chrome、Opera等。 FastClick 是一个简单，易于使用的JS库用于消除在移动浏览器 阅读全文

摘要：前言 Nginx ("engine x") 是一个高性能的 HTTP 和 反向代理 服务器,也是一个 IMAP/POP3/SMTP 代理服务器. Nginx 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的,它已经在该站点运行超过两年半了. Igor 将源代码以类 阅读全文

摘要：简介 Charles其实是一款代理服务器，通过成为电脑或者浏览器的代理，然后截取请求和请求结果达到分析抓包的目的。该软件是用Java写的，能够在Windows，Mac，Linux上使用。 Charles主要功能 支持SSL代理。可以截取分析SSL的请求。 支持流量控制。可以模拟慢速网络以及等待时间（ 阅读全文