cubeSuger_方糖

前言 NextJS是一款基于 React 进行全栈开发的框架，是当下非常火的React全栈框架之一，在去年NextJS发布了V13版本，而本文将基于V13版本的app路由，...

Native Wechat 是一个在 Android 与 iOS 支持微信 SDK 的 React Native 库。为帮助使用 React Native 的开发者对接微信...

之前在项目中用到了 element UI，使用特别简单，而且组建也非常的丰富。即时这样，在项目中肯定也需要用额外的样式来打造自己的应用。直接在 <style lang="s...

为什么需要自定义 Logger ？ 也许会好奇，console.log 不是挺好用的吗，为什么要花精力去自定义 Logger 呢？其实思想跟统一路由是一个道理的，通过自定义...

很多时候我们的项目换个电脑就语法错误、运行报错、打包失败可能都是因为使用了不同的node版本导致的兼容性问题。package-lock.json 的冲突也有可能是node版...

TypeScript 给 JavaScript 扩展了类型的语法，我们可以给变量加上类型，在编译期间会做类型检查，配合编辑器还能做更准确的智能提示。此外，TypeScrip...

在业务开发中，简单的枚举值往往会衍生出许多关联的字段定义。面对需要定义复杂业务字典的场景，本文将使用 TypeScript 实现一个定义业务字典的工具函数，并且支持类型提示...

提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理...

无论是初创的小公司，还是互联网大厂。只要是能赚钱的业务，那它的前端项目必定是需要监控的。 什么？你们的项目直接果奔？不需要任何监控？ 那没事了...

大家好，我卡颂。 最近AIGC（AI Generated Content，利用AI生成内容）非常热，技术圈也受到了很大冲击。目前来看，利用LLM（Large Languag...

解决flex文件溢出问题： 1. 容器设置 `overflow: hidden` 2. 容器设置 `width: 0` 3. 容器设置 `min-width: 0`...

其实，最早接触 Headless UI 是在去年，碰巧看到了一个非常前沿且优秀的组件库 ---- Chakra UI，这个组件库本身就是 Headless UI 的实践者，...

前言 这是本系列的第五篇文章，在之前专栏中，我们一路更新的全部都是跟技术相关的内容，那么本章我们轻松一点，跟大家聊一聊前端运维的一些有趣的事情，也是前端走向全栈的过程中可能...

背景 相信大家在写react时都有这样的经历：在项目中使用了大量的useEffect，以至于让我们的代码变得混乱和难以维护。 难道说useEffect这个hook不好吗？并...

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第1天，点击查看活动详情 项目出处：https://github.com/bradtraversy/50...