前端
vue2使用rtsp视频流接入海康威视摄像头(纯前端)
一.获取海康威视rtsp视频流海康威视官方的RTSP最新取流格式如下:rtsp://用户名:密码@IP:554/Streaming/Channels/101用户名和密码IP就是登陆摄像头时候的IP(笔者这里IP是192.168.1.210)所以笔者的rtsp流地址就是rtsp://用户名:密码@192.168.1.210:554/Streaming/Channels/101二. 测
浏览器引入Ant Design of Vue
一、先将vue.min.js,antd.min.js、moment.js、antd.min.css等文件下载到本地;
二、在vue代码里面引入antd组件;
三、在具体的html页面应用;
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>
CSS中的BFC,是什么?
CSS中的BFC详解
点击打开视频讲解
一、常见定位方案
普通流
默认,从上而下,行内元素水平排列,行满换行,块级元素渲染成一个新行。
浮动
先按普通流位置出现,然后根据浮动方向偏移。
绝对定位
元素具体位置由绝对定位坐标组成。
二、什么是BFC
BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的
通过一个例子讲解Vue组合式API
一、Composition API概述
当我们编写Vue组件时候,组件中可能包含一系列的功能,例如一个代码仓库管理的应用,用户的仓库列表可以看做是一个组件,这个组件还包含筛选、搜索的功能。
所谓的功能我们可以理解为MVC中的Model和Controller。从视图角度,组件是最基本的代码复用单元,但是从逻辑上,功能模块是最基本的代码复用单元。
每个组件中可能包含多个功能(也称为关注点),而多个功能
从Web1.0到Web3.0:互联网的三次进化,你真正理解了吗?
从Web1.0到Web3.0:互联网的三次进化,你真正理解了吗?
过去的我们在网上“看”,现在的我们在网上“说”,未来的我们将“拥有”网络世界的一部分。——Web三代的变迁,正悄然改变我们的一切。
一、前言:为什么要了解 Web 的三次迭代?很多人每天上网刷微博、用微信、刷抖音
前端vue:路由的基本使用
1. 路由
概念: Hash 地址与组件之间的对应关系
工作方式:
当用户点击页面上的路由链接
导致了 URL 地址栏中的 Hash 值发生了变化
前端路由就会监听到 Hash 地址的变化
前端路由把当前 Hash 地址对应的组件渲染都浏览器中
2. vue-router`
vue-router 是 vue.js 官方给出的路由解决方案
2.1 vue-router 的基本用法
安装 vue-r
前端实现列表无缝自动滚动效果(div列表+table表格)
一、div列表滚动现在需要实现一个效果,内容无限、平滑、无闪动地向上滚动;当鼠标悬停到列表时,滚动暂停并高亮当前项;鼠标移出后继续滚动。这是在大屏项目中经常见到的一种展示数据的方式,本文为具体的实现方式。
实现原理:
在使用了js控制之后发现有闪动的现象,然后就换了种方式,我的想法是&
Canvas vs WebGL:你真的搞懂浏览器图形渲染了吗?
前言:大多数前端工程师提到图形渲染就脑子一懵。Canvas?WebGL?好像懂,又好像不懂。这篇文章我们不装逼,从渲染原理、源码实现、性能差异、实战场景四个维度把它们拆得体无完肤,看完你就明白为什么大多数人都用错了。
Canvas为什么叫"画布"而不是"页面"?
问
