06 2023 档案
摘要:在移动端开发中,我们通常不希望页面的图片被长安选中可下载,会禁用图片选中事件,这时,css不能使用通配符全局设置 pointer-events:none; 否则会把所有点击事件禁用。 解决方案 img { box-sizing: border-box; -moz-user-select: none;
阅读全文
摘要:如标题,css border不能同时设置圆角和 border-image,当我想要实现既有圆角,并给圆角加 border-image的时候,发现无法同时生效,只有 border-image会生效。 <!DOCTYPE html> <html lang="en"> <head> <meta chars
阅读全文
摘要:mac 下使用 brew 安装包报错 error: Cannot install under Rosetta 2 in ARM default prefix (/opt/homebrew)! To rerun under ARM use: arch -arm64 brew install ... T
阅读全文
摘要:在 mac 下使用 brew 安装包的时候,最后一行会报错: fatal: not in a git directory Error: Command failed with exit 128: git 导致包安装不成功,解决办法: brew -v 绿色框就是提示你需要做的,输入 git confi
阅读全文
摘要:filter CSS属性 filter 将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像、背景和边框的渲染。 mdn 文档:https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter /* URL to SVG filter */ fil
阅读全文
摘要:unset是css的关键字,将一个属性的属性值设置为unset,目的是将一个属性重新重新设置为其从父母那继承的属性值,如果没有继承则是重置成初始值。 它可以应用到所有的css属性上,包括css简写。 转自:https://www.cnblogs.com/Janejxt/p/7490997.html
阅读全文
摘要:在 vue3 的实际开发中,我们经常会用到 teleport 内置组件来将要展示的模态框传送到 body 等外层元素上挂载并展示,主要解决的一种常见场景为:当前模态框需要更高的层级,但是模态框本身外层元素的 z-index 层级比较低,会导致模态框被其他元素覆盖。 实际使用如下 <button @c
阅读全文
摘要:flex 布局,上下两个盒子,如果想要让某一个盒子支持滚动条,必须给这个盒子加高度,如果是 auto 则无法滑动。
阅读全文
摘要:安装 lottie-web yarn add lottie-web 封装 lottie 组件 <template> <div ref="animation" :style="{ width, height }"></div> </template> <script> import { defineC
阅读全文
摘要:如上图,给图片加了 border 后,无论直接给图片加,还是给图片套一个壳子加,都会有一点点不太明显的图片和边框之间的分割线,在手机看尤其明显。 勉强看不出来的解决方案: 给图片外层加 border,给图片的宽高都放大一点点,同时给外层付元素设垂直居中,外层父元素不要写 overflow:hidde
阅读全文
摘要:// var 定义的变量会进行变量提升,声明被拿到函数或全局作用域的顶端,并输出 undefined // 函数声明也会进行提升,var 的变量提升会覆盖函数声明提升 console.log(" 0 ") var fn = function () { console.log("fn0-1") } f
阅读全文
摘要:// useScroll.js import { debounce } from '@/common/util.js' export default function useScroll(elRef) { console.log('########3useScroll', elRef.value)
阅读全文