摘要：
如标题，css border不能同时设置圆角和 border-image，当我想要实现既有圆角，并给圆角加 border-image的时候，发现无法同时生效，只有 border-image会生效。 <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文
posted @ 2023-06-28 17:00
蓓蕾心晴
阅读(638)
评论(0)
推荐(0)
摘要：
mac 下使用 brew 安装包报错 error: Cannot install under Rosetta 2 in ARM default prefix (/opt/homebrew)! To rerun under ARM use: arch -arm64 brew install ... T 阅读全文
posted @ 2023-06-27 12:14
蓓蕾心晴
阅读(1873)
评论(0)
推荐(0)
摘要：
在 mac 下使用 brew 安装包的时候，最后一行会报错： fatal: not in a git directory Error: Command failed with exit 128: git 导致包安装不成功，解决办法： brew -v 绿色框就是提示你需要做的，输入 git confi 阅读全文
posted @ 2023-06-27 12:12
蓓蕾心晴
阅读(387)
评论(0)
推荐(0)
摘要：
filter CSS属性 filter 将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。 mdn 文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter /* URL to SVG filter */ fil 阅读全文
posted @ 2023-06-26 16:51
蓓蕾心晴
阅读(896)
评论(0)
推荐(1)
摘要：
unset是css的关键字，将一个属性的属性值设置为unset，目的是将一个属性重新重新设置为其从父母那继承的属性值，如果没有继承则是重置成初始值。 它可以应用到所有的css属性上，包括css简写。 转自：https://www.cnblogs.com/Janejxt/p/7490997.html 阅读全文
posted @ 2023-06-26 16:23
蓓蕾心晴
阅读(604)
评论(0)
推荐(1)
摘要：
在 vue3 的实际开发中，我们经常会用到 teleport 内置组件来将要展示的模态框传送到 body 等外层元素上挂载并展示，主要解决的一种常见场景为：当前模态框需要更高的层级，但是模态框本身外层元素的 z-index 层级比较低，会导致模态框被其他元素覆盖。 实际使用如下 <button @c 阅读全文
posted @ 2023-06-25 19:31
蓓蕾心晴
阅读(1500)
评论(0)
推荐(1)
摘要：
flex 布局，上下两个盒子，如果想要让某一个盒子支持滚动条，必须给这个盒子加高度，如果是 auto 则无法滑动。 阅读全文
posted @ 2023-06-19 14:27
蓓蕾心晴
阅读(234)
评论(0)
推荐(0)
摘要：
安装 lottie-web yarn add lottie-web 封装 lottie 组件 <template> <div ref="animation" :style="{ width, height }"></div> </template> <script> import { defineC 阅读全文
posted @ 2023-06-19 14:10
蓓蕾心晴
阅读(835)
评论(0)
推荐(0)
摘要：
如上图，给图片加了 border 后，无论直接给图片加，还是给图片套一个壳子加，都会有一点点不太明显的图片和边框之间的分割线，在手机看尤其明显。 勉强看不出来的解决方案： 给图片外层加 border，给图片的宽高都放大一点点，同时给外层付元素设垂直居中，外层父元素不要写 overflow：hidde 阅读全文
posted @ 2023-06-15 20:08
蓓蕾心晴
阅读(315)
评论(0)
推荐(0)
摘要：
// var 定义的变量会进行变量提升，声明被拿到函数或全局作用域的顶端，并输出 undefined // 函数声明也会进行提升，var 的变量提升会覆盖函数声明提升 console.log(" 0 ") var fn = function () { console.log("fn0-1") } f 阅读全文
posted @ 2023-06-07 15:36
蓓蕾心晴
阅读(75)
评论(0)
推荐(0)
摘要：
// useScroll.js import { debounce } from '@/common/util.js' export default function useScroll(elRef) { console.log('########3useScroll', elRef.value) 阅读全文
posted @ 2023-06-01 16:02
蓓蕾心晴
阅读(1887)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2023-05-30 18:01
蓓蕾心晴
阅读(434)
评论(0)
推荐(0)
摘要：
对于仅指定一个 class 的场景，我们通常会想到使用 :last-child 或者 :only-child 但是亲测发现，这些伪类选择器不是仅在子元素只有一个我们想要筛选的 class 类的时候，才会被选择，而是仅有一个子元素的时候才会被选中，所以，如果我们子元素还有其他非该类的子元素，则不会被认 阅读全文
posted @ 2023-05-30 17:22
蓓蕾心晴
阅读(884)
评论(0)
推荐(0)
摘要：
在实际开发中，由于项目一开始设计的一些不合理性，会在组件中通过 html[media=pad]{ .xxx{ /* 组件样式 */ } } 以上方式修改某些组件的样式，这样会涉及到从 html 层级选择，由于我 style 标签是这样写的 <style lang="less" scoped></st 阅读全文
posted @ 2023-05-30 15:50
蓓蕾心晴
阅读(301)
评论(0)
推荐(0)
摘要：
vue3 项目中，使用 vue 常用的 api 比如 vuex 的 api 或者 ref,reactive 等，以及导入多个自定义组件、UI 组件库的组件，都需要反复的手动导入，注册，很是影响开发体验，这里推荐 antfu 开源的两个插件，上链接： 自动导入组件 https://github.com 阅读全文
posted @ 2023-05-24 12:16
蓓蕾心晴
阅读(515)
评论(0)
推荐(0)
摘要：
unplugin-auto-import的配置和eslint报错解决先上官网：unplugin-auto-import unplugin-auto-import 解决了vue3-hook、vue-router、useVue等多个插件的自动导入，也支持自定义插件的自动导入，是一个功能强大的typesc 阅读全文
posted @ 2023-05-24 12:08
蓓蕾心晴
阅读(1167)
评论(0)
推荐(0)
摘要：
代码： // 自动导入插件 const autpImport = require('unplugin-auto-import/webpack')(...autoImportConfig) 报错 TypeError: Found non-callable @@iterator 原因： 使用 ... 扩 阅读全文
posted @ 2023-05-24 12:02
蓓蕾心晴
阅读(294)
评论(0)
推荐(0)
摘要：
document.documentElement.getAttribute('data-xxx') 阅读全文
posted @ 2023-05-18 21:24
蓓蕾心晴
阅读(215)
评论(0)
推荐(0)
摘要：
mac 下 nvm install v12.22.12 时，始终限制安装失败，解决方案，做好以下两件事： 将镜像源更换位淘宝镜像源 将终端 app 右键显示简介，勾选 rosetta 重启终端即可 参考 https://blog.csdn.net/xinshou_caizhu/article/det 阅读全文
posted @ 2023-05-10 11:52
蓓蕾心晴
阅读(962)
评论(0)
推荐(0)
摘要：
IDFA全称 Identifier For Advertising, 一个跟device相关的唯一标识符，可以用来打通不同app之间的广告。比如你在淘宝里搜索了某个商品之后，你在用浏览器去浏览网页的时候，那个网页的广告就会给你展示相应的那个商品的广告。当然你可以重置你的IDFA，使别人不能再trac 阅读全文
posted @ 2023-04-10 16:36
蓓蕾心晴
阅读(1627)
评论(0)
推荐(0)
浙公网安备 33010602011771号