2023-06-12 1060 阅读 实用干货 🌋 🌈 Vue3优雅的监听localStorage变化 Vue3如何监听localStorage的变化。?为什么要这样做?原生的localStorage只能监听同源地址下不同页面的localStorage变化,作为单页面应用,显然不实用。所以我打算自定义一个hook监听localStorage的变化。?思路首先我们需要重写localStorage下的所有
2023-06-08 1145 阅读 实用干货 🌋 ❣ 你都用了这么久的vue3了,但是你真的懂Proxy吗? Proxy是ES6引入的一个新特性,它允许你创建一个代理对象,用于拦截对目标对象的访问。通过使用Proxy,你可以拦截目标对象上的各种操作,比如属性访问、属性赋值、函数调用等,并在这些操作发生时执行自定义的逻辑。在Vue3中,Proxy被用于劫持组件实例,以实现响应式数据的跟踪和更新。当你在Vue组
2023-06-06 1059 阅读 实用干货 🌋 💭 聊聊本地缓存和分布式缓存 缓存,消息队列,分库分表是高并发解决方案三剑客。缓存之所以能够让系统“更快”,本质上做到了如下两点:减小CPU消耗将原来需要实时计算的内容提前算好、把一些公用的数据进行复用,这可以减少CPU消耗,从而提升响应性能。减小I/O消耗将原来对网络、磁盘等较慢介质的读写访问变为对内存等较快介质的访问,从而提
2023-06-04 1256 阅读 值得一看 🔍️ ✨ CSS新魔法color()已经被所有主流引擎支持 背景6月google发了新的博客:关于color()已经被所有主流的引擎支持。下面是文章链接:NewCSScolorspacesandfunctionsinallmajorengines下面的例子可以看到支持的色彩空间.valid-css-color-function-colors{--srgb:c
2023-06-03 1294 阅读 实用干货 🌋 ☝ CSS hover效果的逆向思维 CSS的hover效果是一种常用的前端技术,通过为元素添加鼠标悬停状态下的样式,可以增强网页的交互性和用户体验。通常我们会使用:hover伪类来实现这个效果,但在某些情况下,我们也可以使用逆向思维来实现更加复杂和创新的hover效果。使用opacity属性opacity属性控制元素的不透明度,其取值
2023-06-02 1257 阅读 值得一看 🔍️ 🌵 现代前端框架的渲染模式 这十年,前端渲染方式一直在演进,我觉得大概可以分为以下三个阶段:传统SSR:那时候前端还没有分离,在JSP、ASP、RubyonRails、Django这些MVC框架下,通过模板来渲染页面。jQuery是这个阶段的主角前后端分离:从Node.js发布,到目前为止,是前端发展最迅速的10年。前后端分离