scene

1 背景 需要设计一个纵向滚动菜单，要求丝滑点，默认显示选中菜单 2 思路 给定一个容器，样式包含overflow:hidden，默认高宽足够显示一个菜单（以下用图标代替菜单），鼠标悬浮时增大容器高度

1 场景 父组件传递参数（假设为字符串）给子组件，子组件通过props接收 场景1 子组件利用插值{{}}在template中绑定父组件传递过来的参数 场景2 子组件在mounted生命周期函数中，利

1 解释 clip-path 属性使用裁剪方式创建元素的可显示区域。区域内的部分显示，区域外的隐藏。浏览器会裁剪掉裁剪区域以外的内容，包括: 背景，内容，边框，阴影等，另外也不会捕获裁剪区域之外的ho

1 场景 一般表单我们直接默认布局，也就是单列布局，突然有个人员信息表单，需要双列布局的需求，简单实现并拓展下 2 思路 直接无脑div+flex布局实现 3 代码 这样的无脑实现实在是对不起付出的时

1 场景 多个类似组件都需要传参data，用于请求接口或者处理数据，想让组件干净整洁，把参数data提出来 2 方法 选项式 可以使用mixin混入或者extends继承（略） 组合式 可以使用hoo

上文是对el-table的基本封装上增加slot插槽，并且对col插槽进行拓展，本文主要时增加分页组件，同时进行slot传递

grid网格布局，是一个二维系统，可以像表格一样将页面容器分割成一块一块的区域，定义子元素的排布和位置。 简单使用： 对父元素设置dispay：grid;grid-template-colums和gr

日常开发中，经常会遇到下面场景： 页面加载一个无分页列表，同时工具栏设置多个条件可对列表过滤的场景(典型的就是关键字模糊查询) 父组件传给子组件列表，子组件中需要多选列表多选，选择结果返回父组件 1

日常开发中，git命令运用场景不少，在此记录下 1 分支 查看 查看本地分支：git branch 查看远程分支：git branch -r 查看所有分支：git branch -a 查看本地分支和远

css实现三角形是常见的需求，在此记录如下 1 border实现 原理：相邻接的border之间会形成一条斜线(可按此联想记忆) 注意：相邻接的border形成的斜线，一定是相邻接 下侧橙色，说明下侧

1 需求 管理系统“菜单”由后端接口返回，前端需要根据后端返回的“菜单”数组，构造路由，渲染侧栏菜单 有些菜单是子菜单，有对应的路由，但是不在侧栏显示（比如一些详情页面） 注：这里的“菜单”,不是字面

1 场景 后台管理系统，经典布局，固定头部 布局为头部区域（淡蓝色），侧边栏区域（淡粉色），内容区域（淡绿色），其中内容区域上部（黑线以上）为面包屑区域 需求：1.内容区域可以整体纵向滚动 2.内容区

实现流光边框一般是用渐变背景加动画实现，然后使用内部盒子遮挡内部空间，达到边框流光的效果 思路：背景渐变+旋转动画 动图（略）

功能： 自定义渐变（是否渐变，渐变颜色） 自定义斑马线（角度，宽度） 自定义百分比位置以及前缀文字、后缀文字 自定义动画时间 1 进度条 动图（省略） 2 增加百分比显示，位置选择以及前缀后缀文字 默

1 思路 菜单列表纵向排列，每一项菜单文字根据背景进行旋转 菜单跳转时，整体旋转 2 代码 因为背景曲线扁平，所以下面style中每一项文字旋转和右边距仅仅进行了视觉上简单拟合，并没有进行严谨的拟合，