前端

设计模式之观察者模式

1. 观察者模式 观察者模式(Observer Pattern) 观察者模式又叫作发布-订阅(Publish/Subscribe)模式、模型-视图(Model/View)模式、源-监听器(Source/Listener)模式或从属者(Dependent)模式 一对多的依赖关系,一个主题对象可被多个观察者对象同时监听,每当主题对象状态变化时,所有依赖它的对象都会得到通知并被自动更新 观察者模式

Python程序使用了Ffmpeg,结束程序后,文件夹中仍然生成音频、视频文件

FFmpeg是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。采用LGPL或GPL许可证。它提供了录制、转换以及流化音视频的完整解决方案。它包含了非常先进的音频/视频编解码库libavcodec,为了保证高可移植性和编解码质量,libavcodec里很多code都是从头开发的。FFmpeg在Linux平台下开发,但它同

为了结合后端而学习前端的学习日志(1)——纯CSS静态卡片案例

前端设计专栏 使用纯CSS创建简洁名片卡片的学习实践在这篇技术博客中,我将分享我的前端学习过程,如何使用纯HTML和CSS创建一个简洁美观的名片式卡片,就像我博客首页展示的那样。这种卡片设计非常适合作为个人简介、产品展示或团队成员介绍。 源码展示<!DOCTYPE html> <html lang="zh

第四节:React组件状态的State属性

1. State状态理解 关于state的理解 state 是组件对象中最重要的属性,值是对象(可以包含多个数据) 组件被称为"状态机",通过更新组件的state来更新对应的页面显示(重新渲染组件) state是组件实例的属性,函数组件没有实例,因为函数组件没有状态 state可以理解是组件自己的数据, props数据是外部传入,state数据就是组件自己的 2. State状态的使用 2.1

实现web视频弹幕的完整指南

本文还有配套的精品资源,点击获取 简介:Web视频弹幕为观众提供实时评论的互动体验。本文将详细说明如何使用 player.min.js JavaScript库,实现一个网页视频播放器的弹幕功能。包括基本播放器集成、弹幕数据源准备、弹幕加载与显示、样式自定义以及弹幕功能的扩展和定制。 1. Web视频弹幕的重要性 引言:视频

js获取url参数值的几种方式

方法一:采用正则表达式获取地址栏参数 (代码简洁,重点正则) function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg);

JavaScript数组方法教学(包教不包会)

数组是什么? 数组是一种特殊的变量,它能够一次存放一个以上的值。 创建数组的方法? 1.创建数组直接量 使用方括号直接创建:[ ] var arr = [1,2,3,4] 2.构造函数法 构造函数就是构造对象的一种模具(函数)构造对象的时候:任何一个函数在构造对象时都要遵守语法: var arr = new Array(1,2,3,4) 数组的特点? 1.数组是有索引的 : 数组的第1个元素索

Vue2 中使用Swiper构建中间大两边小轮播效果

Swiper是一个功能丰富的“滑动特效”插件: 常用的tab切换,banner切换等等,包含各种切换特效,看Demo就非常炫酷。同时,也提供了主流的框架组件版本。然而,最新版的Vue组件只支持在Vue3中使用。查找资料后实践,记录一个Vue2中的使用方式。 Swiper的官网介绍也比较清楚,英文官网中是最新的版本的内容,没有找到旧版的文档内容,中文官网可以看到旧版的文档。 一、Swiper 在Vu