我们封装的localStorage.ts文件 我们在src/utils目录中创建localStorage.ts文件，该文件的代码为： 了解localStorage 我们回顾一下localStorage

本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一起加油！期

本文主要基于WebRtc和WebSocket技术实现了一个可以视频聊天的web网页，其中涉及了WebRtc，WebScoket，node服务以及React相关的知识，希望能给你带来一些帮助~

大家好，我卡颂。 React当前的稳定版本是18.2，发布时间是22年6月，在此之后就没有新的稳定版本发布。 直到今年2月15日，官方博客才透露下一个稳定版本的计划。没错，他就是React19。 为什

styled-components 是一个流行的 React 库，一个 CSS in JS 样式框架，它使用 JavaScript 中的标记模板字面量和 CSS 的强大功能来提供一个平台

最近在看卡颂大佬的《React 设计原理》，看了第一章，就有一种醍醐灌顶的感觉，于是决定记录分享一下这一章的内容。

视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。 作为网页设计的热点趋势，越来越多的网站应用了这项技术。 通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动…

就是顶部黄色的滚动进度条，随着页面的滚动进度而变化长短。 在继续阅读下文之前，你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下，不借助 JS ，能否巧妙的实现上述效果。 OK，继续。这个效果是我在业务开发的过程中遇到的一个类似的小问题。其实即便让我借助 Javascrip…

这两天接触到一个很有意思的 CSS 属性 -- box-decoration-break。下面就一起去一探究竟。 因为 MDN 上关于这个属性，没有中文文档，所以一直在想一个合理贴切的中文翻译。直译一下： 那么，这个属性可以先理解为，元素在发生断行时其样式的表现形式。 这个属性…