前端

vue的动态组件 keep-alive

1. 什么是动态组件 动态组件指的是 动态切换组件的显示与隐藏 2. 如何实现动态组件渲染 vue提供了一个内置的<component>组件,专门用来实现动态组件的渲染。 作用:组件的占位符 is的值表示要渲染的组件 示例代码如下: Left.vue的代码 <template> <div class="box">这是左边的组件</div>

Vue中的内置指令与自定义指令

一、内置指令 1、v-text指令 :向标签中添加文本 2、v-html指令:向指定恒点中渲染包含html结构的内容。 2-1、与插值语法的区别: (1).v-html会替换掉节点中所有的内容,{{xx}}则不会 。 (2).v-html可以识别html结构。 2-2、严重注意: v-html有安全性问题!!! (1).在网站上动态演染任查HTML是非常危险的,容易导致XSS攻击。 (2).定要

vue-router(vue 路由)基本使用指南(二)

文章目录 深入使用 导航守卫 重定向与别名 history 配置:指定历史模式 路由元信息(meta) 拓展 状态管理(Pinia / Vuex) Pinia / Vuex 介绍 Vuex vs Pinia Pinia 基本使用 Pinia 使用 Cookies 存储 深入使用 导航

[git] MacBook 安装git

文章目录 1.Mac Git 安装 2. 开发者工具 安装 CommandLineTools 安装完成,错误解决 3. git 账户配置 账户设置 生成秘钥 git 或者 gitee 仓库添加公钥 查看全局账户命令 多账户设置 config文件 测试连接 clone到本地 1.Mac Git 安装Mac一般自带Git工具,也就

Vue-根据角色生成动态路由及菜单-1-vue脚手架创建项目

根据登录用户的角色,生成路由后addRoute、生成菜单栏基本思路:     1. 用户在登录页输入 用户名+密码 请求后端 login接口 拿到 token 后保存到cookie或sessionStorage中;     2. 接着携带拿到的token请求后端 userInfo 接口,获得用户基本信息及角色role;     3. 前端维护路由表,除了不需要权限限定的页面外其余每个路由添加met

CSS中的BFC,是什么?

CSS中的BFC详解 点击打开视频讲解 一、常见定位方案 普通流 默认,从上而下,行内元素水平排列,行满换行,块级元素渲染成一个新行。 浮动 先按普通流位置出现,然后根据浮动方向偏移。 绝对定位 元素具体位置由绝对定位坐标组成。 二、什么是BFC BFC(Block Formatting Context)格式化上下文,是Web页面中盒模型布局的CSS渲染模式,指一个独立的

vue 函数化组件

Vue.js提供了一个functional的布尔值选项,设置为true可以使组件无状态和无实例,也就是没有data和this上下文。这样用render函数返回虚拟节点可以更容易渲染,因为函数化组件只是一个函数,渲染开销要小很多。 使用函数化组件时,Render函数提供了第二个参数context来提供临时上下文。组件需要的data、props、slots、children、parent都是通过这个上

前端vue:路由的基本使用

1. 路由 概念: Hash 地址与组件之间的对应关系 工作方式: 当用户点击页面上的路由链接 导致了 URL 地址栏中的 Hash 值发生了变化 前端路由就会监听到 Hash 地址的变化 前端路由把当前 Hash 地址对应的组件渲染都浏览器中 2. vue-router` vue-router 是 vue.js 官方给出的路由解决方案 2.1 vue-router 的基本用法 安装 vue-r

前端如何应对精确数字运算?用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性

目录前端如何应对精确数字运算?用BigNumber.js解决JavaScript原生Number类型在处理大数或高精度计算时的局限性一、BigNumber.js介绍1、什么是 BigNumber.js?2、作用领域3、核心特性二、安装配置与基础用法1、引入 BigNumber.js2、配置 BigNumber.js3、常用方法①创建 BigNumber 实例②基本运算③

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二. 测