视频直播这么火，再不学就 out 了。 为了紧跟潮流，本文将向大家介绍一下视频直播中的基本流程和主要的技术点，包括但不限于前端技术。 1. H5 到底能不能做视频直播？当然可以， H5 火了这么久，涵盖了各个方面的技术。 对于视频录制，可以使用强大的 webRTC（Web Real-Time ...

一、input:file属性 属性值有以下几个比较常用： accept：表示可以选择的文件MIME类型，多个MIME类型用英文逗号分开，常用的MIME类型见下表。 multiple：是否可以选择多个文件，多个文件时其value值为第一个文件的虚拟路径。 1、accept 只能选择png和gif...

移动端业务开发，iOS 下经常会有 fixed 元素和输入框(input 元素)同时存在的情况。 但是 fixed 元素在有软键盘唤起的情况下，会出现许多莫名其妙的问题。 这篇文章里就提供一个简单的有输入框情况下的 fixed 布局方案。 iOS下的 Fixed + Input BUG现象让...

现代的WEB应用充满了惊人的、博人眼球的特效，因此WEB开发人员需要使用各种技术来实现这一目标。前些年开发者会使用Adobe Flash来为他们的网站添加互动性，但是随着HTML5、CSS、以及JavaScript库的快速发展，Flash已经要走出历史的舞台了。 2015年出现了很多开源的动画...

在一篇文章中收集所有的CSS代码片段几乎是不可能的事情，但是我们这里列出了一些相对于其他的更有用的代码片段，不要被这些代码的长度所吓到，因为它们都很容易实现，并且具有良好的文档。除了那些解决常见的恼人的问题外，也包含了一些解决新问题的新技术。 1. 垂直对齐如果你之前遇到过这个问题，你就应该知...

由于日常需求以无线居多，所以可以在业务中做一些尝试，如 rem，刚接触这个特性的时候，曾经一度爱不释手，仿佛在无线开发的坎坷路上寻找到一条捷径。然而随着使用范围的扩大，慢慢的发现了一些使用 rem 带来的问题。 rem关于 rem 这个单位的介绍，在此就不赘述，有兴趣的同学可以阅读一丝的《响应...

“你听说过动感影集么?” 动感影集是QQ空间新功能，可以将静态的图片轻松转变为动态的视频集，且载体是HTML5（简称H5）页面，意味着可以随时分享到空间或朋友圈给好友欣赏！ 移动端区别于PC年代的相册视频，由于设备性能限制，每一个动画细节都需要认真优化，今天就来说说动感影集开发过程中的动画性能...

常听人说： 移动端要想动画性能流畅，应该使用3d硬件加速 最近深入了解了一些浏览器内核的细节，感觉这里面其实有坑啊。。。 事情要从最近看的《WebKit技术内幕》说起，第二章介绍了网页的结构，其中提到了Webkit硬件加速的方式，会把需要渲染的元素放到特定的『Composited Laye...

每个人都喜欢经典游戏。你们还有多少人记得在旧的诺基亚手机中的古老贪吃蛇游戏？我敢肯定你们都记得。这就是为什么这节课我们决定利用HTML5重现它。有一个非常棒的开源游戏框架叫 “Phaser”，我们将会使用这个框架来进行开发。 在下面的教程中，你将了解sprites，游戏状态和如何使用的预加载，...

由于一些移动端游戏或互动形式需要使用固定尺寸的布局方式，而项目又需要自适应不同尺寸的屏幕，可以通过设置视口宽度等于固定值让浏览器自动缩放页面的方法来实现。 1<meta name="viewport" content="width=640,initial-scale=1,target-d...