在最开始，项目中使用图标就是直接设计师切下来的.png图标。后来发现页面中图图标的引用数目太多占据了大部分的请求资源，所以有了 CSS Sprite 将多张小图合并到一个图片上，然后利用CSS背景图片定位，来展示不同的图标。 使用不便捷。使用不同图标时经常需要，去量其位置，进行…

只知道用 localStorage 存储键值对，那你就 out 了

Cookie直接在Cookie中存信息可谓是上古时代的操作了，在服务器还没有那么便宜的情况下，好多网站选择将用户的登录信息存在cookie中，他们把用户名或者用户id转换并签名之后，直接存入Cookie，如果有其他需要的信息，也是如此操作。转换或签名可以是加盐md5…

第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type="file"的input不好改变样式。如下代码写一个选择控件，并放在form里面： 可以看到文件的路径是一个假的路径，也就是说在浏览器无法获取到文件的真实存放位置。同时FormData打印出来是一个空的…

我们知道，下载文件是一个非常常见的需求，但由于浏览器的安全策略的限制，我们通常只能通过一个额外的页面，访问某个文件的 url 来实现下载功能，但是这种用户体验非常不好。幸好，HTML 5 里面为 <a> 标签添加了一个 download 的属性，我们可以轻易的利用它来实现下载功能，再也不需要用以前的笨办法了。

前言 HTML5 中提供的文件API在前端中有着丰富的应用，上传、下载、读取内容等在日常的交互中很常见。而且在各个浏览器的兼容也比较好，包括移动端，除了 IE 只支持 IE10 以上的版本。想要更好地掌握好操作文件的功能，先要熟悉每个API。 FileList 对象和 file …

multipages-generator（简称MG）是一个为移动端h5量身打造的网站脚手架，用它可以让你相对的以正确的姿势、迅速的身手、专注于业务，愉快的进行h5开发，以及有配套的快速发布流程。 现在在手淘，京东，今日头条，美柚等过亿用户的手机app中的，都常见h5网页，他们有…

不再碎片化学习，快速掌握 H5 直播技术