- 博客(11)
- 收藏
- 关注
RSS订阅原创 Vue3(三):Vue-Router详解
Vue3的官方路由是Vue-Router4,它是Vue.js官方提供的路由管理器,它提供了一系列的功能来构建单页面应用。通过配置路由,可以定义URL与组件之间的映射关系,用来实现导航、参数传递、嵌套路由、路由守卫等功能。
2025-10-26 19:28:15
1731
原创 TypeScript详解
同名的接口会合并,同名的type会报错。它的核心作用是告诉 TS 编译器某个东西已经存在了,不用管它怎么实现的,按声明的类型去检查就可以了,解决 了ts对非 ts代码如js库、全局变量的类型识别问题。交叉类型用于组合多个类型,生成一个包含所有类型特性的新类型,也就是将多个类型合并为一个更大的类型,新类型拥有所有原始类型的成员,使用&符号表示交叉类型。泛型是指在定义函数、接口或类的时候,不预先指定具体的类型,而是在使用的时候再指定类型,也可以理解为泛型是参数化类型,把类型当作参数一样传递。
2025-10-23 10:16:10
818
原创 Vue3(二):创建项目、组合式API、生命周期、内置组件
项目根目录(vite+ts)项目的核心模块,依赖包,由npm i自动生成存放静态资源文件页签的logo声明一些在git上传时需要忽略的文件项目的说明文件,有哪些依赖,依赖了哪个版本项目依赖的安装包,一些版本不会做一些限制,进行版本锁定项目的说明文件ts配置文件,定义ts编译规则,如目标ES版本、是否严格校验类型针对node环境的ts配置文件,与业务代码的配置隔离,它会指定node相关的类型依赖,确保node环境下的代码能正确编译是ts项目的应用级配置文件,用于指定当前应用编译ts代码的规则和目标环境。
2025-10-22 12:57:38
1469
原创 Vue3(一):认识vue3、vue指令、vue组件
如果传递的是响应式的数据,,可以使用$attrs/$listeners,$attrs包含父组件传入,且未被子组件声明的props属性,$listeners里面就包含了从祖先组件开始到当前组件为止,声明的所有自定义事件。在父组件中子组件的标签上声明一个自定义事件,对应的事件处理函数为父组件里的一个方法,在父组件中定义方法,将参数赋值给父组件自己的数据,然后在子组件中定义方法,方法中要通过$emit去主动触发,我们定义的自定义事件,有两个参数,第一个参数为自定义事件,第二个参数为子组件要传递的数据。
2025-10-12 17:51:26
939
原创 React(七):React-redux详解
redux使用的是不可变的状态,状态是只读的,不能去直接修改,而是返回一个新的状态,mobx中的状态是可变的,可以直接进行修改。redux工作流程是一个严格的单向数据流,也就是用户操作了界面,如点击按钮,视图会dispatch一个action,store会自动调用reducer并传入当前的state和action,reducer会处理action,并返回一个全新的state来更新store中的状态,store中的状态更新后,会通知所有订阅了状态的视图,视图会根据新的state重新渲染。
2025-09-01 10:11:03
1277
原创 React(六):React-router详解
react-router包含react-router、react-router-dom、react-router-native。react-router可以应用于浏览器和原生应用的通用部分,react-router-dom可以用于浏览器端,react-router-native可以用于原生应用,我们做的是web项目,安装react-router-dom就可以了。
2025-08-27 21:02:26
2708
原创 React(五):React Hooks详解
React Hooks是React16.8引入的新特性,它是基于函数组件开始设计的,只支持函数组件。有了Hooks,我们可以在函数组件中使用state和react的其他特性,让函数组件具备状态管理能力,它还可以让我们的代码更简洁,更好的复用逻辑,这篇文章就主要讲解我在项目中会用到的Hooks自定义hooks是一个以use开头的js函数,它的内部可以调用其它的hooks,可以实现逻辑复用,让我们的代码更简洁,更易于维护自定义hooks创建步骤。
2025-08-21 16:07:24
1550
原创 React(四):项目创建、生命周期、高阶组件
node_modules:项目的核心模块,依赖包public:存放静态资源文件.ico:页签的logoindex.html:唯一的页面文件,只提供根节点manifest.json:移动端配置文件robots.txt:告诉爬虫者,不可爬的页面,没有实质作用只是警告.gitignore:声明一些在git上传时需要忽略的文件package.json:项目的说明文件,有哪些依赖,依赖了哪个版本package-lock.json:项目依赖的安装包,一些版本不会做一些限制,进行版本锁定。
2025-08-15 15:35:32
1217
原创 React(二):类组件、state、组件间的传值、函数组件
render(){return <h1>我是react</h1></script>注:<></>是一个fragment节点,可以当成一个容器,不会生成额外的结构函数的返回值只依赖于它自己的参数,并且在执行的过程中没有副作用函数或表达式在执行的过程,对外部环境产生的影响,不仅是返回一个值,副作用可能包括但不限于对全局变量,参数,数据结构,文件系统,网络请求等进行修改不是纯函数let m=5return m+n//返回值依赖了全局变量mApp(7)obj.name="张三"
2025-08-08 19:50:46
1251
原创 React(一):React简介、jsx语法
react起源于facebook公司的内部项目,是一个声明式的,高效且灵活的用于构建用户界面的js库,在2013年5月开源react特点:1、组件化开发:UI被拆分为独立的组件(如按钮、表单),每个组件可以重复使用,组件内部可以封装逻辑状态,避免代码耦合性。2、声明式编程:开发者只需要关注结果而非过程,react自动处理dom更新,比命令式编程直接操作dom代码更简洁,更方便,可读性更强,命令式编程使用的是原生js3、单向数据流:数据从父组件通过props向下传递到子组件,保证数据流动的可预测性。
2025-08-06 08:54:45
1393
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人