Web Front End-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

Web Front End

专栏成员

99

文章

106319

阅读量

16

订阅数

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

promise 服务端服务端渲染客户端序列化

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

2024-06-24

1240

React19 为我们带来了什么？

渲染表单函数数据异步

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

2024-06-17

2470

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

事件同步异步渲染浏览器

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

2024-05-20

8020

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

渲染浏览器事件网络线程

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

2024-05-04

3200

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

download web 数据性能优化优化

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

2024-04-17

3.4K0

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

数据渲染 router 对象路由

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

2024-03-24

2570

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

limit size 配置开源自动化

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

2024-03-10

1170

深入浅出 Vite5 中依赖预构建

插件递归服务器开发源码

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

2024-01-30

1K1

FaceBook 开源 AtomicCss 解决方案：Stylex

解决方案开源 facebook 变量编译

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

2024-01-16

2020

NestJs：深入浅出装饰器

nestjs target 编译原型装饰器

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

2023-10-31

3540

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

解决方案浏览器事件拖拽移动端

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

2023-07-31

5870

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

react 渲染 streaming 客户端数据

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

2023-07-09

1.3K0

HTML 渲染那些事儿

html 渲染脚本浏览器线程

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

2023-04-23

1.5K0

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

html jsp java javascript 渲染

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

2023-01-09

3.1K0

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

react 编程算法 windows

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

2022-12-19

6.6K0

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

css babel.js 打包网络安全 javascript

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

2022-10-08

1.6K0

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

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

2022-09-27

8260

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

typescript javascript eslint

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

2022-09-27

2K0

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

编程算法 node.js vue.js npm webpack

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

2022-09-19

1.3K0

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

编程算法 node.js javascript typescript

—\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 './moduleb'\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 'moduleb'\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't find module 'moduleb'。\n\n> 上述查找规则是基于 tsconfig.json 中指定的 moduleResolution:node，当然还有 classic 不过

2022-09-08

1.4K0

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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