2023-06-14 1185 阅读 实用干货 🌋 🌠 如何为 Vue3 组件标注 TS 类型,看这个就够了! 要说今年最热门的前端技术,Vue3和TS绝对榜上有名了。据了解,已经有很多公司在使用Vue3+TS+Vite开发新项目了。那么我们也不能落后,今天就给大家分享一下如何在Vue3组件中结合Composition-Api使用TS类型。如果有不会或者不熟的小伙伴,一起学起来吧!为props标注类型使用sc
2023-06-12 1024 阅读 实用干货 🌋 🌈 Vue3优雅的监听localStorage变化 Vue3如何监听localStorage的变化。?为什么要这样做?原生的localStorage只能监听同源地址下不同页面的localStorage变化,作为单页面应用,显然不实用。所以我打算自定义一个hook监听localStorage的变化。?思路首先我们需要重写localStorage下的所有
2023-06-08 1109 阅读 实用干货 🌋 ❣ 你都用了这么久的vue3了,但是你真的懂Proxy吗? Proxy是ES6引入的一个新特性,它允许你创建一个代理对象,用于拦截对目标对象的访问。通过使用Proxy,你可以拦截目标对象上的各种操作,比如属性访问、属性赋值、函数调用等,并在这些操作发生时执行自定义的逻辑。在Vue3中,Proxy被用于劫持组件实例,以实现响应式数据的跟踪和更新。当你在Vue组
2023-06-06 1024 阅读 实用干货 🌋 💭 聊聊本地缓存和分布式缓存 缓存,消息队列,分库分表是高并发解决方案三剑客。缓存之所以能够让系统“更快”,本质上做到了如下两点:减小CPU消耗将原来需要实时计算的内容提前算好、把一些公用的数据进行复用,这可以减少CPU消耗,从而提升响应性能。减小I/O消耗将原来对网络、磁盘等较慢介质的读写访问变为对内存等较快介质的访问,从而提
2023-06-04 1229 阅读 值得一看 🔍️ ✨ CSS新魔法color()已经被所有主流引擎支持 背景6月google发了新的博客:关于color()已经被所有主流的引擎支持。下面是文章链接:NewCSScolorspacesandfunctionsinallmajorengines下面的例子可以看到支持的色彩空间.valid-css-color-function-colors{--srgb:c
2023-06-03 1261 阅读 实用干货 🌋 ☝ CSS hover效果的逆向思维 CSS的hover效果是一种常用的前端技术,通过为元素添加鼠标悬停状态下的样式,可以增强网页的交互性和用户体验。通常我们会使用:hover伪类来实现这个效果,但在某些情况下,我们也可以使用逆向思维来实现更加复杂和创新的hover效果。使用opacity属性opacity属性控制元素的不透明度,其取值