QdFe

摘要 随着现代 Web 应用程序的复杂性不断增加，在前端正确获取状态和组件化仍然是最大的挑战之一。Vue 3.4 中发布的 defineModel 宏提供了一种简化的思路，...

某些项目在进行私有化部署的时候遇到了一些问题： 内网隔离环境，一些npm包需要先下载到u盘再拷贝到对应的机器上进行安装，安装起来很麻烦。 测试环境下，代码和机器配置调试好了...

Context API Context API 是 React 中的一种内置状态管理技术，可让您在组件树中创建和使用全局数据，而无需手动向下传递 prop。 它使用简单，不...

介绍了如何使用现代的 Node.js 构建简单的 CLI 工具，只使用 Node.js 的标准库，不安装外部依赖，通过示例展示了工具的功能和原理。作者分享了采用 ESM、J...

前言 在网络开发领域，CSS 不断发展，塑造了网络的视觉景观。本指南以 StyleX 为重点，探讨了样式库的优缺点，以及如何应对大型企业项目所面临的挑战。今日前端早读课文章...

3 月 8 号，Rolldown[1] 正式开源了，它是一个基于 Rust[2] 语言开发的 JavaScript 打包器，其设计目标是成为 Vite 在未来将要采用的核心...

在 Monorepo 大仓模式中，我们把组件放在共享目录下，就能通过源码引入的方式实现组件共享。越来越多的应用愿意走进大仓，正是为了享受这种组件复用模式带来的开发便利。这种...

前端常用缓存技术 前端常用缓存技术一般分为 http 缓存和浏览器缓存。 HTTP 缓存 Expires HTTP1.0 的内容，服务器使用 Expires 头来告诉 We...

Hello，大家好，我是 Sunday。 当各种框架以及复杂的 JS 知识开始充斥着我们的工作环境时。谁还能够记得，以 CSS 来构建更加良好的用户体验，也是前端的一个重要...

Astro（使用 React） 去年，Astro 成为了 Gatsby 的继任者。虽然它主要以静态网站而闻名，但其日益增长的受欢迎程度也推动 Astro 探索网络应用程序和...

WebCodecs 是相对底层的 API，准确来说是为有音视频开发基础的人准备的，对前端同学来说有一定的门槛。 在使用 FFmpeg 时可直接调用包装好的方法，主要门槛在于...

ECMAScript 2024（ES15）即将发布，带来了一系列实用的新功能，提升了对数组、缓冲区和字符串的处理能力。这些更新将在 2024 年 6 月正式亮相，为 Jav...

页面和资源的变化 让我们从一些好消息开始：如果你已经在使用 HTTP/2，那么在切换到 HTTP/3 时，你可能不需要对页面或资源做任何更改！这是因为，正如我们在第一部分和...

首先，我们需要注册一个 openai 或者 azure 账号，在上面开通 api 服务（如何申请账号请自行搜索，网上有很多教程）。然后就可以使用这个 api 来和 Chat...

Custom Formatters 自定义转换器 在大多数的情况下 DevTools 的 console 默认的对象的转化的方式都很有用，但是有时候你期望与众不同。默认的方...

如何使用 accent-color OK，我们一起来学习一下，我们应该如何使用 accent-color。 首先，我们来实现这么一个简单的表单界面： 只需要最简单的布局 C...

这些陈述和文章通常忽略了一些关键的技术细节，缺乏细致入微的描述，并且通常只是部分正确。它们经常让人觉得 HTTP/3 是性能革命，而实际上它只是一个更为温和（但仍然实用）的...

Gemma 是一个轻量级、最先进的开放式模型系列，采用了与创建 Gemini 模型相同的研究和技术。Gemma 由 Google DeepMind 和 Google 的其他...

use 是一个实验性 React Hook，可让您读取 Promise 或 Context 等资源的值。 与所有其他 React Hooks 不同use 可以在循环和条件语...

那么为什么在 JavaScript 中执行 Shell 脚本很困难呢？ 你也可以使用内置的 API 来执行类似的操作： 但是，还是没有 shell 脚本简单： 为什么现有的...