机器马

TypeScript 已于 2024.7.28 发布 5.6 beta 版本，你可以在 5.6 Iteration Plan 查看所有被包含的 Issue 与 PR。如果想...

这篇文章将会极致贯彻实用主义，介绍一些可以直接上手用的 TypeScript 技巧，没有体操，新手友好，不需要了解背后的原理与规则（但也提供了简单介绍），只要对着特定场景套...

在 5 月 23 日 Online Meetup With Evan You 的问答环节中，Evan 在说到 low code 时提到一个概念 —— “abstractio...

什么是抽象泄漏 这个概念来自于 Joel Spolsky 的博客（The Law of Leaky Abstractions – Joel on Software）。文章大...

你知道动画帧（requestAnimationFrame）吗？你真的了解 requestAnimationFrame 吗？本文带你深入探索 requestAnimation...

前言 很多面试时都会问到关于浏览器兼容问题，正好最近在看webpack打包，那就在这里记录一下我们如何通过webpack来实现兼容。...

需求 将移动端H5页面接入钉钉，就接入钉钉，这里不展开描述，接入钉钉，测试发现图标不显示 问题 发现浏览器network有iconfont.woff和iconfont.tt...

写在译前：首先介绍一下我自己，一个跨行业的、完全非科班生的文科单身狗。因为生计，走上了自学前端的荆棘之路，然后经过一路的摸爬打滚终于算是入了前端的这个门，自己也知道在前端这...

17. 使用 Brotli 或 Zopfli 进行纯文本压缩 18. 使用响应式图像和 WebP 19. 图像是否已恰当优化 20. 视频是否已恰当优化 21. Web 字...

一篇文章演示如何监测项目的性能问题，一步一步来解决发现的web性能问题。使用工具Lighthouse和performance...

前端性能优化前可以先做性能报告，这样可以指定更有效的优化计划。多做性能报告可以培养性能数据的嗅觉，做下一次优化会更有把握。...

前端性能分析是一名前端必须掌握的技能，本文对字节剪映web为例，介绍如何使用PageSpeed Insights和Chrome Performance工具分析页面性能...

Resource Hints 是非常好的一种性能优化方法，可以大大降低页面加载时间，给用户更加流畅的用户体验。 现代浏览器使用大量预测优化技术来预测用户行为和意图，这些技术...

## 背景 当我们在优化 `web 应用` 时，不可避免的会遇到 `preload`，`prefetch` 和 `preconnect`，但是很多小伙伴并不知道它们到底是如...

Vite有个开箱即用的插件，来帮助我们进行语法降级与polyfill，但是它的原理什么呢？首先要了解Babel的解决方案，然后再看看Vite具体是怎么去使用Babel来处理...

script 是会阻碍 HTML 解析的，只有下载好并执行完脚本才会继续解析 HTML defer 和 async有一个共同点：下载此类脚本都不会阻止页面呈现（异步加载），...

大家好，我是「萌萌哒草头将军」，也可以关注我的公众号「萌萌哒草头将军」 今天介绍几个React几个不常用，但是可以四两拨千斤的hooks useSyncExternalSt...

最近经常刷到大家的年终总结，忍不住也来参与一下。 2023总结 我比较喜欢简洁，就用图说明了，简单明了。...

React 团队的官方博客去年最新工作进展的工作报告，RSC 是 React 团队设计的一种新型 App 架构。我们首先在官宣演讲和 RFC（征求意见稿）中共享了 RSC ...