galaxyJING的博客

【代码】[vue3]带闪烁动画的数据卡片组件。

【代码】【vue3】 自封装，数据列表，数据展示快。

【代码】【vue3】 自封装，数据列表，数据展示快。

【代码】【vue3】 自封装，带排序，以及文章类型的通知列表。

可以通过 SCSS 的@extend指令或者使用混合器（mixin）来让复用的样式。

Flexbox 布局会影响其子元素的宽度和对齐方式。在 Flexbox 布局中，子元素（也称为 flex 项）的宽度默认会根据其内容或设置的 flex 属性来调整。

在项目找到 public 下的 index.html 引入。下一步 添加至项目，然后起个项目名称。

源码：https://download.youkuaiyun.com/download/galaxyJING/89913551

样式2： 续传值:style-type="2"

【代码】基于vue2封装的天气卡片组件。

【代码】css 实现各类div倾斜拉伸效果。

在Vue前端中，如果你想通过点击一个按钮来弹出一个包含百度页面的弹框，这实际上涉及到几个步骤。但需要注意的是，出于安全和跨域的原因，直接在一个iframe或弹窗中嵌入一个完整的网页（如百度）可能受到浏览器的限制或策略约束。方法在新窗口或标签页中打开百度页面。这不会受到跨域策略的限制。的加载，特别是当它们尝试加载来自不同源的页面时。一个更可靠的方法是使用JavaScript的。但请注意，某些浏览器可能会阻止或限制。

看报错信息我的写法解决办法在@前面加个~

【代码】前端自定义富文本表格。

【代码】【vue】封装的天气展示卡片，在线获取天气信息。

【代码】各类常用的样式。

【代码】前端效果--旋转雷达效果。

这里我希望你认真看一下vertical-align的官方定义及使用标注，你会发现特别说明只有inline和inline-block元素才能设置。display的属性设置为inline-block、inline和block会有什么区别。垂直对齐设置vertical-align。

它允许你在一行内放置多个元素，同时保持对元素宽高、边距（margin）、填充（padding）和边框（border）的控制，就像。元素之间的空白字符（包括空格、换行和制表符）会导致它们之间出现额外的间距。元素垂直相邻时，它们的边距可能会发生叠加。这是 CSS 的一个特性，旨在防止连续的元素边距相加导致的过大间距。官方给出的解释：（笼统的想看就看不看可以拉到底直接看解决办法）看一效果图（啊啊啊啊我想要的不是这个效果啊！元素一样，会受到文本流和行高的影响。元素的高度或边距不匹配，可能会导致内容看起来错位。

JavaScript中的原型是指每个构造函数都有一个prototype属性，这个属性是一个指针，指向一个对象，该对象的用途是包含可以由特定类型的所有实例共享的属性和方法。每当定义一个对象（函数也是对象）时，就会生成一个__proto__属性，这个__proto__属性指向的是这个对象的构造函数的prototype，被称为显式原型。

scrollHeight: 当元素的子元素高度大于父元素，父元素出现滚动条，此时父元素的clientHeight表示可视的高度，父元素的scrollHeight 表示页面的高度，包括溢出页面被挡住的部分，即其实就是子元素的高度。单位px，只读元素。clientHeight： 表示可视区域高度， 包括padding但不包括border、水平滚动条、margin的元素的高度。offsetHeight：表示可视区域高度，包括padding、border、水平滚动条，但不包括margin的元素的高度。

有人可能会说根目录不行吗，我尝试过是不行的，这还是和css外部样式有关，做一个设想：我们在head里面直接写style可以吗，这样是可行的，但是这样代码的可读性和可维护性不高，所以我还是推荐使用相对路径. ./来引入。就会先转到工程文件目录下，那么就能找到images文件夹，也就能找到我们想要的图片。因为我们一般开发引用的是外部样式表，使用该路径在当前目录下找不到images文件夹，那么也就找不到我们所想要引用的图片。. . /表示的是上一级目录 同理. . /. . /表示的是上上级目录。

请注意，滤镜效果可能在不同的浏览器上有所不同，并且在旧版本的浏览器中可能不受支持。为了获得最佳的跨浏览器兼容性，你可能需要使用浏览器前缀（如。属性允许你对元素应用各种图像效果，如模糊、亮度、对比度、饱和度、色调旋转等。属性来给图片添加滤镜效果，包括改变颜色。你可以将多个滤镜效果组合在一起，只需在。要改变图片的颜色，你可以使用。在 CSS 中，你可以使用。属性中用空格分隔即可。）或使用第三方库，如。

【代码】用css滤镜做颜色不同的数据卡片（背景图对于css滤镜的使用）

资源：https://download.youkuaiyun.com/download/galaxyJING/88963447

vue中style设置scoped后部分样式不生效

特别是标题列表，我们想一行只显示一条标题内容，而有时宽度有限标题文字多了width(宽度)又有限，这样会造成文字自动换行，这个时候我们可以使用white-space样式让他一排显示不换行，为了隐藏超出的文字内容可以再加一个css overflow:hidden样式，就会出现这样一个效果。通常我们使用于强制一行显示内容 通常我们使用white-space:nowrap强制文本文字内容不换行，在对象内一行显示完所有文字内容。white-space语法： white-space : normal nowrap。

个别文件的样式中<style>未加scope。给<style>加上scope，就好了。

:style="{ color: sideTheme === 'theme-dark' ? variables.sidebarTitle : variables.sidebarLightTitle }"

把display: inline 删了 换成float: left;}后，发现宽度就失效了，但是有需要盒子不换行。当给一个盒子的样式加了。