2024-02-10 19:02:39
142
530
在CSS3中,增加了一些新的用户界面特性来调整元素尺寸、框尺寸和外边框。CSS3用户界面属性:resize、box-sizing、outline-offset。outline-offset属性对轮廓进行偏移,并在超出边框边缘的位置绘制轮廓。
2024-02-10 19:02:21
582
41
antd3.x的Table组件,设置横向滚动,如果没有数据,横向滚动条会展示在暂无数据的上方,现在想要把暂无数据展示在滚动条的上面原本效果。_ant-table-placeholder
2024-02-10 19:02:16
32
123
文章目录定位固定定位相对定位绝对定位粘性定位定位固定定位position 规定元素的定位方式(类型) static 默认值,没有定位(写和不写一样) fixed 固定定位,会让元素生成 固定定位的元素 固定定位元素 永远是根据 浏览器的显示窗口 作为 定位位置的参考起点的 特点: 1、固定定位会使元素脱离文档流 2、元素在成为固定定位后,在没有规定固定宽度的情况下,宽高由内容撑开 3、固定定位会使元素产生块级框,不论任何类型的元素使用了固定定位后就都可以设置宽高了_position absolute
2024-02-10 19:02:11
239
524
Transition> 是一个内置组件,这意味着它在任意别的组件中都可以被使用无需注册。**它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。由 v-if 所触发的切换由 v-show 所触发的切换由特殊元素 切换的动态组件注意: 仅支持单个元素或组件作为其插槽内容。如果内容是一个组件,这个组件必须仅有一个根元素。你传入的这些 class 会覆盖相应阶段的默认 class 名。_vue3 transition
2024-02-10 19:02:06
527
359
Flexbox是一种简单而强大的布局方式,通过flex可以指明空间的分布方式、内容的对齐方式和元素的视觉顺序,把不同的组件放置在页面中。Flexbox依赖父子关系,在元素上声明display:flex | inline-flex后,这个元素随之成为弹性容器,负责在所占空间内布置子元素(flex-item)。取值:flex-start | flex-end | center | space-between | space-around | space-evenly | stretch。
2024-02-10 19:02:06
39
995
元素的变形都有一个原点,元素围绕着这个点进行变形或者旋转,默认的起始位置就是元素的中心位置。CSS3变形使用transform-origin属性指定元素变形基于的原点。修改变形原点为左下角(transform-origin: left bottom 0px;第13行代码改变了div盒子变形原点。
2024-02-10 19:02:37
252
722
当你更改组件的数据时,Vue3 会异步更新 DOM。如果你想捕捉组件数据变化后 DOM 更新的时刻,那么你需要使用函数。它们的单个callback参数在 DOM 更新后立即被调用:并且你可以保证获得与组件数据同步的最新 DOM。或者,如果你不向nextTick()提供回调参数,那么这些函数将返回一个在 DOM 更新时被解析的promise。_vue3 nexttick()
2024-02-10 19:02:36
197
623
伪元素以“::”符号开始,并指定需要样式化的元素的特定部分,比如基本的 ::before 和 ::after 两个伪元素就是用来在目标元素前后添加内容的。是在 CSS3 中引入的,用于描述元素的一些动态的和行为相关的状态。伪类常用于根据用户的操作或当前文档的状态来应用样式,例如 :hover、:active、:focus 等等。伪类和伪元素是CSS中的两种特殊方式,可以对HTML元素添加一些不同于普通选择器样式的显示效果。::before(元素前插入)::after(元素后插入):hover(悬停)
2024-02-10 19:02:36
43
703
right:宽度和父级一样,设定margin-right:left的宽度px,宽度随父级变化而变化(固定 自适应)当主轴方向为 column时,上面设置高度,宽度和父级一直,下边flex:1。也就是说,当主轴方向是row的情况下,左边设置宽度,右边flex:1。right: 定宽高: position: absolute top: 0 right 0。left: 定宽高: position: absolute top: 0 left: 0。left,right:定宽,定高,float:left。_flex实现左右布局
2024-02-10 19:02:35
656
299
执行npm命令报错:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of me解决办法:在package.json里添加_fatal error: ineffective mark-compacts near heap limit allocation failed - j
前端知识热文
大家都在看