- 博客(20)
- 收藏
- 关注
原创 flex。
采用Flex布局的元素,称为Flex容器(flex container),它的所有子元素自动成为容器成员,称为Flex项目(flex item),flex容器有两条轴:主轴 main axis(默认水平轴),交叉轴cross axis(默认垂直轴,两轴默认方向为从上到下从左到右。
2023-10-11 20:06:47
118
1
原创 js- bom
bom浏览器模型,window是js最顶级对象 其设置了几个功能对象如上图在全局环境下声明的变量、函数都是window的属性或方法;window的属性和方法无需window.调用。
2023-09-15 14:32:43
103
原创 css-定位
relativeabsolutefixedsticky添加定位的元素可能发生覆盖,当没有设置z-index时同级元素后来者居上。当指定z-index后谁的值大谁在上元素显示转换添加定位的元素和浮动后的元素发生的显示类型改变一致都会具有行内块元素显示块元素如果采用的是继承的父元素宽度,在添加定位后会以自身宽度为准。行内元素添加定位后可以自定义宽高 、垂直的margin浮动元素、绝对定位(固定定位)元素的都不会触发外边距合并的问题。
2023-09-08 09:07:48
104
1
原创 css - 盒子模型
1.不独占一行,多个行内元素可在一行显示,当超出宽度后换行从左到右排列;2.默认大小由自身内容决定;不可以自定义宽高3.只可以设置水平方向的margin和padding4.可以嵌套行内元素1.独占一行显示;2.没设置宽度时,默认父级宽度。高度以内容撑开3.可以自定义宽高、水平垂直方向内外边距;行内元素特点 + 块元素特点多个块元素可以在一行显示但有条缝隙。
2023-09-06 20:13:37
103
1
原创 动态根据角色权限渲染菜单
由于刷新页面时以及第一次登陆时都需要添加对应权限路由,故采取前置路由守卫进行处理。addroute添加的路由无法删除导致重复添加路由的处理。
2023-08-15 21:35:23
149
1
原创 员工 - 头像
before-upload 使用自定义上传处理函数,覆盖默认上传处理函数。采用 cos.putObject api 简单上传图片对象存储 上传对象-SDK 文档-文档中心-腾讯云// putObject 简单上传Bucket: 'photo-1319810634', /* 填入您自己的存储桶,必须字段 */Region: 'ap-nanjing', /* 存储桶所在地域,例如ap-beijing,必须字段 */
2023-08-01 20:16:58
63
1
原创 git 分支基本操作
自定义本地分支名:git checkout -b 本地分支名 origin(仓库名)/追踪的远程分支。当删除分支的内容未与主分支进行合并 git branch -d 会提示是否需要此分支的内容没合并;git push -u 远程仓库名 本地分支名:远程分支名。分支名与远程分支名一致:git checkout 远程分支名。2.功能分支:基于主分支内容开辟的模块分支,由于自神独立所以可以避免错误直接影响项目。3. 跟踪远程分支:当无对应远程的本地分支,想下载远程分支的内容。如远程分支名与本地分支一致则。
2022-09-09 00:00:49
222
原创 轮播图。。
思路: 图片列表相对定位,图片成员通过设置绝对定位堆叠在一起;创建图片和小圆点的Active样式 => 当带有Acitve的图片的z-index值会比其他图片层级高这样实现切换,小圆点的激活样式:颜色变重。由于有几张图片就有几个小圆点,故点击时 index = 小圆点的索引 => 对应图片则会切换。失活:遍历小圆点、图片列表,使其ClassName去除‘Active'激活:对指定索引的小圆点&&图片添加‘Active'前进 :index++后 ,调用激活函数切换图片。后退:index--......
2022-08-18 23:02:11
98
原创 插槽的自我记录
使用组件时可以直接为其添加内容;在组件内设定插槽:; // name为插槽名·3.作用域插槽前提:父级作用域无法获取子级作用域的内容使用场景:插槽的内容为插槽组件的数据。使用过程:
2022-06-27 23:44:07
103
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人