- 博客(9)
- 收藏
- 关注
RSS订阅原创 Webpack 和 Vite 的核心区别、热更新原理
4. **生成补丁**：构建完成后，Webpack 会生成一个 **`manifest` (JSON)** 和一个或多个更新后的 **`chunk` (JS)**。3. **精确的HTTP请求**：Vite 只需要**编译你刚修改的这一个 `foo.js` 文件**（速度极快，同样是使用 esbuild 或 Rollup 进行转换）。5. **浏览器发起请求**：浏览器的 HMR Client（Vite 内置）收到消息后，会直接对 `/src/foo.js` 发起一个新的 **HTTP 请求**。
2025-09-09 08:33:29
373
原创 讨论Vue Router 4（用于 Vue 3）的底层原理。
**为什么这是关键？* **`<router-view>` 是一个渲染器**：它本身是一个 **函数式组件**（在 Vue 3 中是一个普通的组件），它的 `setup` 函数内部通过 `inject` 获取到注入的**路由实例**和**当前的响应式路由对象 `currentRoute`**。* **缺点**：需要服务器支持。* **注意**：`pushState` 和 `replaceState` 本身**不会**触发 `popstate` 事件，因此 Vue Router 需要手动调用路由转换。
2025-09-02 08:26:18
483
原创 Vue3 中使用 Mars3D 进行三维地图开发
建议多查阅 [Mars3D 官方文档](http://mars3d.cn/)、[API 文档](http://mars3d.cn/api/) 和 [示例中心](http://mars3d.cn/example.html)，里面包含了大量详细的说明和可运行的代码示例，是学习和解决疑难问题的最佳资源。3. **图层管理**：及时移除不再需要的图层 (`map.removeLayer(layer)`) 和矢量数据 (`graphicLayer.removeGraphic(graphic)`)。
2025-09-01 08:11:52
1120
原创 vite.config.js里配置的CSS顺序，到底会不会影响页面加载？
3. **坑点所在：** 这个**“注入”的顺序，默认是由JavaScript的import顺序决定的**。如果你的项目结构非常复杂，有多个入口，或者import顺序实在难以管理，可以使用Vite的 `css.postcss` 插件（如 `postcss-import`）或 `css.preprocessorOptions` 来将多个CSS文件合并成一个，从而从根本上杜绝顺序问题。1. **CSS的层叠性 (Cascade)：** 浏览器大佬有个铁律：**相同权重的CSS，后定义的样式会覆盖先定义的**。
2025-08-29 08:22:39
508
原创 从“能用”到“好用”：Vue 3 + Vite 应用性能优化实战精讲
**解决方案**：使用`/* webpackPreload: true */`（Vite同样支持）或Vite的`import.meta.glob`预声明加载，让浏览器提前下载资源。* 对于确实昂贵的计算，使用**计算属性缓存**的特性，或者使用`computedWithControl`（来自`@vueuse/core`）进行更精细的控制。* **大文件压缩**：使用`vite-plugin-compression`插件，预生成gzip或brotli格式的文件，服务端直接返回压缩后文件，节省传输体积。
2025-08-27 07:45:21
338
原创 Vue 3 常见“坑”与避坑指南：从实践出发
然而，如果你在父组件中使用了**作用域 CSS（Scoped CSS）** 为 Teleport 的内容定义样式，这些样式在默认情况下**不会生效**。当你使用 `reactive()` 创建一个响应式对象后，如果直接使用 ES6 的解构赋值从中提取基本类型（string, number, boolean）的值，得到的将会是一个**失去响应性**的普通值。当你解构出基本类型值时，你只是复制了当时的值，与原来的响应式对象切断了联系。**避坑方法：使用 `toRefs` 或 `toRef`**
2025-08-25 08:13:30
378
原创 深度分享 Leaflet 地图应用优化
**解决**：在添加坐标到地图前，**务必确认数据源的坐标系**。- **问题**：Leaflet 默认使用 `EPSG:3857` (Web Mercator)，而国内很多政务、物联网设备返回的是 `EPSG:4326` (GPS) 或 `CGCS2000` 坐标。- **解决**：在 Vue/React 组件的 **销毁生命周期**（如 `beforeUnmount`, `componentWillUnmount`）中调用 `map.remove()`。**混乱的图层管理是万恶之源。
2025-08-25 08:05:52
882
原创 vue3打包部署根据nignx动态配置访问的后端服务
vue3项目同时访问多个服务，打包部署根据nignx动态配置访问的后端服务，如何解决？分为几个步骤
2024-12-09 23:33:13
518
原创 快速搭建前端框架
在实际业务中，很多时候需要短时间内搭建一个项目。推荐一个好用的前二次开发框架-ruoyi若依框架，有前后端分离版本，移动端版本、微服务版本。从中选择符合的框架进行二次开发，相关的开发手册比较详细，包括如何环境部署等相关内容。温馨提示：不同版本的ruoyi的前端若依框架对应后端的代码版本不一样。
2024-12-09 23:08:28
170
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人