2024-02-10Transition> 是一个内置组件，这意味着它在任意别的组件中都可以被使用无需注册。**它可以将进入和离开动画应用到通过默认插槽传递给它的元素或组件上。由 v-if 所触发的切换由 v-show 所触发的切换由特殊元素 切换的动态组件注意： 仅支持单个元素或组件作为其插槽内容。如果内容是一个组件，这个组件必须仅有一个根元素。你传入的这些 class 会覆盖相应阶段的默认 class 名。_vue3 transition

https://www.qianduange.cn//article/1671.html 分类：前端知识

2024-02-10元素的变形都有一个原点，元素围绕着这个点进行变形或者旋转，默认的起始位置就是元素的中心位置。CSS3变形使用transform-origin属性指定元素变形基于的原点。修改变形原点为左下角（transform-origin: left bottom 0px;第13行代码改变了div盒子变形原点。

https://www.qianduange.cn//article/1670.html 分类：前端知识

2024-02-10Flexbox是一种简单而强大的布局方式，通过flex可以指明空间的分布方式、内容的对齐方式和元素的视觉顺序，把不同的组件放置在页面中。Flexbox依赖父子关系，在元素上声明display：flex | inline-flex后，这个元素随之成为弹性容器，负责在所占空间内布置子元素（flex-item）。取值：flex-start | flex-end | center | space-between | space-around | space-evenly | stretch。

https://www.qianduange.cn//article/1669.html 分类：前端知识

2024-02-10当你更改组件的数据时，Vue3 会异步更新 DOM。如果你想捕捉组件数据变化后 DOM 更新的时刻，那么你需要使用函数。它们的单个callback参数在 DOM 更新后立即被调用：并且你可以保证获得与组件数据同步的最新 DOM。或者，如果你不向nextTick()提供回调参数，那么这些函数将返回一个在 DOM 更新时被解析的promise。_vue3 nexttick()

https://www.qianduange.cn//article/1668.html 分类：前端知识

2024-02-10right:宽度和父级一样，设定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实现左右布局

https://www.qianduange.cn//article/1667.html 分类：前端知识

2024-02-10伪元素以“::”符号开始，并指定需要样式化的元素的特定部分，比如基本的 ::before 和 ::after 两个伪元素就是用来在目标元素前后添加内容的。是在 CSS3 中引入的，用于描述元素的一些动态的和行为相关的状态。伪类常用于根据用户的操作或当前文档的状态来应用样式，例如 :hover、:active、:focus 等等。伪类和伪元素是CSS中的两种特殊方式，可以对HTML元素添加一些不同于普通选择器样式的显示效果。::before（元素前插入）::after（元素后插入）:hover（悬停）

https://www.qianduange.cn//article/1666.html 分类：前端知识

2024-02-10执行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

https://www.qianduange.cn//article/1665.html 分类：前端知识

2024-02-10在CSS中认为所有的HTML标签都是一个盒子，这些盒子有以下内容：边框border、内容content、内边距padding（内容与边框的距离）、外边距margin（盒子与盒子之间的距离）:read-only 选择有"readonly"的表单元素，注意只读包含禁用，所以也会影响具有"disabled"的表单元素。E:nth-child(n) { css样式 } - n可以是数字，2n，2n-1，even奇数，odd偶数，具体看情况。内边距：元素内容区域和边框之间的距离，可以设置内边距的大小。

https://www.qianduange.cn//article/1664.html 分类：前端知识

2024-02-10解析XML和HTML文档：lxml提供了两种主要的解析器，分别是基于C的解析器和基于Python的解析器。基于C的解析器使用libxml2库，速度较快，而基于Python的解析器则更加容易安装和使用。使用lxml的解析器，可以将XML和HTML文档解析成一个树状结构的Element对象，从而可以通过操作Element对象来访问、修改和操作文档的内容。Element对象：Element对象是lxml中的主要对象，它代表了XML或HTML文档中的一个元素或标签。_lxml

https://www.qianduange.cn//article/1663.html 分类：前端知识

2024-02-10今天一下午什么都没干，只搞了这个模糊效果和动画还有一个发光按钮的效果，不过当真正攻克难关的时候还是感觉很开心的，一定一定要把基础知识掌握牢固（比如overflow和after的两个引号），其实最难的往往还是最基础的知识，因为东西就这么多，就摆在这里，再多的花样也逃不出这些基础知识的范围，花活谁都会整，有基本才是硬道理。关关难过关关过，前路漫漫亦灿灿嘛。_css 背景模糊

https://www.qianduange.cn//article/1662.html 分类：前端知识