苍青浪

2019年1月4日

摘要： <video>标签的属性## src ：视频的属性 poster：视频封面，没有播放时显示的图片 preload：预加载 autoplay：自动播放 loop：循环播放 controls：浏览器自带的控制条 width：视频宽度 height：视频高度 html 代码 <video id="medi 阅读全文

posted @ 2019-01-04 17:21 苍青浪阅读(3472) 评论(0) 推荐(0)

js怎么将 base64转换成图片

摘要： //获取数组最后一个元素 let hasFiles = files[Object.keys(files).pop()] // 参考上面的图片 let file = hasFiles.url let name = hasFiles.file.name let type = hasFiles.file. 阅读全文

posted @ 2019-01-04 14:06 苍青浪阅读(29646) 评论(0) 推荐(1)

网页录像录音功能的实现之MediaRecorder的使用

摘要：前面介绍了通过H5实现在网页内打开摄像头和麦克风，实现截图和图像预览的相关知识。 getUserMedia API及HTML5 调用摄像头和麦克风一个简单的demo 实现摄像头的调用及视频录制，截图，下载等功能，逐渐完善中。。。。地址：https://github.com/zhangdexian 阅读全文

posted @ 2019-01-04 10:38 苍青浪阅读(10196) 评论(2) 推荐(0)

2019年1月3日

Vue 回顾之指令（关于input自动聚焦的问题）

摘要：用了Vue也一年多了，虽然对大部分内容都比较熟悉，但有些用法可能会起到意想不到的作用。今天在做一个关于抽奖的需求，要求是每次点击编辑按钮显示编辑框，要求自动聚焦。一开始想到了autofocus属性，结果发现每次只有刷新页面的第一次会生效，之后无论怎么点击都不能自动聚焦，于是网上查了很多资料，最阅读全文

posted @ 2019-01-03 18:09 苍青浪阅读(7695) 评论(0) 推荐(1)

2019年1月2日

getUserMedia API及HTML5 调用摄像头和麦克风

摘要： getUserMedia API简介 HTML5的getUserMedia API为用户提供访问硬件设备媒体（摄像头、视频、音频、地理位置等）的接口，基于该接口，开发者可以在不依赖任何浏览器插件的条件下访问硬件媒体设备。 getUserMedia API最初是navigator.getUserMed 阅读全文

posted @ 2019-01-02 20:02 苍青浪阅读(45906) 评论(3) 推荐(1)

HTML 5 拖放

摘要：拖放（Drag 和 drop）是 HTML5 标准的组成部分。拖放拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。拖放事件 1.拖动某元素时，将依次触发下列事件： (1)dragstart:按下鼠标并开始移动时，会在被拖放的元素阅读全文

posted @ 2019-01-02 14:44 苍青浪阅读(833) 评论(0) 推荐(0)

前端安全之XSS

摘要： XSS定义 XSS, 即为（Cross Site Scripting）, 中文名为跨站脚本, 是发生在目标用户的浏览器层面上的，当渲染DOM树的过程成发生了不在预期内执行的JS代码时，就发生了XSS攻击。跨站脚本的重点不在‘跨站’上，而在于‘脚本’上。大多数XSS攻击的主要方式是嵌入一段远程或者第阅读全文

posted @ 2019-01-02 12:01 苍青浪阅读(314) 评论(0) 推荐(0)

javascript DOM操作中的insertAdjacentHTML方法

摘要：插入HTML内容与文本内容以前用的是innerHTML与innerText方法,今天看到insertAdjacentHTML和 insertAdjacentText两个API，特地学习一下： insertAdjacentHTML和 insertAdjacentText这两个方法很灵活，可以在指定的地阅读全文

posted @ 2019-01-02 11:34 苍青浪阅读(612) 评论(0) 推荐(0)

XSS跨站脚本攻击

摘要： 1、简介跨站脚本（cross site script）为了避免与样式css混淆，所以简称为XSS。 XSS是一种经常出现在web应用中的计算机安全漏洞，也是web中最主流的攻击方式。那么什么是XSS呢？ XSS是指恶意攻击者利用网站没有对用户提交数据进行转义处理或者过滤不足的缺点，进而添加一些代码阅读全文

posted @ 2019-01-02 11:07 苍青浪阅读(3167) 评论(0) 推荐(0)

2018年12月31日

Redis常用操作--------SortedSet（有序集合）

摘要： 1.ZADD key score member [[score member] [score member] ...] 将一个或多个 member 元素及其 score 值加入到有序集 key 当中。如果某个 member 已经是有序集的成员，那么更新这个 member 的 score 值，并通过阅读全文

posted @ 2018-12-31 09:48 苍青浪阅读(728) 评论(0) 推荐(0)

公告