前端
CSS中的BFC，是什么？
CSS中的BFC详解
点击打开视频讲解
一、常见定位方案
普通流
默认，从上而下，行内元素水平排列，行满换行，块级元素渲染成一个新行。
浮动
先按普通流位置出现，然后根据浮动方向偏移。
绝对定位
元素具体位置由绝对定位坐标组成。
二、什么是BFC
BFC（Block Formatting Context）格式化上下文，是Web页面中盒模型布局的CSS渲染模式，指一个独立的
Vue-根据角色生成动态路由及菜单-1-vue脚手架创建项目
根据登录用户的角色，生成路由后addRoute、生成菜单栏基本思路：
1. 用户在登录页输入 用户名+密码 请求后端 login接口 拿到 token 后保存到cookie或sessionStorage中；
2. 接着携带拿到的token请求后端 userInfo 接口，获得用户基本信息及角色role；
3. 前端维护路由表，除了不需要权限限定的页面外其余每个路由添加met
[git] MacBook 安装git
文章目录
1.Mac Git 安装
2. 开发者工具
安装 CommandLineTools
安装完成，错误解决
3. git 账户配置
账户设置
生成秘钥
git 或者 gitee 仓库添加公钥
查看全局账户命令
多账户设置
config文件
测试连接
clone到本地
1.Mac Git 安装Mac一般自带Git工具，也就
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 存储
深入使用
导航
vue的动态组件 keep-alive
1. 什么是动态组件
动态组件指的是 动态切换组件的显示与隐藏
2. 如何实现动态组件渲染
vue提供了一个内置的<component>组件，专门用来实现动态组件的渲染。
作用：组件的占位符
is的值表示要渲染的组件
示例代码如下：
Left.vue的代码
<template>
<div class="box">这是左边的组件</div>
Vue3 使用 Event Bus
本文已整理到 Github，地址 👉 blog。
如果我的内容帮助到了您，欢迎点个 Star 🎉🎉🎉 鼓励鼓励 :) ~~
我希望我的内容可以帮助你。现在我专注于前端领域，但我也将分享我在有限的时间内看到和感受到的东西。
在 Vue2 中，创建 Event Bus 如下：
export const bus = new Vue()
bus.$on(...)
bus.$emit(...)
在 V
Vue中computed与method的区别
两者间区别：
1、computed 会基于响应数据缓存，在值不变的情况下不会再次计算，而是直接使用缓存中的值；methods不会缓存，调用相同的值计算还是会重新计算；
2、diff之前先看data里的数据是否发生变化，如果没有变化computed的方法不会执行，但methods里的方法会执行
3、computed是属性调用，不需要加括号。而methods是函数调用，必须要函数执行才可以得到结果。
