摘要： 之前做了两个项目，和音频，视频相关，遇到了很多坑，记录一下自己遇到的坑，还有别人的前车之鉴。 1.有的安卓手机不写controls 有的方法不好用比如播放，安卓除了play和paused剩下好多方法都不支持。 2 在移动端的视频和音频有的是需要用户手动点击开启的，而使用autoplay或在js里写p 阅读全文

摘要： 和娟god试了下三栏布局的写法，左右两边宽度固定，中间一栏宽度自适应。 第一种写法如下（table布局）： 第二种写法（float）： 先记下来，有时间可以仔细研究下table布局和盒模型有什么区别。 阅读全文

摘要： 写在前面 满世界的动画性能优化技巧，例如： 只允许改变transform、opacity，其它属性不要动，避免重新计算布局（reflow） 对动画元素应用transform: translate3d(0, 0, 0)、will-change: transform等，开启硬件加速 动画元素尽量用fix 阅读全文

摘要： Chrome浏览器开发者工具Network窗口下，可以查看下载各组件所需的具体时间 根据上表进行简要分析—— Stalled（阻塞） 浏览器对同一个主机域名的并发连接数有限制，因此如果当前的连接数已经超过上限，那么其余请求就会被阻塞，等待新的可用连接；此外脚本也会阻塞其他组件的下载； 优化措施： 1 阅读全文

摘要： 1.ie9 不支持rgba支持rgb 2.安卓不支持 audio和video的自动播放，需要调用play()方法，且只支持click方法 3android4.4以下版本，设置圆角属性需要在直接元素上，向父元素设置圆角并且指定overflow:hidden是不会生效的。 4、红米手机，ua返回ipho 阅读全文

摘要： 使用Loding的gif图，每一帧图片的外层会有白色描边。所以如果必须使用gif图的话，请将背景色设置为白色。 你也尝试用以下方法，使用css来实现loading的效果 1. 适用于pc端。在移动端上会缩放的很小。 html： css: 1.1 如果想用于移动端，需要引入淘宝的flexible.mi 阅读全文