- 博客(20)
- 收藏
- 关注
原创 Video(flv,mpegts)视频流解决方案
经过以上的分析,现阶段最适合最直播业务的为flv流,而它的缺点是前端 video 标签不能直接播放,需要经过处理才行。不过没关系,我们有flv.js!底层基于 TCP,在浏览器端依赖 Flash,但是从2020底年开始,谷歌已经带头不支持flash插件了。flv.js是一个较成熟的前端处理flv格式的插件库,是B站视频的开源插件。
2023-02-09 17:32:51 5513
原创 vue3组件通信方式应用场景分析
注意:defineProps 、defineEmits 、 defineExpose 和 withDefaults 这四个宏函数只能在。Vue2 中子组件数据传递到父组件,通常是使用 $emit 触发一个自定义事件来进行传递。但 $emit 无法在。Vue3 中父组件同样是通过属性传递数据,但子组件接受数据的方式和 Vue2 不同。在vue3的中通过provide提供一个值,再由inject向后代注入。
2023-02-09 17:25:13 185
原创 pinia-vue3状态管理工具
Pinia ,发音为/piːnjʌ/,来源于西班牙语piña。意思为菠萝,表示与菠萝一样,由很多小块组成。在 Pinia 中,每个 Store 都是单独存在,一同进行状态管理。Pinia 是由 Vue.js 团队成员开发,最初是为了探索 Vuex 下一次迭代会是什么样子。过程中,Pinia 实现了 Vuex5 提案的大部分内容,于是就取而代之了。与 Vuex 相比,Pinia 提供了更简单的 API,更少的规范,以及风格的 API。更重要的是,与TypeScript一起使用具有可靠的类型推断支持。
2023-02-09 17:22:42 631
原创 Vue如何优化组件注册
这个方法需要3个参数:要搜索的文件夹目录,是否还应该搜索它的子目录,以及一个匹配文件的正则表达式。我们写了一堆基础UI组件,然后每次我们需要使用这些组件的时候,都得先import,然后声明components,很繁琐!最后我们在main.js中import components/global.js ,然后我们就可以随时随地使用这些基础组件,无需手动引入了。我们在components文件夹添加一个叫global.js的文件,在这个文件里借助webpack动态将需要的基础组件统统打包进来。...
2022-08-09 20:47:55 73
原创 vue中的生命周期
生命周期什么是生命周期?生命周期字面意思,是一个生命从出生到死亡的一个周期,而在vue中生命周期表示的是一个VUE实例或组件从创建到销毁的一个过程,这个过程主要分为三个阶段,及初始化-更新-销毁生命周期有哪些函数?初始化 初始化响应式数据 beforeCreate created初始化dom,响应式数据与dom结合过程 beforeMount mounted更新阶段:beforeUpdate updated销毁阶段 beforeDestory destoryed生命周期的四
2022-05-07 00:25:37 212 5
原创 动态规划之爬楼梯和最小花费爬楼梯
动态规划动态规划算法通常基于一个递推公式及一个或多个初始状态。 当前子问题的解将由上一次子问题的解推出。使用动态规划来解题只需要多项式时间复杂度, 因此它比回溯法、暴力法等要快许多。首先,我们要找到某个状态的最优解,然后在它的帮助下,找到下一个状态的最优解。1.爬楼梯题目:假设你正在爬楼梯。需要 n 阶你才能到达楼顶。每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢?示例 1:输入:n = 2输出:2解释:有两种方法可以爬到楼顶。1 阶 + 1 阶2
2022-04-21 23:43:19 116
原创 栈的思想之有效的括号
有效的括号题目:给定一个只包括 ‘(’,‘)’,‘{’,‘}’,‘[’,‘]’ 的字符串 s ,判断字符串是否有效。有效字符串需满足:左括号必须用相同类型的右括号闭合。左括号必须以正确的顺序闭合。(此题出自力扣第20题)思路分析有效括号字符串的长度,一定是偶数!右括号前面,必须是相对应的左括号,才能抵消!右括号前面,不是对应的左括号,那么该字符串,一定不是有效的括号!代码:var isValid = function(s) { const stack = [];//用来存
2022-04-21 23:17:53 69
原创 async await promise的区别
async await primise的区别async/await:是一个用同步思维解决异步问题的方案async/await是ES7新特性async/await是写异步代码的新方式,以前的方法有回调函数和Promiseasync/await是基于Promise实现的,它不能用于普通的回调函数async/await与Promise一样,是非阻塞的async/await使得异步代码看起来像同步代码,解决了异步代码同步化的问题async定义的函数的返回值是Promise
2022-04-21 23:04:04 410
原创 es6中promise
prmise1 promise 程序执行的特点1: new Promise中的回调函数是同步执行的2: 原型方法的回调函数,都是异步执行的, 属于异步消息队列中的微任务.2 promise有三种状态pendingresolve/ fulfilled 已接收reject 已拒绝peomise api 分类原型api静态pai所有的api执行后返回值都是 新的promise实例, 只要是 promise实例就可以使用原型方法静态方法:只能同构Promise构造函数使用原
2022-04-21 22:58:35 105
原创 let,const,var的区别
1.变量提升在我们es5中没有let,const所以大家都用var来声明变量,用var声明变量有一特点,就是会有变量提升的情况.let和const声明的变量则不会出现这种情况,示例如下:function foo(){console.log(a)//undefinedvar a = 2;}function foo2(){console.log(a)//直接报错let a = 2;}2.重复声明用var来声明同一个变量时相当于二次赋值,let则会直接报错,示例如下:var a = 1
2022-04-20 00:19:15 551
原创 css中div属性及类型
文档流首先谈一下文档流:浏览器会根据 元素的排列方式 块元素 从上到下排列行元素和行内块 从左到右排列 如果空间不足 自动换行我们称为流式布局有了文档流,我们知道了div标签属于标准的块元素,而盒模型又分为标准盒模型和怪异盒模型盒模型1.标准盒模型盒模型(box moldel),是w3c规定一个浏览器如何渲染,显示一个元素,根据元素的种类分为块级元素盒模型和行内元素盒模型盒子组成 = content+padding+border+margin补充:父盒子宽高设置,子盒子未设置宽高时子盒
2022-04-12 21:21:49 1881
原创 html 中的表单
<!-- 表单:用于收集用户的信息 并提交到服务器 --><!-- action 提交的地址 method 请求方式 常用的有get和post --><form action="1.html" method="get">用户名: <input type="text" name="usename"><br>密 码: <input type="password" name="password">
2022-04-12 21:06:12 158
原创 js之运算中的隐式转换问题
js之运算中的隐式转换问题在文章之初.我们不妨先想三个问题:1.什么是隐式转换?2.为什么且什么情况下才会发生隐式转换 ?3.各种数据类型在隐式转换中会发生怎样的转换?在接下来的文章中我们会一一解决这些问题:1.什么是隐式转换相信我们大家都知道Number.String.Boolern.undefined.Null这五种js中的基本数据类型,举个例子: var str = '12' var a = 5 str = String(str) //12 var b = a*str
2022-04-12 21:00:54 642
原创 js的类用之dom实现三级联动
三级联动完整版代码附上:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2022-04-12 20:52:55 184
原创 js之dom二级联动
二级联动说明,此文使用原生 js 实现二级联动,有需要者自行取用数据结构代码块 var data = { 河南省:{ 郑州市:['金水区','二七区','中牟县'], 漯河市:['郾城区','源汇区','召陵区'], 洛阳市:['西工区','吉利区','洛龙区'] }, 浙江省:{ 杭州
2022-04-12 20:48:35 500
原创 使用js中class类制作一个tab栏切换
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、tab切换栏具有什么作用?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:在 ES6 规范中,引入了 class 的概念。相较于es5中原型的写法,继承上的差异 相比之下,更建议后者的class写法,更加符合面向对象编程思想。提示:以下是本篇文章正文内容,下面案例可供参考一、tab切换栏具有什么作用?功能具有添加,删除,切换,更改标题和文本值,图示如下:二、使用步骤1.
2022-04-12 20:41:35 467 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人