Web Front End

代码在线跑，知识轻松学

Python精品学习库

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

博客搬家 | 分享价值百万资源包

往期视频·干货材料·成员作品 最新动态

技术创作特训营·精选知识专栏

新邀入驻腾讯云开发者社区，福利多多！

如何运用「云、端融合的数智化安全体系」高效护航数据安全

左手AI，右手安全 —— 一汽丰田数字化转型之路

通常在 Server Side Render 下，服务端和客户端的数据通讯机制都是在服务端获取数据进行序列化后注入到 HTML 模版中，从而客户端可以在全局环境中获取这部分初始化的服务端数据。

服务端渲染时，如何序列化传输 Promise？

截止今日 React 团队已经在 NPM 上发布了关于 19.0.0 版本的 Release Candidate。

React19 为我们带来了什么？

在大多数 React 开发者的观念里，useEffect callback 通常会在浏览器完成渲染后被异步调用。

useEffect 一定在页面渲染后才会执行吗？

Lighthouse是一款网站审核工具，可为开发者提供优化建议和诊断信息，帮助他们改善网站的用户体验。

为什么 Lighthouse 10.0 取消了 TTI 作为观测指标？

Web 网站性能优化在社区中已经是老生常谈的话题了，社区内有非常多优秀的文章和大家分享关于 Css、Js 等静态资源的极限压缩、预加载以及拆包等等优化手段。

Web 性能优化：缩短 Content download，提升页面响应速度

React-Router 在 6.4 版本中 Release 了一系列 loaderFunction、defer 等 Data Apis，将数据获取和页面渲染进行分离从而带来更好的用户体验。

如何使用 Router 为你页面带来更快的加载速度

相信大家或多或少在工作中都有接触过 AntDesign，不过大多数同学对于 AntDesign 更多只是停留在使用它来快速搭建我们的项目。

📦 Size Limit:  从开源项目学习如何为你的业务增加检测报告

大多数同学提到 Vite ，会下意识的反应出 “快”、“noBundle”等关键词。

深入浅出 Vite5 中依赖预构建

三年前 Facebook 开始思考在目前设计系统下面临的问题，那时它们在前端项目、系统组件等部分使用的是 cssmodule 的样式方案。

FaceBook  开源 AtomicCss 解决方案：Stylex

最近工作上刚好有接触部分 nest 相关的内容，之前对于 nest 了解的并不是特别深入。

NestJs：深入浅出装饰器

上述是 MDN 中对于 overscroll-behavior 属性的描述，上述这段话恰恰描述了为什么会发生"滚动穿透"现象。

从 antDesign 来窥探移动端“滚动穿透”行为

越来越多的开发者从当初的观望心态，逐步已经将 React18 的新特性投入开发/生产中了，当然，笔者所在的团队也不例外。

”渐进式页面渲染“：详解 React Streaming 过程

最近一段时间刚好在公司内部涉及一些老旧项目的优化，所以对于 Web 网页性能方面沉淀了一些自己的看法。

HTML 渲染那些事儿

今天这篇文章中和大家聊一聊号称世界上第一个 O(1) 的 JavaScript SSR 框架：qwik。

新时代的 SSR 框架破局者：qwik

大家好，我是19组清风。有段时间没有和大家见面了，最近因为有一些比较重要的事情（陪女朋友和换了新公司）在忙碌所以销声匿迹了一小段时间，

我们应该如何优雅的处理 React 中受控与非受控

As a Front-end engineer，浏览器兼容性对于每个人来讲都是必不可少的话题。

一文聊完前端项目中的Babel配置

无论是面试过程还是日常业务开发，相信大多数前端开发者对于 Vue 的应用已经熟能生巧了。

计算属性是如何被Vue实现的

对于 Lint 配置的不了解导致项目中总是会莫名其妙的提示报错，这应该是大多数同学面临的窘境。

深入浅出 Eslint，告别 Lint 恐惧症

其实原本只是想写一些有关于 Package.json 相关的内容，但是最近在关于业务频繁迭代的 Npm 包版本管理方面做了一些尝试，积累了一部分心得，所以刚好也拿出来在文章的后半部分和大伙分享下。

从 package.json 来聊聊如何管理一款优秀的 Npm 包

—\ntheme: awesome-green\n—\n# 写在开头\n\n网络上大部分 Typescript 教程都在告诉大家如何使用类型体操更好的组织你的代码。\n\n但是针对于声明文件（Declaration Files）的相关内容却是少之又少。\n\n这篇文章中，我会带你着重讲述 TypeScript Declaration Files 的用法让你的 TS 功底更上一层。\n\n# TypeScript 模块解析规则\n\n在开始之前，我们先来聊聊 TS 文件的加载策略。\n\n> 掌握加载策略才会让我们实实在在的避免一些看起来毫无头绪的问题。\n\nTS 中的加载策略分为两种方式，分别为相对路径和绝对路径两种方式。\n\n## 首先我们来看看相对模块的加载方式：\n\nTypeScript 将 TypeScript 源文件扩展名（.ts、.tsx和.d.ts）覆盖在 Node 的解析逻辑上。同时TypeScript 还将使用package.jsonnamed中的一个字段types来镜像目的"main"- 编译器将使用它来查找“主”定义文件以进行查阅。\n\n比如这样一段代码:\n\nts\n// 假设当前执行路径为 /root/src/modulea\n\nimport { b } from &#39;./moduleb&#39;\n\n\n此时，TS 对于 ./moduleb 的加载方式其实是和 node 的模块加载机制比较类似：\n\n+ 首先寻找 /root/src/moduleb.ts 是否存在，如果存在使用该文件。\n\n+ 其次寻找 /root/src/moduleb.tsx 是否存在，如果存在使用该文件。\n\n+ 其次寻找 /root/src/moduleb.d.ts 是否存在，如果存在使用该文件。\n\n+ 其次寻找 /root/src/moduleB/package.json，如果 package.json 中指定了一个types属性的话那么会返回该文件。\n\n+ 如果上述仍然没有找到，之后会查找 /root/src/moduleB/index.ts。\n\n+ 如果上述仍然没有找到，之后会查找 /root/src/moduleB/index.tsx。\n\n+ 如果上述仍然没有找到，之后会查找 /root/src/moduleB/index.d.ts。\n\n可以看到 TS 中针对于相对路径查找的规范是和 nodejs 比较相似的，需要注意我在上边已经额外加粗了。\n\nTs 在寻找文件路径时，在某些条件下是会按照目录去查找 .d.ts 的。\n\n## 非相对导入\n\n在了解了相对路径的加载方式之后，我们来看看关于所谓的非相对导入是 TS 是如何解析的。\n\n我们可以稍微回想一下平常在 nodejs 中对于非相对导入的模块是如何被 nodejs 解析的。没错，它们的规则大同小异。\n\n比如下面这段代码：\n\nts\n// 假设当前文件所在路径为 /root/src/modulea\n\nimport { b } from &#39;moduleb&#39;\n\n\n+  /root/src/node_modules/moduleB.ts\n+  /root/src/node_modules/moduleB.tsx\n+  /root/src/node_modules/moduleB.d.ts\n+  /root/src/node_modules/moduleB/package.json（如果它指定了一个types属性）\n+  /root/src/node_modules/@types/moduleB.d.ts\n+  /root/src/node_modules/moduleB/index.ts\n+  /root/src/node_modules/moduleB/index.tsx\n+  /root/src/node_modules/moduleB/index.d.ts\n\ntypescript 针对于非相对导入的 moduleb 会按照以上路径去当前路径的 node_modules 中去查找，如果上述仍然未找到。\n\n此时，TS 仍然会按照 node 的模块解析规则，继续向上进行目录查找，比如又会进入上层目录 /root/node_modules/moduleb.ts ...进行查找，直到查找到顶层 node_modules 也就是最后一个查找的路径为 /node_modules/moduleB/index.d.ts 如果未找到则会抛出异常 can&#39;t find module &#39;moduleb&#39;。\n\n> 上述查找规则是基于 tsconfig.json 中指定的 moduleResolution:node，当然还有 classic 不过 

巧妙利用TypeScript模块声明帮助你解决声明拓展

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

腾讯云开发者社区推出了Web Front End专栏，为你提供了Web Front End的相关文章，致力于帮助开发者快速成长与发展。

Web Front End

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐