-
10个有用的HTML文件上传技巧
上传文件的能力是许多Web和移动应用的关键需求，从将照片上传到社交媒体上到将简历发布到工作门户网站上，文件上传无处不在。作为一名Web开发人员，我们一定知道HTML提供了原生文件上传的支持，并借助于JavaScript的一点帮助。在HTML5中，File API被添加到DOM中。利用它，我们可以读取 FileList 和其中的 File 对象，这就解决了文件的多种用例，即在本地...
-
使用canvas在前端实现图片水印合成
图片合成最常见的需求有验证码图片，亦或者图片加水印等，这种实现一般都是后端实现的。随着HTML5发展和现代浏览器的占比越来越高，我们其实也可以在前端直接进行图片的合成。优点在于，响应更快，体验更好；如果是和文字进行合成，我们可以利用客户端字体，视觉展现效果更丰富；同时展示和合成全部都是前端完成，因此更利于维护。这里通过举个例子，演示如何在前端实现多个图片合成的效果，主要是借助H...
-
超强 H5直播/点播播放器LivePlayer
之前有给大家分享2个超棒的视频播放器。今天继续分享一款高质量的H5视频播放器插件LivePlayer。HTML5 开源视频播放器DPlayerVue 视频播放组件Vue-CoreVideoPlayerliveplayer 一款集m3u8、rtmp、hls、flv于一身的H5视频流媒体播放器。使用简单，功能强大，免费使用。功能特点支持MP4播放;支持m3u8/HLS播放;支持HT...
-
HTML5 绘图技术 「Canvas」和「SVG」
虽然是要Canvas和SVG，但每次提起Canvas，脑海总会想起SVG，因此先做个简单的对比。 *Canvas 和 SVG 对比 Canvas 和 SVG 都是 HTML5 中推荐的也是主要的2D图形绘制技术Canvas 提供画布标签和绘制API，技术比较新，注重栅格图像处理。SVG是一套独立的矢量图形语言，成为W3C标准已经有十几年，发展缓慢。Canvas 基于像素，提供 ...
-
WebSocket的优点
WebSocket是一种在单个TCP连接上进行全双工通信的协议。WebSocket通信协议于2011年被IETF定为标准RFC 6455，并由RFC7936补充规范。WebSocket API也被W3C定为标准。HTML5开始提供WebSocket协议的支持。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocket A...
