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 分类：前端知识

2024-02-10本文将详细介绍Flex布局中的换行与溢出处理方法，并结合具体的代码示例，帮助读者更好地理解与运用。2，使用flex属性：flex属性是flex-grow、flex-shrink和flex-basis的缩写。可以通过设置不同的flex-basis值来改变子元素的宽度，从而实现溢出内容的隐藏效果。在上述代码中，容器元素的宽度为400px，设置了flex-wrap属性为wrap，以及子元素的flex-basis属性为200px。在Flex布局中，当子元素的总宽度超过父容器的宽度时，有时我们需要进行换行处理。_flex布局换行

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

2024-02-10"module": "./es/index.mjs",如下图，之前的是"module": "./es/index.js"，文件类型改为mjs。主要原因是由于用到的组件进行npm i时默认使用的是vue2，不支持vue3，但是前端框架使用的是vue3，所以导致重构编码时会报错，_default" is not exported by

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

2024-02-10Stylelint 是一个强大的 CSS 静态分析工具，用于帮助开发者遵循一致的 CSS 代码风格和最佳实践。它可以检查 CSS 代码中的错误、不一致的命名约定、不推荐的用法，以及其他潜在的问题。比如说:我们在写css代码时，一般不注重css的书写顺序，那么stylelint就会帮助我们来规范css的书写顺序。这里涉及到css的书写顺序，简单科普以下css书写顺序。_stylelint单引号的新规则是什么

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