- 博客(6)
- 收藏
- 关注
原创 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
3282
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
457
原创 模块化导入导出(ES6 Module / CommonJS)
ES6 Moduleexport模块导出1. 单个变量导出// a.jsexport const name = 'Jack';export const age = 18;export function add(a, b) { return a + b;}2. 整体导出// b.jsconst name = 'Jack';const age = 18;function add(a, b) { return a + b;}export { name, a
2021-10-14 11:46:03
550
原创 用户身份认证
0. 背景计算机本身无法判断坐在显示器前的使用者的身份,也无法确认网络的另一端的是谁。为了明确是谁在访问服务器,必须让客户端自报家门。通常核对一些登录者本人的信息:密码:只有本人知道的字符串信息 动态令牌:仅限本人持有的设备内显示的一次性密码 数字证书:仅限本人(终端)持有的信息 生物认证:指纹和虹膜等本人生理信息 身份证号、手机号等:仅限本人持有的信息1. Basic 认证Basic 身份认证,是 HTTP 1.0 中引入的认证方案之一。虽然方案比较古老,实现简单,同时存在
2021-10-13 15:33:23
2368
原创 ECMAScript学习笔记(二)
变量简单数据类型变量1. Undefined 类型Undefined 类型只有一个值 undefined。当使用 var 或 let 声明了变量但没有初始化时,相当于给变量赋予了 undefined 值。2. Null 类型Null 类型同样只有一个值,即特殊值 null。逻辑上讲,null 值表示一个空对象指针,这也是给 typeof 传一个 null 会返回"object"的原因。3. Boolean 类型不同类型与布尔值之间的转换规则: 数据类型
2021-10-12 20:41:08
149
原创 ECMAScript学习笔记(一)
什么是ECMAScript虽然有时候JavaScript和ECMAScript基本上是同义词,但是JavaScript不限于ECMAScript。完整的JavaScript实现包含以下几个部分:核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM)ECMAScript,即 ECMA-262 定义的语言,并不局限于 Web 浏览器。它定义的内容有:语法 类型 语句 关键字 保留字 操作符 全局对象...
2021-10-12 20:25:21
441
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人