摘要：
看成品 首先完成一个轮播图 <style> * { box-sizing: border-box; } .box { display: flex; height: 400px; overflow: auto; scroll-snap-type: x mandatory; /* 横向滚动到一定程度，自 阅读全文
摘要：
今天在网页控制台看到了这个警告 [Violation] Added non-passive event listener to a scroll-blocking <某些> 事件. Consider marking event handler as 'passive' to make the pag 阅读全文
摘要：
html 不使用脚手架 要使用vue组件的话有两种方法 1 使用 vue3-sfc-loader git地址: https://github.com/FranckFreiburger/vue3-sfc-loader cdn地址: https://cdn.jsdelivr.net/npm/vue3-s 阅读全文
摘要：
vue style 的实现主要通过css 的属性选择器 什么是属性选择器？ 答：用于判断标签属性的一种选择器 <style> .a[self_attribute]{ ... } </style> <!-- 生效 --> <div self_attribute class="a"></div> <!- 阅读全文
摘要：
除了上一篇博客https://www.cnblogs.com/adamr/p/17753396.html，利用js 移除和添加css资源文件，还有一个更为简单的做法，那就是css的属性选择器 <head> <style> [theme="dark"]{ --status-colors-error: 阅读全文
摘要：
如果主题只是一些样式不一样为了方便使用可以定义一些变量 和 一些class 比如这样 白天主题 :root { --status-colors-error: #C72929; --input-label-color: #8E8F90; --input-border-color-focus: #075 阅读全文
摘要：
在工作的时候要从接口读取数据，生成一个动态的表单 首先做的就是绑定ref 然后使用const { proxy } = getCurrentInstance();来读取ref，看了半天数据怎么不对，控制台打印后，发现是一个数组 后来观察到只要是使用v-for生成的获取ref时，即使没有重复，结果也是数 阅读全文
摘要：
图片不保持横纵比是一件很烦的事 背景图我们可以使用background-size 图片可以使用object-fit来保持横纵比 但有时svg图片要不保持横纵比 明明指定了宽高也没有用 原来矢量图天生就是锁定了横纵比 那怎么让svg不保持横纵比呢 使用preserveAspectRatio:none 阅读全文
摘要：
原理比较简单就不上图片了 你也许听说过在行元素中使用vertical-align: middle; 可以实现居中对其，但实际使用上，常常没有作用。 其实行元素有四条线分别是： 顶线 中线 基线 底线 默认行元素是基线对齐的（两个元素的基线在同一高度） 下面代码相当于图片的基线和文字的中线对齐（图片的 阅读全文
摘要：
之前下载某软件使用的p2p下崽器，莫名奇妙安装了一个万能拼音输入法，把万能拼音输入法卸载后，发现输入法依然存在（一个空壳，只可以输入英文），在Windows键盘中移除该输入法后，由于windows的bug，每次更新，这个输入法又会重新被启用。 我开始想办法彻底删除这个软件，以前对待这种软件都是去官网 阅读全文