- 博客(18)
- 收藏
- 关注
RSS订阅原创 Next.js 大型应用程序的有效维护策略
应该实现的一些最重要的事情。在阅读本节之前，我常常随意猜测在将任何应用程序部署到生产环境之前要做什么。在将应用程序部署到生产环境并将其交付给客户之前，请务必检查您需要支持哪些浏览器。
2023-08-24 17:45:00
179
1
原创 揭秘YouTube 的环境模式发光效果
让我们简要概述一下我们创建这个效果将采取的步骤。首先，我们必须在画布上渲染显示的视频帧，并保持一切同步。我们将帧渲染到一个较小的画布上（导致图像像素化）。当图像被降低分辨率时，图像的重要和最显著的部分会被保留，代价是丢失了一些小细节。通过将图像降低到低分辨率，我们将其减少到最显著的颜色和细节，实际上类似于颜色采样，尽管不如精确。比较原始视频与降低分辨率的画布。（大预览）接下来，我们将对画布进行模糊处理，将像素化的颜色进行混合。我们将使用CSS的绝对定位将画布置于视频后方。展示在画布元素中的模糊效果。
2023-08-24 17:39:12
397
1
原创 如何优雅的给柯里化函数添加类型标注
首先介绍一下什么叫函数柯里化：函数柯里化是一种常见的函数式编程技术，它可以将一个接受多个参数的函数转化为一系列只接受单个参数的函数，这些函数可以被组合使用。
2023-08-24 17:15:49
129
1
原创 揭示现代技术与语言翻译未来的发展趋势
在这篇文章中，Adriano Raiano讨论了语言翻译平台的演变，详细介绍了我们如何走到今天这一步，以及在未来几年中我们可以期待的进展。
2023-08-16 17:37:57
278
1
原创 从理论到实践，探索 Next.js App Directory 架构的奥秘
新的 App 目录架构一直是最近 Next.js 发布的主要亮点，这一点引发了许多讨论。在这篇文章中，Atila Fassina 探讨了这种新策略的优势和风险，并反思了您是否应该立即在生产环境中使用它。
2023-08-16 17:29:10
247
1
原创 手把手教你在Next.js 13中利用React Server组件实现国际化
随着Next.js 13和 App Router 测试版的推出，React Server Components 开始公开可用。这种新范例允许不需要 React 交互功能的组件（例如useState和useEffect）仅保留在服务器端
2023-08-16 17:24:00
467
1
原创 探索Next.js 13.4版本的升级与优化
不仅限于第一方组件，还包括在 Server Components 生态系统中的任何组件，比如 Twitter 嵌入的 react-tweet 组件，它已经被设计成与 Server Components 集成，并完全在服务器上运行。我们的合作伙伴关系，加上 React 核心团队多年的研发经验，为 Next.js 提供了通过最新版本的 React 架构（包括 Server Components）实现我们目标的机会。目前的解决方案生态系统要么是可重用的客户端解决方案，要么是嵌入到框架中的基本功能。
2023-08-03 12:26:55
429
原创 大模型驱动软件2.0
部分翻译来自清华 ChatGLM 模型使用大模型技术作为核心控制器来构建Agent是一个很酷的概念，一些验证这个概念的技术方案，例如AutoGPT、GPT-Engineer 和 BadyAGI，取得令人鼓舞的成绩。大模型的扩展潜能，超过生成书写流畅的副本、故事、论文和问题，其可以作为强有力的通用问题解决方案。
2023-08-03 11:23:24
133
原创 【进阶 TypeScript 开发】探秘高级技巧，助您成为 TypeScript 强者！
映射类型允许您通过转换现有类型的属性来创建新类型。您可以根据现有类型的属性生成新的类型，例如将属性变为可选或只读，添加或移除属性等。映射类型提供了一种方便的方式来生成类型的变体，以适应特定的需求。交叉类型允许您将多个类型合并为一个类型，创建一个新类型，该新类型具有交叉类型的所有属性和方法。类型断言允许您在TypeScript无法推断变量类型时明确定义变量的类型。索引签名允许您在接口或类型中定义动态属性名称及其对应的类型。类型守卫允许您根据特定条件，在条件块内缩小变量的类型范围。
2023-07-25 11:03:30
57
1
原创 一文读懂 Next.js 中的 SSR、CSR、SSG、ISR 和 DPR 技术
技术本身并不是完美的，CSR、SSR、SSG、ISR、DPR 这些解决方案，多多少少都有一些自身无法解决的问题，它们本质上就是在平衡动态性、渲染性能、缓存性能这三个矛盾点，依然需要继续探索和演进下去。随着技术在持续发展，或许后续会有更好的解决方案。
2023-07-25 10:31:19
717
1
原创 提升测试效率：深入解析三种测试自动化类型
我们都经历过这样的情况：现实生活中经常出现的重复编码模因是什么？这个模因总结得很好：每个抽屉单独工作都很好，但与另一个抽屉结合使用时，它们会互相阻挡，从而无法发挥作用。我们希望两个抽屉能够很好地配合，能够同时操作。将其应用到 Web 开发中：我们编写了一些测试，甚至可能实现了 100% 的测试覆盖率，但我们的应用程序仍然需要在其他部分到位后立即执行。这些单元工作得很好，但彼此之间没有关系。因此，编写一些测试至关重要，但这只是为您的项目找到理想测试设置的一部分。
2023-07-24 18:01:48
83
原创 一文读懂React中的RSC是什么？
RSC是在服务器上渲的React组件。我回答了这个问题，文章结束！好吧，那不是一个好答案。让我们深入挖掘一下。目前，如果您创建一个React应用并使用您喜欢的构建工具进行打包，您将把应用需要的所有JS发送到客户端。这包括用于获取数据、格式化数据和渲染数据的包。这可能导致绝对庞大的JS包，其中包含客户端实际上可能不需要的内容。有一些方法可以减少这个包的大小，但您仍然会发送大量的JS。一旦客户端收到了JS包，它可以开始渲染应用。
2023-07-19 17:08:18
390
原创 从十万行代码定位undefined is not an object (evaluating ‘t.length‘)
经过分析react-native 原代码到jsbundle打包过程以及jsbundle压缩代码, 总结提取出一种的业务代码组件特征数据 .default)(w,[{。且在测试环境中进行了验证, 为我们日常定位RN线上问题节点提供了一大助力。
2023-07-16 12:45:34
842
1
原创 小巧玲珑的AVIF，你的网页图片换新装！
在现有的大环境下，越来越注重用户体验，因此对图片库的要求也日益攀升。从成本的角度来看，使用AVIF格式可以节省大量的网络带宽和存储空间，减少网站加载时间，可以改善用户体验，进而提高网站的效率和收益，节约大量的费用。AVIF的优点在于它可以提供更好的图像质量和更小的文件大小。与JPEG相比，AVIF可以将文件大小减少50%以上，同时保持相同的图像质量。这是因为AVIF使用了更先进的压缩算法，包括可变长度编码（VLC）、帧间预测和深度学习等技术。
2023-07-14 22:02:05
521
原创 给我五分钟！让你掌握React的Redux中间件原理
Redux middleware是一种可插拔的机制，用于在 Redux 的dispatch函数被调用后， reducer处理action之前，对action 进行拦截、变换、增强等操作。异步操作：Redux本身是同步的，但是我们可以使用middleware来处理异步操作，例如发起网络请求，等待数据返回后再更新store；日志：用于记录每个action的执行过程，以便于调试和分析；认证和授权：可以拦截所有action，然后进行认证和授权，以确保只有授权用户可以执行某些操作。
2023-07-14 11:04:24
134
1
原创 不要爱上解决方案，而是爱上问题！什么是设计思维
*你有没有想过事情是否可以采取不同的方式, 但又不确定如何做？那么，不要爱上解决方案，而是爱上问题！这是一篇深入探讨设计思维如何做到这一点的文章。*
2023-07-10 14:22:03
133
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人