闲枕飞光-优快云博客

原创 js使用canvas实现视频截图

使用工具视频播放器API：西瓜播放器截图：canvas 实现步骤 1. 创建 canvas 元素，创建 canvas 上下文对象 const canvas = document.createElement('canvas'); const canvasCtx = canvas.getContext('2d'); 2. 获取 video 元素 DOM节点，在 React 中也可以使用 useRef 获取 const video = document.getElementById('mse

2021-10-14 16:27:24 3529 2

原创 CSS（非）实用技巧——背景与边框

参考《CSS揭秘》（《CSS Secrets》）背景 CSS3 尽管“CSS3”这个名词非常流行，但它严格意义上并不是一个规范。因为在CSS2之后，CSS这门语言已经庞大到无法放进单个规范中了，CSS工作组将其分成不同的模块。其中在CSS2.1已有基础上发展的模块升级到了3这个版本，如： CSS 语法(http://w3.org/TR/css-syntax-3) CSS 层叠与继承(http://w3.org/TR/css-cascade-3) CSS 颜色(http://w3.org

2021-10-14 14:20:38 539

原创模块化导入导出(ES6 Module / CommonJS)

ES6 Module export模块导出 1. 单个变量导出 // a.js export const name = 'Jack'; export const age = 18; export function add(a, b) { return a + b; } 2. 整体导出 // b.js const name = 'Jack'; const age = 18; function add(a, b) { return a + b; } export { name, a

2021-10-14 11:46:03 615

原创用户身份认证

0. 背景计算机本身无法判断坐在显示器前的使用者的身份，也无法确认网络的另一端的是谁。为了明确是谁在访问服务器，必须让客户端自报家门。通常核对一些登录者本人的信息：密码：只有本人知道的字符串信息动态令牌：仅限本人持有的设备内显示的一次性密码数字证书：仅限本人（终端）持有的信息生物认证：指纹和虹膜等本人生理信息身份证号、手机号等：仅限本人持有的信息 1. Basic 认证 Basic 身份认证，是 HTTP 1.0 中引入的认证方案之一。虽然方案比较古老，实现简单，同时存在

2021-10-13 15:33:23 2477

原创 ECMAScript学习笔记（二）

变量简单数据类型变量 1. Undefined 类型 Undefined 类型只有一个值 undefined。当使用 var 或 let 声明了变量但没有初始化时，相当于给变量赋予了 undefined 值。 2. Null 类型 Null 类型同样只有一个值，即特殊值 null。逻辑上讲，null 值表示一个空对象指针，这也是给 typeof 传一个 null 会返回"object"的原因。 3. Boolean 类型不同类型与布尔值之间的转换规则：数据类型

2021-10-12 20:41:08 208

原创 ECMAScript学习笔记（一）

什么是ECMAScript 虽然有时候JavaScript和ECMAScript基本上是同义词，但是JavaScript不限于ECMAScript。完整的JavaScript实现包含以下几个部分：核心（ECMAScript）文档对象模型（DOM）浏览器对象模型（BOM） ECMAScript，即 ECMA-262 定义的语言，并不局限于 Web 浏览器。它定义的内容有：语法类型语句关键字保留字操作符全局对象 ...

2021-10-12 20:25:21 521