xiaolouuuu的博客

React Next项目中实现PDF预览功能。

公司业务要求做世界航线图，跑了三个ai未果，主要是引入world.json失败，echart包中并不携带该文件，源码的world.json文件页面404找不到。需要自己寻找。这是整个问题卡壳的关键点，特此贴出资源网址。

上班的时候遇到公司Next+React项目启动很慢，更改样式也加载半天，十分影响开发效率，在前辈的改动下，运行速度加快了很多，特此学习记录。在开发模式热模块重载（HMR）通过 Next.js 自己的开发服务器WindiCSSWindiCSS按需生成 CSS。

前端页面主要由三层构成，分别是结构层、样式层和行为层。这三层各自的作用如下：1. HTML（HyperText Markup Language）：结构层，它是网页的基础，用于定义网页的内容结构，如标题、段落、列表、图像等元素。HTML标签告诉浏览器如何组织和呈现这些内容。2. CSS（Cascading Style Sheets）：样式层，CSS负责为HTML元素添加样式，如颜色、字体、布局、间距等，使得内容具有视觉吸引力并适应不同的设备和屏幕尺寸。通过媒体查询，可以实现响应式设计。

是一个特殊的函数，用于创建和初始化一个对象的实例。创建自定义对象，并赋予这些对象特定的属性和方法。可以简单理解为，构造函数相当于一个月饼的模具，向里面填入不同的馅料和颜色，形成相同形状，但不同味道的月饼。

在JavaScript中，事件冒泡（EventBubbling）和事件捕获（EventCapturing）是两种不同的事件传播机制。当你在DOM元素上注册事件时，事件的触发并不会立即发生，而是会按照一定的顺序进行传播。事件的传播机制决定了事件如何从目标元素传递到DOM树中的其他元素。

是一个用于 Vue 3 的轻量级、响应式、功能强大的轮播组件。它允许你轻松创建可以滚动的图片或内容滑块。下面是关于如何安装、使用以及配置的一些示例和详细说明。

是一个功能强大的 CSS 框架，旨在使开发者能够以更高效、灵活的方式创建现代、响应式的网页。与传统的 CSS 框架（如 Bootstrap 或 Foundation）不同，Tailwind 采取了“实用类”（Utility-First）的设计原则，提供了一系列预定义的 CSS 类，这些类可以直接用于 HTML 元素中，从而避免了编写冗长的自定义样式代码。

在搭建React项目时候，遇到了Echart官方文档中没有的水球图，此时该如何配置并将它显示到项目中呢？

在多人协作的 Git 仓库中，新建分支并最终将其合并到主分支的流程是为了实现团队协作、提高代码的可管理性、确保代码质量，并且避免多人同时修改同一部分代码导致冲突。以下是这个流程的目的和具体步骤。

在 React 中使用进行路由传参是非常常见的需求，特别是在构建动态页面时。React Router 提供了几种方式来传递参数，包括路径参数（URL 参数）、查询参数和状态参数。下面我会分别介绍这些方式，并给出具体的实现方法。

相信很多React初学者第一次搭建自己的项目，搭建时会无从下手，本篇适合快速实现功能，熟悉React项目搭建流程。

Snipaste是一款简单、免费且功能强大的截图工具，它不仅支持快速截图，还允许用户将截图或剪贴板中的内容以“贴图”的形式放置在屏幕上。

闭包（Closure）是 JavaScript 中一个重要的概念，它允许函数访问其外部函数作用域中的变量，即使外部函数已经执行完毕。在 React 中，这意味着事件处理函数、定时器回调、或者异步操作可能会“捕获”某些状态的值，而这些状态可能会在它们被执行时发生变化，导致一些难以察觉的错误。

路由系统中的多个路由之间需要进行路由跳转，并且在跳转的同时有可能需要传递参数进行通信在一级路由中又内嵌了其他路由，这种关系就叫做嵌套路由，嵌套至一级路由内的路由又称作二级路由，例如。

Redux 是React最常用的集中状态管理工具，类似于Vue中的Pinia（Vuex），可以独立于框架运行作用：通过集中管理的方式管理应用的状态。

classnames是一个在 React 开发中非常流行的 JavaScript 工具库，它可以帮助开发者有条件地连接类名字符串，简化动态添加或删除类名的过程。

踩了一堆坑，看了文档问了gpt一顿操作，学会的如何在引入HBuilder X（uniapp）微信小程序vue3项目中引入vant ，本篇非常简单！！没有废话！！

uni-app搭建小程序时候Vue3语法接收路由参数，去官方文档查看，是onLoad的option接收参数，我试过，接收不到，上网查各种方法也是不太行，最后自己琢磨出来了，这参数藏得还挺深！！

uni-app是一个跨平台的前端框架，用于开发。uni-app提供了一个统一的 API，允许开发者编写一次代码，最终部署到多个平台，极大地提高了开发效率。在编写小程序的时候和原生微信开发者工具语法略有区别。