前端

uniapp中使用videojs构建H5直播播放器

这两天在开发H5直播带货功能模块,使用原生的video播放器播放不了m3u8的流地址,于是找了videojs,参考了网上的一些资料研究了一下,感觉还不错,videojs播放m3u8流地址还挺稳定的,下面就简单记录一下uniapp里面使用方式。 效果 一、使用npm安装videojs npm i video.js --save npm i videojs-flash --save

Python函数式编程-1·Filter

一、函数式编程Filter: filter(func, seq): 调用一个布尔函数 func 来迭代遍历每个序列中的元素;返回一个使 func 返回值为 true 的元素的序列 如果布尔函数比较简单,直接使用 lambda 匿名函数就显得非常方便了 二、传参方式: filter(布尔函数, 列表): filter会返回一个对象,对象可以直接被list进行转换,转换的list保存过滤结果为T

CSS3渐变 阴影 遮罩

1. CSS3渐变 渐变: 有规律的渐渐变化,在前端中通常指颜色的变化的实现方式. 通常使用在所有接受图像的属性上.(替代图片),意义是创建一张图片 gradient可以应用在所有接受图像的属性上 1.1 分类: 线性渐变(linear-gradient)变化的方向是一条直线 径向渐变(radial-gradient)变化的方向是从圆心向四周运动运动 1.2. 线性渐变 (linear-gr

前端实战从零构建响应式井字棋游戏

💝💝💝欢迎莅临我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 持续学习,不断总结,共同进步,为了踏实,做好当下事儿~ 非常期待和您一起在

Vue中的keep-alive是什么意思?以及如何使用

一、keep-alive是什么? <keep-alive>是vue内置的一个组件,能在组件的切换的过程中将状态保留在内存中,防止重复渲染DOM 包裹动态组件的时候,会缓存不活动的组件实例,而不是销毁他们! <keep-alive>是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件中,作为标签使用 包裹在需要缓存的组件中 注意: 1. include 字符串

算法效率

书名:代码本色:用编程模拟自然系统 作者:Daniel Shiffman 译者:周晗彬 ISBN:978-7-115-36947-5 第6章目录 6.14 算法效率(为什么程序跑得这么慢) 群集行为看起来很不可思议,但它的运行速度会非常慢,群集中的元素越多,程序运行得越慢。 1、优化方法 如果我们把屏幕划分成一个个网格,把这2000个Boid对象分配到这些网格中。对于每个Boid对象,只

【Linux】从互斥原理到C++ RAII封装实践

📢博客主页: 📢欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正! 📢本文由 JohnKi 原创,首发于 CSDN🙉 📢未来很长,值得我们全力奔赴更美好的

Vite3 + Svelte3使用@import导入scss样式

近年来,前端技术日新月异,Vite、Vue3、Svelte、SolidJS 等框架工具大放异彩,身为一个前端开发,总感觉一刻不学习就要out了。最近使用 Vite3 + Svelte3 来构建封装自定义的 Web Components ,开始了艰难的爬坑之旅,本文记录一下:Vite3 + Svelte3配置 Sass 预处理器,在 Svelte 单文件组件中使用 @import 导入 scss 样

Vue前端框架大全

框架类 Web 名称 Vue 描述 Element UI 2 饿了么 Element Plus 3 饿了么 Ant Design 1 2 蚂蚁金服 Ant Design 2 3 蚂蚁金服 Ant Design 3 3 蚂蚁金服 Arco Design 3 字节跳动 View UI 2 View UI Plus 3 AT-UI 2 H