费曼学前端

很多人在用 `localStorage` 的时候喜欢直接用，明文存储，直接将信息暴露在；浏览器中，虽然一般场景下都能应付得了且简单粗暴，但特殊需求情况下就不行了，该学学封装提升下逼格了！

前言 大家好，我是林三心，用最通俗的话，讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心，今天就给大家唠一下嗑，讲一下，怎么样使用localStorage、sessionStorage，才能更规

图片懒加载在一些图片密集型的网站中运用比较多，通过图片懒加载可以让一些不可视的图片不去加载，避免一次性加载过多的图片导致请求阻塞（浏览器一般对同一域名下的并发请求的连接数有限制），这样就可以提高网站的加载速度，提高用户体验。 2、可以给这个类名设置背景图片，作为图片未加载前的过…

通常情况下，HTML 中的图片资源会自上而下依次加载，而部分图片只有在用户向下滚动页面的场景下才能被看见，否则这部分图片的流量就白白浪费了。 所以，对于那些含有大量图片资源的网站，会采用“按需加载”的方式，也就是当图片资源出现在视口区域内，才会被加载，这样可能会影响一丢丢用户体…

在一些图片量比较大的场景（电商首页，小程序首页等），如果我们打开页面时就加载所有的图片，那势必会导致页面的卡顿以及白屏，给用户不好的体验，导致用户流失。 但是我们仔细想一下，用户真的需要我们显示所有图片一起展示吗？其实并不是，用户看到的只是浏览器可视区域的内容。所以从这个情况我…

OK,兄弟们。前面一篇文章就说过要用指令的方式来实现图片的懒加载。其实，前端发展这么多年，要实现图片懒加载非常的简单，配合上Vue的指令，30行轻轻松松实现一个高复用的Vue指令。一起来看看吧。 这里我是用的IntersectionObserver API去实现的。 简单来说可…

在之前的React Hooks：初探·实践提到过hooks更符合React编程模型，其中custom hooks更是让人眼前一亮，只能说用过的都说香，但是一直没找到贴合hooks的状态管理，虽然hooks的设计挺多来自于redux，但是redux基本和hooks没有交集，至于m…

我们知道React专注于构建UI界面多年，文档上对自己的定位也十分清晰，A JavaScript library for building user interfaces, 所以当你越深入React你可能越会发现，React的编程模型更趋向于组合。举个UI例子，贴图，比如我们要…

这个系列叫做《你可能不知道的React》。如果你看过《你不知道的JavaScript》，肯定会明白其中的由来。除了名字，还借鉴了这神书的切入角度，从一个你平时可能没有注意到的角度入手展开讨论