reade

context 是 react 的主要特性，它能在任意层级的组件之间传递数据。 在业务代码中用 context 可能不多，大家更偏向于全局的状态管理库，比如 redux、m...

不用脚手架，10 分钟也能搭建出自己喜欢的项目，Rollup + TypeScript + React，还有 commit 规范，代码规范，一网打尽...

本文会介绍 TypeScript 带来的好处，后面主要会介绍 TS 的类型系统，一些高级语法等，主要包括 条件类型、as const、逆变协变等。...

IntersectionObserver 提供了一种高效的方法来观察元素是否进入或离开视窗，而无需依赖滚动事件或定时器。...

本文介绍了性能工程中的几个定律，了解前端页面性能优化建模的关键步骤， 帮助理解性能优化的重要性和指导优化策略。...

心中要有强烈的想法，强烈到割开身体的某处，流出的不是血，是想法，后面是为了凑够一百个字：心中要有强烈的想法，强烈到割开身体的某处，流出的不是血，是想法...

现在写 react 组件基本都是 function + hooks 了，因为 hooks 很强大也很灵活。 比如 useState 可以声明和修改 state，useEff...

前言 面试官: webpack生产环境构建时为什么要将css文件提取成单独的文件？ 面试官：还有吗？ 面试官：那你有了解过css是怎么提取成单独文件的吗？ 看完本篇之后，希...

描述项目的时候，若是加上这个部分，就能变成前端面试超靓的仔！ 来跟着子辰一起看看，如何解决js脚本加载失败的问题...

webpack 中关于 splitChunks 的几个重点属性的使用场景和解析，结合 bundle analyzer 输出图来分析，快来康康吧~...

webpack官网中，有这么一句话，我不是很认同： 可以说，性能优化最重要的部分就是懂得如何分包了。因此，就来谈谈webpack中的分包。...

通过 console.log 通过上面的 React update 流程，我们发现每次渲染组件的时候，都会通过组件返回的 JSX 再去到后面的流程，所以我们可以在组件写 c...

得益于 chrome 浏览器强大的调试能力， console.log 可谓是前端开发中解决未知问题最直接的办法，遇事不决，打个日志，简单粗暴🏈。但是在 React 项目中...

前言 省流：最终拿到了58、UMU、便利蜂、虾皮、快手、腾讯、字节的offer。 金三银四面试的, 这次整体面试通过率还挺高的, 面试前没有太多准备, 基本上是面试过程中不...

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众...

键盘遮挡问题,应该是 RN 中常见的了,网上有很多参考文章.但是这次开发的页面中涉及到多行输入框的问题。 鉴于之前开发过一个处理键盘高度与自适应的组件库，这里对若干个问题作...

万字长文又来了！单独使用 TypeScript 时没有太多的坑，不过和React结合之后就会复杂很多。本文就来聊一聊TypeScript与React一起使用时经常遇到的一些...

入行几年，可能发现除了发布订阅者模式和单例模式知道些外，其他的模式只是对其名称有所耳闻，只知其名，不知其义。好像这丝毫不影响我搬砖，那么学习总结设计模式的意义在哪里？...