基于Vite创建开发环境 Vite是一个框架无关的前端工具链,可以快速的生成一个 React + TS 的开发环境,并且可以提供快速的开发体验 说明: npm create ...
基于Vite创建开发环境 Vite是一个框架无关的前端工具链,可以快速的生成一个 React + TS 的开发环境,并且可以提供快速的开发体验 说明: npm create ...
useReducer 作用:和useState的作用类似,用来管理相对复杂的状态数据 基础用法 定义一个reducer函数(根据不同的action返回不同的新状态) 在组件中...
什么是前端路由 一个路径 path 对应一个组件 component ,当我们在浏览器中访问一个 path 的时候,path 对应的组件会在页面中进行渲染 实际开发中的rou...
自定义Hook函数 概念:自定义Hook是以 use 打头的函数,通过自定义Hook函数可以用来实现逻辑的封装和复用 简单demo 封装一个useChannel自定义hook...
useEffect 的概念理解 useEffect是一个React Hook函数,用于在React组件中创建不是由事件引起而是由渲染本身引起的操作(副作用),比如发送AJAX...
理解组件通信 概念:组件通信就是组件之间的数据传递,根据组件嵌套关系的不同,有不同的通信方法 父传子 实现步骤 父组件传递数据 - 在子组件标签上绑定属性 子组件接收数据 -...
React中获取DOM 在 React 组件中获取/操作 DOM,需要使用 useRef React Hook钩子函数,分为两步: 使用useRef创建 ref 对象,并与 ...
核心概念与使用方式 定义异步组件 defineAsyncComponent函数(Vue3推荐方式)定义一个异步组件,它在运行时是懒加载的。参数可以是一个异步加载函数,或是对加...
受控表单绑定 概念:使用React组件的状态(useState)控制表单的状态 准备一个React状态值 通过value属性绑定状态,通过onChange属性绑定状态同步的s...
组件基础样式方案 React组件基础的样式控制有两种方式 行内样式(不推荐) class类名控制 注意:React中绑定类名的属性是className而不是class。 cl...
useState基础使用 useState 是一个 React Hook(函数),它允许我们向组件添加一个状态变量, 从而控制影响组件的渲染结果 本质:和普通JS变量不同的是...
组件是什么 概念:一个组件就是用户界面的一部分,它可以有自己的逻辑和外观,组件之间可以互相嵌套,也可以复用多次 组件化开发可以让开发者像搭积木一样构建一个完整的庞大的应用 R...
React 基础事件绑定 语法:on + 事件名称 = { 事件处理程序 },整体上遵循驼峰命名法 使用事件对象参数 语法:在事件回调函数中设置形参e 传递自定义参数 语法:...
什么是JSX 概念:JSX是JavaScript和XML(HTML)的缩写,表示在JS代码中编写HTML模版结构,它是React中编写UI模版的方式 优势: HTML的声明式...
安装 Redux Toolkit 和 React-Redux 添加 Redux Toolkit 和 React-Redux 依赖包到你的项目中: 创建 Redux Store...
CORS(跨域资源共享)核心配置项 CORS 是浏览器为解决跨域请求限制制定的规范,核心通过服务端响应头控制跨域权限,前端需配合特定配置(如携带 Cookie 时)。以下是服...
密码加盐哈希 (Salted Hashing),这是前端加密的首选方案。原理:哈希 (Hash):对密码执行一个单向的哈希函数(如 SHA-256, SHA-512)。这个过...
官方文档:https://cn.vuejs.org/guide/components/provide-inject.html[https://cn.vuejs.org/gui...
第一步:创建插件项目结构 首先创建项目目录并初始化: 第二步:编写插件代码 创建 src/index.js 文件: 创建 src/Toast.vue 组件文件: 第三步:配置...
hosts文件位于" C:\Windows\System32\drivers\etc "目录下,用于域名与IP地址的转换。 用记事本打开hosts文件,它的作用是包含IP地址...