前端analysis | 知其所以然

地图canvas和svg选择

canvas svg
在开发地图时,选择使用 Canvas 还是 SVG 主要取决于你项目的需求、地图的复杂程度、交互性能要求以及渲染对象的数量。一、Canvas 与 SVG 的核心区别1. 渲染机制 Canvas 是一种基于位图(bitmap)的渲染方式,操作的是像素。你每次绘图都在一张“画布”上进行,而图形绘 ...
Read more

webpack react迁移到vite

vite webpack
将 React 项目从 Webpack 迁移到 Vite 是一个非常实际的升级,能够大幅提升开发启动速度和热更新体验。下面是 从 Webpack 到 Vite 的完整迁移指南(React 版),分为通用步骤 + React 特有部分: ✅ 1. 安装 Vite 和必要插件卸载 Webpac ...
Read more

webpack vue迁移到vite

vite webpack
将一个使用 Webpack 的项目迁移到 Vite 是一个很好的选择,尤其是如果你想获得更快的开发服务器启动速度和更现代化的构建体验。不过两者有较大差异,因此迁移需要逐步进行。以下是迁移的核心步骤: ✅ 1. vue项目迁移,安装 Vite 并配置基础结构安装依赖:123npm remov ...
Read more

Web Components 和 Shadow DOM

iframe Web Components Shadow DOM
Web Components 和 Shadow DOM **并不使用 <iframe>**,尽管它们在某些方面(如封装性)看起来类似。让我们详细区分一下它们: ✅ Web Components 和 Shadow DOM 的本质 Web Components 是一组前端 API, ...
Read more

iframe嵌入问题

js iframe
一、基本语法1<iframe src="https://example.com" width="600" height="400"></iframe> 常用属性: 属性 说明 src 要加载的网页 ...
Read more

css Rule tree

js html css3
🌳 什么是 Rule Tree?Rule Tree 是浏览器在构建 CSSOM 时的一部分结构,它组织了 CSS 中的所有规则(Rule),即每一个选择器+声明组合的结构体。 它的作用是:把从不同来源(内部、外部、继承)来的规则,按“层叠规则(Cascading Rules)”归并起来 ...
Read more
上一页 下一页