前端笔记网页特效 / 浏览器兼容 / 经验心德

TypeScript阅读笔记

数据类型number 数字const num: number = 1string 字符串const str: string = 'lenton'boolean 布尔值const bl: boolean = truearray 数组const arr1: Array<number> ...
13

ES2015~ES2022温旧知新

解构赋值/* 解构赋值 */ let {  max, min } = Math let { length: len } = 'hello world'标签模板/* 标签模板 */ // eg.1 alert`hello world`  &nbs...
60

JS防抖与节流

防抖 节流

如我们有个需求:在窗口大小改变后,计算窗口的宽高比。可能代码如下:function calc() {     console.log(window.innerWidth / window.innerHeight) } window.addEventListener('resize', calc)这可以满足需求,但是当我们拉动窗口大小时发现,控制台的输出频率非常高,造成不必要的消耗。...
86

前端直播视频流RTSP,RTMP,HLS,FLV方案初探

注:本文主要为网上可见方案测试结果。并非实现过程详细说明。内容测试时间: 2021-05-07本文实践测试概览格式/协议简要说明插件、JS库浏览器RTSP可以直接从摄像头获取的流,延迟低。但浏览器无法直接播放VLC, VXGIE11, Chrome与Firefox低版本RTMPAdobe私有协议,所以要Flash支持。延迟低,需媒体服务器处理转发Video.js  FlashIE11HLSApple提出的协议,需媒体服务器处理转发,浏览器支持好,延迟高Video.js , Tcplay...
1924

HTML5的canvas动画转视频MP4

html5 canvas MediaRecorder

本文主要是研究canvas画布如动画何转为mp4视频并保存在本地。这也是刚刚从知乎的一篇文章和查阅MDN后在Chrome 85浏览器下测试成功的。具体兼容性未知,直接代码加注释说明下实现思路...
2146

字符画进阶实现

上一篇HTML5视频转字符动画上一篇只能使用现有的字符,这次进阶到自己写字来生成字符画,先来看看效果:在线体验: http://demo.ccued.com/draw/原理与上一篇HTML5视频转字符动画大同,不说思路了,源码未加密,需要代码自取。...
1274

VUEX文档阅读摘要

VUE VUEX

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。...
1291

JS中==与===的区别详解

首先建议使用===做比较所有前端开发人员张口就来的解释:==      抽象相等,比较时,会先进行类型转换,然后再比较值。===    严格相等,会比较两个值的类型和值。深入探讨:==号左右的值,具体是通过什么规则转换类型后比较的?如 '0' == 0,是将 string ‘0’转成number 0, 还是number 0转成string ‘0’后,进行的比较?再如:true == 1 [1, 2]...
1207

CSS选择器x-child,x-of-type系列摘要

伪类 伪元素

:nth-child(an+b) 首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从1开始排序,选择的结果为CSS伪类:nth-child括号中表达式(an+b)匹配到的元素集合(n=0,1,2,3...)。示例:0n+3 或简单的 3 匹配第三个元素。1n+0 或简单的 n 匹配每个元素。(兼容性提醒:在 Android 浏览器 4.3 以下的版本 n 和 1n 的匹配方式不一致。...
1534

精准判断JS数据类型方法

function typeOf(obj) {     const toString = Object.prototype.toString;     const map = {         '[object Boolean]'...
1414

精品模板蓝瞳原创精品网站模板

^