win10真香

熬夜看完发布会，完全傻眼了。 十年前幻想的互联网：通过人类自然的交互方式，一个智能入口，调用整个互联网。 如今完整细致的展现在了我的面前，如此真实。...

提供GPT-4和ChatGPT模型的API服务为开发人员引入了新的功能。现在，可以构建能够理解和回应自然语言的智能应用程序，而无需深入了解人工智能。从聊天机器人和虚拟助手到...

本文将完整记录利用 ChatGPT 从 Debug 到实现完整需求代码的全过程。第一次使用 ChatGPT 解决实际工作上的问题，也算是个调试样例，简单记录一下分享给大家。...

大家可能都知道 dom 有一个 scrollIntoview方法，它可以轻易的让目标元素滚动到可视范围之内，而无需手动计算偏移量 效果如下 这样跳转比较生硬，因此可能还知道...

PDF 文档的预览功能在日常项目中很常见，今天我们就是使用 Reactjs + React-PDF 实现一个 PDF 文档在线预览功能。...

PDF预览的选型 对于浏览器自带的PDF预览 如果能直接使用，那自然最好不过了，但考虑多种因素，比如权限问题，禁止用户去下载PDF、预览样式不统一（不同浏览器PDF预览的实...

在 Web 应用中，直接预览和展示 PDF 文件是一项非常普遍的需求，例如在线查看发票、合同、电子书...

本文解读了 Transformer.js 的 React 项目 demo，介绍了端侧大模型在前端项目中的实践，并且提及了 web-worker 优化的案例。...

Concurrent 模式是 React18 中最引人瞩目的新特性。通过使用 useTransition、useDeferredValue，更新对应的 reconcile ...

useSyncExternalStore是一个订阅外部 store 的 React Hook。如果前后读取的store的数据快照不一致，就会重新渲染组件。...

Zustand 是一个用于 React 的轻量级状态管理库。它的名字源自德语，意思是“状态”。Zustand 的设计目标是提供一种简单、快速且高效的方式来管理应用程序的状态...

mobx 是流行的状态管理库，热度仅次于 redux。它和 redux 有的地方一样，也有的地方不一样： 一样的地方是 mobx 和 redux 都是单向数据流，通过 ac...

不是说因为我们写得多牛，而是我们从第一天就立了 5 个基本工程约束，这些规则不是高深技术，而是**工程底线**。坚持这几个点，不一定能写出完美代码，但至少能避免那种“越写越...

工程化永远是围绕着质量、体验和效率三个维度进行建设，来保证高效、高质量地完成业务需求，减少跨项目、跨团队的协作成本。但前端工程化不是万金油，它是在特定时期面对特定场景的解决...

前端优化，这是一个很大的范围。可能平时更多的文章是基于某一点去深入的讲解。所以趁机整理一套前端优化的基础大纲，一方面给让自己沉淀下这些知识，另一方面也方便后续优化时有个清单...

你知道Safari中canvas能使用的内存大小是有限制的吗，可别不小心写出在chrome中能通过测试在Safari中报错的代码。另外，浏览器的渲染原理有兴趣你也可以进来看...

实施优化方案之前，首先要知道为什么要这样优化。这就需要你上到框架原理、js、css，下到浏览器、js 引擎、计算机网络等原理都有不错的了解。所以性能优化真的涵盖了太多前端知...

我会尽量将文章写的通俗易懂。但是，要完全理解文章内容，需要你掌握这些前置知识： 如果你还不具备前置知识，可以先阅读React技术揭秘。 Context的实现与组件的rend...

优化效果 优化前页面加载时间中位数为：54s，优化后为：7s。 加载时间下降 92.28% 下面是具体方案 优化方向分析 通过添加日志，发现卡顿的原因是因为这些大量的组件在...