06 2023 档案

摘要:在移动端开发中,我们通常不希望页面的图片被长安选中可下载,会禁用图片选中事件,这时,css不能使用通配符全局设置 pointer-events:none; 否则会把所有点击事件禁用。 解决方案 img { box-sizing: border-box; -moz-user-select: none; 阅读全文
posted @ 2023-06-28 17:02 蓓蕾心晴 阅读(365) 评论(0) 推荐(0) 编辑
摘要:如标题,css border不能同时设置圆角和 border-image,当我想要实现既有圆角,并给圆角加 border-image的时候,发现无法同时生效,只有 border-image会生效。 <!DOCTYPE html> <html lang="en"> <head> <meta chars 阅读全文
posted @ 2023-06-28 17:00 蓓蕾心晴 阅读(516) 评论(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 蓓蕾心晴 阅读(1652) 评论(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 蓓蕾心晴 阅读(340) 评论(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 蓓蕾心晴 阅读(663) 评论(0) 推荐(1) 编辑
摘要:unset是css的关键字,将一个属性的属性值设置为unset,目的是将一个属性重新重新设置为其从父母那继承的属性值,如果没有继承则是重置成初始值。 它可以应用到所有的css属性上,包括css简写。 转自:https://www.cnblogs.com/Janejxt/p/7490997.html 阅读全文
posted @ 2023-06-26 16:23 蓓蕾心晴 阅读(519) 评论(0) 推荐(1) 编辑
摘要:在 vue3 的实际开发中,我们经常会用到 teleport 内置组件来将要展示的模态框传送到 body 等外层元素上挂载并展示,主要解决的一种常见场景为:当前模态框需要更高的层级,但是模态框本身外层元素的 z-index 层级比较低,会导致模态框被其他元素覆盖。 实际使用如下 <button @c 阅读全文
posted @ 2023-06-25 19:31 蓓蕾心晴 阅读(1203) 评论(0) 推荐(1) 编辑
摘要:flex 布局,上下两个盒子,如果想要让某一个盒子支持滚动条,必须给这个盒子加高度,如果是 auto 则无法滑动。 阅读全文
posted @ 2023-06-19 14:27 蓓蕾心晴 阅读(210) 评论(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 蓓蕾心晴 阅读(609) 评论(0) 推荐(0) 编辑
摘要:如上图,给图片加了 border 后,无论直接给图片加,还是给图片套一个壳子加,都会有一点点不太明显的图片和边框之间的分割线,在手机看尤其明显。 勉强看不出来的解决方案: 给图片外层加 border,给图片的宽高都放大一点点,同时给外层付元素设垂直居中,外层父元素不要写 overflow:hidde 阅读全文
posted @ 2023-06-15 20:08 蓓蕾心晴 阅读(261) 评论(0) 推荐(0) 编辑
摘要:// var 定义的变量会进行变量提升,声明被拿到函数或全局作用域的顶端,并输出 undefined // 函数声明也会进行提升,var 的变量提升会覆盖函数声明提升 console.log(" 0 ") var fn = function () { console.log("fn0-1") } f 阅读全文
posted @ 2023-06-07 15:36 蓓蕾心晴 阅读(65) 评论(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 蓓蕾心晴 阅读(1796) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示