obs+FFmpeg制作gif obs+FFmpeg制作gif 前言 bitter-gourd发现在写demo的博客的时候需要用到一些gif 于是决定折腾一下怎么制作一张gif 用到的方法是:obs-studio录屏+FFmpeg制作 准备 下载obs-studio 1yay -S obs-studio 具体步骤 先使用obs-studio录制视频,导出MP4格式的视频 再在视频中寻找需要制作成gif的那一段,记录时间。 2022-06-10 开发环境配置 原创
CSS实现打字机 CSS实现打字效果 前言 bitter-gourd想写一些有趣的CSS动画 github仓库地址:https://github.com/gaoachao/CSS-animation 这是第一篇:CSS+HTML写的打字效果 实现效果 代码 12345678910111213141516171819202122232425262728293031323334353637383940414243 2022-06-10 CSS动画 demo
CSS选择器和CSS权重 CSS选择器 CSS权重 从0开始,一个行内样式+1000,一个id选择器+100,一个元素选择器class或者伪类+10,一个标签选择器或者伪元素+1,通配符+0。 !important等于正无穷。 2022-06-05 Q&A 面经
浏览器存储方式比较 浏览器存储方式比较 存储方式 特点 容量 cookie 1、需要与服务器连接。2、可设置过期时间。3、会影响网络速度 超过4k会被忽略除chrome/safari 外, 都限制了其数量。 localStorage 1、无需请求服务器永久有效(除非手动清缓存)。2、可以封装时间限制的方法。 一般都是 5Mb 不同浏览器不同 sessionStorage 1、无需请求服务器。2、 2022-06-04 Q&A 面经
LeetCode之JS题解 bitter-gourd的LeetCode题解 滑动窗口 序号 3.无重复字符的最长子串 30.串联所有单词的子串 76.最小覆盖子串 159.至多包含两个不同字符的最长子串 209.长度最小的子数组 239.滑动窗口最大值 567.字符串的排列 632.最小区间 727.最小窗口子序列 题目 3.无重复字符的最长子串(medium) 123456789101112131415161718/** 2022-06-03 LeetCode 算法
水平垂直居中 div水平垂直居中 方法汇总 flex布局实现 positon实现 元素已知宽度高度 元素未知宽度高度 元素已知宽度高度且只设置margin table-cell布局实现 HTML结构 12345<body> <div class="father"> <div class="son">bitt 2022-06-03 Q&A 面经
手写curry函数 柯里化 定义 维基百科中对柯里化 (Currying) 的定义为: In mathematics and computer science, currying is the technique of translating the evaluation of a function that takes multiple arguments (or a tuple of arguments) in 2022-06-03 Q&A 面经
手写各类数组方法 Array.prototype.mySlice() 手写切片方法 12345678910111213Array.prototype.mySlice = function(start,end){ if(start == undefined) start = 0; if(end == undefined) end = this.length; const retArray = new Ar 2022-06-03 Q&A 面经
类数组对象如何转化为数组? 类数组对象 定义 类数组对象就是含有length属性的对象,但不是数组。通常来可以用index下标来引用元素。 常见的类数组: 普通函数中的 argument 对象。需要注意的是,箭头函数中不存在这个对象。 一些获取 Dom 集合的方法,如 document.querySelectorAll()、 document.getElementsByClassName、document.getEleme 2022-06-03 Q&A 面经
手写call、apply和bind 手写call、apply和bind call与apply的特点 调用 call 和 apply 的函数会立即执行。 call 和 apply 的返回值就是函数的返回值。 调用 call 和 apply 指向 undefined 或者 null ,会将 this 指向 window。 调用 call 和 apply 指向一个值类型, 会将 this 指向由它们的构造函数创建的实例。这也就是为什么可 2022-06-01 Q&A 面经