zhtzhtx

web项目优化到2s加载成功靠打包优化，缓存陪着，优化到1s靠离线，优化到200ms靠预运行。抽离每个项目公共需要运行的资源提前运行显著提高秒开体验

前言 来到字节快一年了，最初的我满怀憧憬，以为大厂的代码一定是高深莫测、充满黑科技的艺术品。然而，深入项目后才发现，这里的代码并没有想象中那么“高大上”，反而透着一股朴实无华的实用主义！ 今天主要说说

相信大家对瀑布流并不陌生，瀑布流又称瀑布流式布局。是比较流行的一种网站页,我们今天就尝试用三种方案实现它并对比其优缺点。

由于浏览器目前并没有“完美”地提供一个彻底且功能强大的沙箱方案，本文总结了一些市面上常见的沙箱方案，供大家学习参考。

Monaco Editor Monaco Editor 是由 Microsoft 开发的一款基于 Web 技术的开源代码编辑器，它是 Visual Studio Code 编辑器的核心。Monaco

monaco 是一个开源的编辑器插件，这个编辑器功能十分强大，可以让你在浏览器中轻松的进行代码编辑。许多知名网站都用到了这个编辑器插件，如果你的网站也有使用代码编辑

背景 在 GitHub 遇到一些好玩的 TS 代码想直接在浏览器运行，但是浏览器目前并不支持 TS，还处于提案阶段。 比如遇到一个好玩的在控制台播放视频的小工具 console.video.ts。 要

vue-Playground 功能第一次尝试这种在线编码时感觉挺新奇，浏览器端居然可以直接运行 typescript，还具备编译的能力，今天就从技术选型和架构的层面打造一款前端在线代码编辑器。

在优化用户体验时，性能是最直观的指标之一。Lighthouse 会综合一组关键度量（如首次内容绘制、最大内容绘制、交互就绪等）生成一个总分，帮助我们快速了解页面的表现。本文将用通俗的语言，逐步解释这些