木子哩啊哩

对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch，它们能够辅助浏览器优化资源加载的顺序和时...

1.NVM回安装步骤 一、nvm说明 nvm主要是用来管理nodejs和npm版本的工具，可以用来切换不同版本的nodejs。 安装nvm之前先卸载node。 二、nvm下...

🚀🤔 🚀为什么前端面试，总爱，总喜欢问，性能怎么优化，各种优化。有时候可能说，说不好，或者做是做过，但是说，突然间内心翻江倒海：“死了，怎么突然间想不起几点”。...

以antv.g6为实现方式，以复杂逻辑情况下数据库ER图为例探索不同布局方案的原理及可行性，讨论这些布局算法的实现思路以及适用情况和应用场景...

简介 图是一种常见的数据结构和表示形式，可视化场景也经常会用到图来展现有关联关系的数据。进行图的可视化时，往往需要将其自动布局，而针对不同的问题和场景，需要不同的布局方法。...

本文简单介绍了Dagre布局算法、并对其做了一些研究，主要使用场景是在流程图自动布局中的应用，分享给有同样场景的各位同学。...

大家好，我是风骨，今天和大家分享一篇有关「前端性能优化」的话题。作为优秀的前端工程师，我们需要时刻关注页面性能指标，并持续优化。 在这篇文章中，我们将深入探讨前端性能优化的...

前不久写了一篇关于如何使用 Chrome DevTools 优化高德地图动画的文章，其中提到了 composite，但是并没有细谈。思考许久，还是觉得有必要再总结一下。...

Web 页面性能是前端开发特别需要关注的重点，评判前端 Web 页面性能的指标有很多，页面的流畅度是其中的一种，如何让页面变得 “柔顺丝滑”，要讨论起来可就是个相当有料的话...

本文回答了作者的一些疑问： MCP 是什么、可以干什么？如何实现一个 MCP？如何测试 MCP 服务？如何使用 MCP ？...

内存缓存虽然读取高效，但是缓存持续性很短，会随着进程的释放而释放。一旦关闭 Tab 页面，内存中的缓存就被释放了 当以上三种缓存都没有命中时，它才会被使用。并且缓存时间也很...

ResizeObserver的诞生本身就有着高性能的属性，但随着实例数量的增加，它带来的性能开销也不容小觑。通过封装全局唯一的实例，让监听元素尺寸变化真正不再有负担~...

本人写了五年的后台管理。每次面试前就会头疼，因为写的页面除了表单就是表格。抱怨过苦恼过也后悔过，但是站在现在的时间点回想以前，发现有很多事情可以做的更好，于是有了这篇文...

Lane 贯穿 React 更新的整个流程，是底层更新最重要的部分，本文讲述了Lane模型的原理以及再源码中的一些体现，后面的文章中我们会继续深入一些比较复杂的知识点，打通...

在 GPU 渲染的过程中，一些元素会因为符合了某些规则，而被提升为独立的层（黄色边框部分），一旦独立出来，就不会影响其它 DOM 的布局，所以我们可以利用这些规则，将经常变...

大屏，vue大屏，react大屏，svelte大屏，vue，react，svelte，屏幕适配，使用 scale 做屏幕适配。 vue 组件，react 组件 适配大屏最简...

最近在尝试对webpack构建进行优化，在这里来记录一下分别使用swc、esbuild构建时间优化方案。...

最近一直在尝试对项目构建性能进一步优化， 除了webpack常用的一些优化方式，比如缓存优化、多进程优化等，也尝试在项目内使用swc及esbuild，以进一步提高构建速度...