2024-02-26display:"inline" 按行内元素显示，此时再设置元素的width、height、margin-top、margin-bottom和float属性都不会有什么影响。还有rgba(255,0,0,0.3)，第四个值为alpha, 指定了色彩的透明度/不透明度，它的范围为0.0到1.0之间。display:"block" 默认占满整个页面宽度，如果设置了指定宽度，则会用margin填充剩下的部分。默认情况下，只有块儿级元素才能设置长、宽，内联元素不能设置，设置了也不错，就是没有效果而已。

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

2024-02-26父级控制子集居中 伪元素和 inline-block / vertical-align（兼容 IE8）transform(不兼容 ie8 以下)设置 margin:auto（该方法得严格意义上的非固定宽高，而是 50%的父级的宽高。）2、单行文本的溢出显示省略号（一定要有宽度）3、多行文本溢出显示省略号 兼容式：4、IOS手机容器滚动条滑动不流畅5、修改滚动条样式6、calc7、scss定义变量8、flex 不生效问

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

2024-02-25事件调用的也是在window上调用print_1()函数，但是window上没有声明print_1()函数，所以提示 “print_1 is not defined”(找不到)。比如传递选择器字符串、页面对象等，如果直接传函数体进去，表示当页面加载完毕时执行这个函数。，但是window上没有声明print_1()函数，所以提示 “print_1 is not defined”(找不到)。是在这个匿名函数里声明的，所以只有在这个匿名函数里面可以访问到。$(function(){})是一个匿名函数，_$(function ()没执行什么原因

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

2024-02-25Pinia没有mutations，只有actions。没有命名空间模块，Pinia的store是扁平化结构，创建的多个store都是相互隔离的，没有嵌套关系。定义Store：使用Pinia提供的defineStore()方法来创建一个store，该store用来存放需要全局使用的数据。使用Store：在Vue组件中，通过import语句导入需要使用的store，然后使用store来获取和修改状态。添加State：在store中添加state，state是一个函数，返回一个对象，该对象包含应用程序的状态。

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

2024-02-25/获取按钮和divletbtn=document.getElementById('bt1');//给按钮绑定单击响应函数btn.addEventListener('click',()=>{//一项一项修改box.style.height=300 'px';});实际上，当我们使用这种方法时，浏览器会对其样式进行一次又一次的渲染。即渲染多次之后得到最后样式，那么，如何只让浏览器渲染一次就得到该效果呢？下面我们就一起来看看如何操作吧。=""........._csdn管理优化

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

2024-02-25将 CSS 添加到 HTML 的三种不同方法可以一起使用，但浏览器遵循最接近 HTML 元素的样式，即内联 CSS，然后是内部 CSS，然后是外部 CSS。要设置上述链接的样式，请在 HTML 文档的 head 部分创建一个样式标签，并使用表示为选择器的标签名称获取链接，然后您可以应用这些样式。随着项目规模的扩大，外部 CSS 是必不可少的，因为它要求您为不同的 HTML 文档创建不同的样式，而不是用样式重载 HTML 文档。文件中，以设置链接的样式，就像我们在内部 CSS 中所做的那样。

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

2024-02-24执行npm install -g @vue/cli时报错_this is a problem related to network connectivity.

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

2024-02-24总之，如果你将一个Vue组件对象转换为响应式对象，可能会导致不必要的性能开销，因此建议使用"markRaw"方法将组件对象标记为非响应式对象，或者使用"shallowRef"代替"ref"来创建一个浅响应式对象。为了避免这种情况，Vue建议使用"markRaw"方法将组件对象标记为非响应式对象，或者使用"shallowRef"代替"ref"来创建一个浅响应式对象。在上面的代码中，我们使用"markRaw"方法将"MyComponent"组件对象标记为非响应式对象，避免了将组件对象转换为响应式对象的情况。_vue received a component which was made a reactive object. this can lead to

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

2024-02-24此时我们就需要先根据真实dom生成虚拟dom， 当虚拟dom某个节点的数据改变后会生成有一个新的Vnode, 然后新的Vnode和旧的Vnode作比较，发现有不一样的地方就直接修改在真实DOM上，然后使旧的Vnode的值为新的Vnode。这种方法比直接操作真实DOM要快得多。从源码中可以知道，Vue判断两个节点是否相同时主要判断两者的key和元素类型等，因此如果不设置key,它的值就是undefined，则可能永 远认为这是两个相同的节点，只能去做更新操作，这造成了大量的dom更新操作，明显是不可取的。_vue3面试题 八股文

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

2024-02-24html之textarea标签、事件冒泡、文本域、回车换行、清除、清空、重置、stopPropagation、querySelector、replace、\n、br、innerHTML_textarea 换行

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