- 博客(12)
- 收藏
- 关注
RSS订阅原创 TypeScript 详细教程（一篇就够了）
TypeScript 是一门基于 JavaScript 的编程语言，它是具有类型系统的 JavaScript，是一种解决 JavaScript 缺点的编程语言。TypeScript 不能在浏览器环境或者 Node 环境直接运行，它在执行前需要先被编译为 JavaScript。TypeScript 提供的类型系统只应用在开发阶段，只有在开发阶段开发者才需要借助它编写出更加健壮的程序。TypeScript 由微软发布，第一个正式版的发布时间为是2013年6月19日。通过静态类型检查可以让开发者在编译时就
2024-06-10 21:19:36
1010
原创 什么是Pinia？Pinia的数据持久化
Pinia 是 Vue.js 的一个状态管理库, 它是作为 Vuex 的一个轻量级替代品而创建的, Pinia 提供了一种简单、直观的方式来管理和访问 Vue 应用的状态。以下是一些关于 Pinia 的关键点:Pinia 的 API 设计得非常简单, 使得创建和使用 store 变得非常容易。使用 defineStore 函数定义 store, 使用 useStore 函数在组件中使用 store。
2024-04-28 21:15:00
1495
原创 组合式API（声明周期，跨组件传参），自定义hook,路由
什么是hook？—— 本质是一个函数，把setup函数中使用的Composition API进行了封装。类似于vue2.x中的mixin。自定义hook的优势: 复用代码, 让setup中的逻辑更清楚易懂。refs我们需要在组件渲染初期通过ref() 暴露一个ref值（null），在虚拟dom算法中，如果虚拟dom节点中的ref键对应渲染上下文中的ref()暴露的ref值，则虚拟dom的相应元素或者组件实例将被分配给该ref的值
2024-04-27 19:29:33
819
原创 vue3基本使用方式
v-else-if 必须和 v-if 连用 v-else 必须和 v-if 连用 不能单独使用 否则报错 模板编译错误。setup的意思是准备，它是在props、data、computed、methods 、生命周期函数之前运行的。条件渲染指令（v-show、v-if、v-else、v-else-if）组件中所用到的：数据、方法、生命周期等等，都可以配置在setup中。若返回一个对象，则对象中的属性、方法, 在模板中均可以直接使用。v-text和{{}}表达式渲染数据，不解析标签。
2024-04-21 19:53:48
854
1
原创 认识vue3
2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王）vue3提供了更好的性能、更小的捆绑包体积、更好的 TypeScript 集成、用于处理大规模用例的新 API3.0 版本的开发周期长达两年多，期间产生了 30+ RFCs、2600+ commits、628 pull requests，以及核心仓库之外的大量开发和文档工作。
2024-03-20 21:15:00
553
1
原创 TypeScript简介
TypeScript是微软开发的开源编程语言，可以在任何运行JavaScript的地方运行。TypeScript(简称：TS)是JavaScript的超集(JS有的TS都有)。+ JavaScript(在JS基础之上，为JS添加了类型支持)。TypeScript具有类型系统，且是JavaScript的超集。它可以编译成普通的JavaScript代码。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。
2024-03-18 11:45:00
977
原创 forwardRef 与 useImperativeHandle
作用：如果我们并不想暴露子组件中的DOM而是想暴露子组件内部的方法。作用：允许组件使用ref将一个DOM节点暴露给父组件。
2024-01-04 20:01:30
456
原创 React渲染性能的优化
如果上一小节的例子，我们不想通过引用来比较，而是完全比较数组的成员是否完全一致，则可以通过自定义比较函数来实现// 自定义比较函数return (})console.log('子组件被重新渲染了')console.log('父组件重新渲染了')return (内容一样{JSON.stringify(list)}内容不一样{JSON.stringify(list)}。
2024-01-01 20:59:35
592
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人