上一页 1 2 3 4 5 6 7 8 ··· 27 下一页
2023年6月19日
flex布局中，如何实现其中一个盒子支持滚动？
摘要： flex 布局，上下两个盒子，如果想要让某一个盒子支持滚动条，必须给这个盒子加高度，如果是 auto 则无法滑动。 阅读全文
posted @ 2023-06-19 14:27 蓓蕾心晴 阅读(212) 评论(0) 推荐(0) 编辑
vite+vue3项目中使用 lottie 动画，如何在 template 中直接使用本地 json 文件路径
摘要： 安装 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 蓓蕾心晴 阅读(622) 评论(0) 推荐(0) 编辑
2023年6月15日
如何解决图片加 border 后图片会和边框有不太明显的界限？
摘要： 如上图，给图片加了 border 后，无论直接给图片加，还是给图片套一个壳子加，都会有一点点不太明显的图片和边框之间的分割线，在手机看尤其明显。 勉强看不出来的解决方案： 给图片外层加 border，给图片的宽高都放大一点点，同时给外层付元素设垂直居中，外层父元素不要写 overflow：hidde 阅读全文
posted @ 2023-06-15 20:08 蓓蕾心晴 阅读(265) 评论(0) 推荐(0) 编辑
2023年6月7日
js 函数声明和函数表达式的执行结果
摘要： // var 定义的变量会进行变量提升，声明被拿到函数或全局作用域的顶端，并输出 undefined // 函数声明也会进行提升，var 的变量提升会覆盖函数声明提升 console.log(" 0 ") var fn = function () { console.log("fn0-1") } f 阅读全文
posted @ 2023-06-07 15:36 蓓蕾心晴 阅读(68) 评论(0) 推荐(0) 编辑
2023年6月1日
vue3实现元素监听滚动事件
摘要： // useScroll.js import { debounce } from '@/common/util.js' export default function useScroll(elRef) { console.log('########3useScroll', elRef.value) 阅读全文
posted @ 2023-06-01 16:02 蓓蕾心晴 阅读(1803) 评论(0) 推荐(0) 编辑
2023年5月30日
js判断本页面被 iframe 嵌套
摘要： <!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 蓓蕾心晴 阅读(368) 评论(0) 推荐(0) 编辑
css选择器选择父元素下子元素仅有一个指定 class 的时候
摘要： 对于仅指定一个 class 的场景，我们通常会想到使用 :last-child 或者 :only-child 但是亲测发现，这些伪类选择器不是仅在子元素只有一个我们想要筛选的 class 类的时候，才会被选择，而是仅有一个子元素的时候才会被选中，所以，如果我们子元素还有其他非该类的子元素，则不会被认 阅读全文
posted @ 2023-05-30 17:22 蓓蕾心晴 阅读(728) 评论(0) 推荐(0) 编辑
vue组件中修改组件外元素样式
摘要： 在实际开发中，由于项目一开始设计的一些不合理性，会在组件中通过 html[media=pad]{ .xxx{ /* 组件样式 */ } } 以上方式修改某些组件的样式，这样会涉及到从 html 层级选择，由于我 style 标签是这样写的 <style lang="less" scoped></st 阅读全文
posted @ 2023-05-30 15:50 蓓蕾心晴 阅读(212) 评论(0) 推荐(0) 编辑
2023年5月24日
vue自动导入组件和自动导入类库 api
摘要： vue3 项目中，使用 vue 常用的 api 比如 vuex 的 api 或者 ref,reactive 等，以及导入多个自定义组件、UI 组件库的组件，都需要反复的手动导入，注册，很是影响开发体验，这里推荐 antfu 开源的两个插件，上链接： 自动导入组件 https://github.com 阅读全文
posted @ 2023-05-24 12:16 蓓蕾心晴 阅读(479) 评论(0) 推荐(0) 编辑
unplugin-auto-import的配置和eslint报错解决
摘要： unplugin-auto-import的配置和eslint报错解决先上官网：unplugin-auto-import unplugin-auto-import 解决了vue3-hook、vue-router、useVue等多个插件的自动导入，也支持自定义插件的自动导入，是一个功能强大的typesc 阅读全文
posted @ 2023-05-24 12:08 蓓蕾心晴 阅读(985) 评论(0) 推荐(0) 编辑
报错：TypeError: Found non-callable @@iterator
摘要： 代码： // 自动导入插件 const autpImport = require('unplugin-auto-import/webpack')(...autoImportConfig) 报错 TypeError: Found non-callable @@iterator 原因： 使用 ... 扩 阅读全文
posted @ 2023-05-24 12:02 蓓蕾心晴 阅读(227) 评论(0) 推荐(0) 编辑
2023年5月18日
js获取html标签(元素)的属性
摘要： document.documentElement.getAttribute('data-xxx') 阅读全文
posted @ 2023-05-18 21:24 蓓蕾心晴 阅读(197) 评论(0) 推荐(0) 编辑
2023年5月10日
mac下 nvm 安装 node 版本报错 python: not found
摘要： mac 下 nvm install v12.22.12 时，始终限制安装失败，解决方案，做好以下两件事： 将镜像源更换位淘宝镜像源 将终端 app 右键显示简介，勾选 rosetta 重启终端即可 参考 https://blog.csdn.net/xinshou_caizhu/article/det 阅读全文
posted @ 2023-05-10 11:52 蓓蕾心晴 阅读(834) 评论(0) 推荐(0) 编辑
2023年4月10日
idfv和idfa区别
摘要： IDFA全称 Identifier For Advertising, 一个跟device相关的唯一标识符，可以用来打通不同app之间的广告。比如你在淘宝里搜索了某个商品之后，你在用浏览器去浏览网页的时候，那个网页的广告就会给你展示相应的那个商品的广告。当然你可以重置你的IDFA，使别人不能再trac 阅读全文
posted @ 2023-04-10 16:36 蓓蕾心晴 阅读(1212) 评论(0) 推荐(0) 编辑
2023年4月6日
vue3 watch 监听 flush post 作用？
摘要： 副作用刷新时机Vue 的响应性系统会缓存副作用函数，并异步地刷新它们，这样可以避免同一个“tick”中多个状态改变导致的不必要的重复调用。 同一个“tick”的意思是，Vue的内部机制会以最科学的计算规则将视图刷新请求合并成一个一个的"tick"，每个“tick”刷新一次视图，比如a=1;b=2;只 阅读全文
posted @ 2023-04-06 16:48 蓓蕾心晴 阅读(392) 评论(0) 推荐(0) 编辑
vue3中 toRefs和 toRef 的区别
摘要： toRefs 是为了避免对一个响应式对象解构的时候，解构后的每个属性不具有响应性 toRef 是为了针对单独获取某个对象的属性的时候保持响应性，从而单独对某个对象的属性进行响应式转化 针对 reactive 或者 ref 创建的响应式对象都可以使用这两个 api 进行转化 注意：toRefs只能对第 阅读全文
posted @ 2023-04-06 16:14 蓓蕾心晴 阅读(269) 评论(0) 推荐(0) 编辑
2023年4月4日
vue数组和对象进行 watch 和 watchEffect 对比
摘要： const arr1 = ref([]); const arr2 = reactive([]); const obj1 = ref({}); const obj2 = reactive({}); watchEffect(() => { console.log("watchEffect arr1", 阅读全文
posted @ 2023-04-04 18:55 蓓蕾心晴 阅读(117) 评论(0) 推荐(0) 编辑
如何在vue3获取 DOM 元素
摘要： 获取dom的ref元素名称，要对应暴露的名称，不然会出现无效的dom报错，也就是拿到的是null 在setup中，使用ref（null）获取dom 不能直接在setup里面拿到dom的值，因为setup对应的生命周期是created,所以必须在后续的生命周期钩子里面拿到，比如onMounted 注意 阅读全文
posted @ 2023-04-04 18:25 蓓蕾心晴 阅读(786) 评论(0) 推荐(0) 编辑
pinia state 状态改变监听不到？
摘要： 知识点 storeToRefs# ▸ storeToRefs<SS>(store): ToRefs<StoreState<SS> & StoreGetters<SS> & PiniaCustomStateProperties<StoreState<SS>>> 创建一个引用对象，包含 store 的所 阅读全文
posted @ 2023-04-04 15:20 蓓蕾心晴 阅读(2116) 评论(0) 推荐(0) 编辑
2023年4月3日
pinia如何在组件外使用并修改 store？
摘要： 问题 在 vue3 + pinia 开发中，使用了自定义指令 directives，指令实现在独立的 js 文件中，想通过监听 dom 元素的变化修改 pinia 的 state 状态，直接在初始化调用 store 函数， directives/index.js import { useLayerS 阅读全文
posted @ 2023-04-03 15:16 蓓蕾心晴 阅读(771) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 ··· 27 下一页
点击右上角即可分享
微信分享提示