这是一款HTML5迷你音频播放器插件。该音频播放器插件小巧、干净，可以自定义操作按钮，可以为页面提供最小的音乐播放器功能。引入文件在页面中引入main.min.css和app.js文件。<linkrel="stylesheet"href="main.min.css"> <scriptsrc="app.js"></script> HTML结构使用下面的HTML结构来构建一个音频播放器。<divcl

bubbly-bg.js是一款漂亮的动态气泡背景js插件。它是基于HTML5canvas，压缩后的版本小于1kb，但是它能制作出各种漂亮的动态气泡背景效果，非常强大。使用可以通过npm来安装bubbly-bg.js动态气泡背景插件。npminstallbubbly-bg--save可以在页面中引入bubbly-bg.js文件。<scripttype="text/javascript"src="path/to/js/bubbly-b

FormCache是一个简单jquery表单缓存插件。允许读取表单常用输入框、密码、单选、复选、多文本框的值存入缓存，允许JS调用读取缓存、修改缓存、删除缓存。<scriptsrc="/path/to/jquery.js"></script><!--jQueryisrequired--> <scriptsrc="/path/to/formcache.js"></script>

问题：我的项目中要显示采集来自微信公众平台的图片未经允许不可引用。怎么办？做项目时，采集到的微信图片在项目中不可引用，将<img>标签中的data-src替换为src，将微信尾部?wx_fmt=jpeg去除 然后三种方法选其一： 1>图片地址前缀加上http://read.html5.qq.com/image?src=forum&q=5&r=0&imgflag=7&i

使用html2canvas 能够实现在用户浏览器端直接对整个或部分页面进行截屏保存为图片。这个html2canvas脚本将当页面渲染成一个Canvas图片，通过读取DOM并将不同的样式应用到这些元素上实现。它不需要来自服务器任何渲染，不依赖第三方库，整张图片都是在客户端浏览器创建。当浏览器不支持Canvas时，将采用Flashcanvas或ExplorerCanvas技术代替实现。以下浏览器能够很好的支持该脚本：Firefox

WebUploader是由BaiduWebFE(FEX)团队开发的一个以HTML5/FLASH构建的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用老的FLASH运行时，兼容PC和移动端。它最大的特点是采用大文件分片并发上传，极大的提高了文件上传效率。使用WebUploader还可以批量上传文件、支持缩略图等等众多参数选项可设置，以及多个事件方法可调用，你可以随心所欲的定制你要的上传组件。

最近在一个移动端的Web项目中踩了不少坑，移动端web开发真的坑不少，感觉有必要把它们记录下来，分享给正在钻研移动端Web开发的同学们。滚动穿透问题滚动穿透是指在移动端当有fixed遮罩背景和弹出层时，在屏幕上滑动能够滑动背景下面的内容。网上整理了解决方案，但有些还是存在一定的问题：设置overflow为hidden.modal-open{ &,body{ overflow:hidden; height:100% } } 即当弹

Push.js是一个可以快速运行和接收的Javascript桌面通知库，它支持IE9+，以及现代浏览器如：Chrome,Safari,Firefox。它可以应用在网页消息推送方面，而且简单易用。安装我们可以使用npm快速安装。npminstallpush.js--save 使用运行push接收通知非常简单，以下代码就可以创建一个新的通知：Push.create('HelloWorld!'); 我们还可以传入参数对象，定制通知效果，Pus

想在你的网页首页中全屏播放一段视频吗？而这段视频是作为网页的背景，不影响网页内容的正常浏览。那么我告诉你有一款Javascript库正合你意，它就是Bideo.js。特性自动调整：Bideo.js可以根据当前浏览器窗口的大小自动调整视频尺寸，当浏览器窗口调整时，它会自适应窗口尺寸，移动端、PC端都能自动调整，使视频作为背景并全屏展示。覆盖：视频作为网页背景后，我们可以任意在视频上层放置任意HTML内容。视频封面：页面打开时，视频可能需要

Video.js是一款优秀的HTML5Web视频播放器。它同时支持HTM5和Flash视频，支持在桌面和移动设备上的视频播放，截至目前，大概有40W的站点在使用Video.js作为web播放器。获取Video.jsVideo.js支持npm和bower方式安装：NPM$npminstall--savevideo.js Bower$bowerinstall--savevideo.js 也可以在页面中直接通过标签引用CDN资源：<li

WebSocket协议是基于TCP的一种新的网络协议。WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。依靠这种技术可以实现客户端和服务器端的长连接，双向实时通信。WebSocket最大特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。WebSocket广泛应用于社交聊天、直播、弹幕、多玩家游戏、协同编辑、股票基金实时报价、体育

什么是JSONP首先提一下JSON这个概念，JSON是一种轻量级的数据传输格式，被广泛应用于当前Web应用中。JSON格式数据的编码和解析基本在所有主流语言中都被实现，所以现在大部分前后端分离的架构都以JSON格式进行数据的传输。那么JSONP是什么呢？ 首先抛出浏览器同源策略这个概念，为了保证用户访问的安全，现代浏览器使用了同源策略，即不允许访问非同源的页面，详细的概念大家可以自行百度。这里大家只要知道，在ajax中，不允许