小刘啊小刘-CSDN博客

原创 Pinia状态管理

Vuex： State、Gettes、Mutations(同步)、Actions(异步)Pinia： State、Gettes、Actions(同步异步都支持)Vuex 当前最新版是 4.xVuex4 用于 Vue3Vuex3 用于 Vue2Pinia 当前最新版是 2.x支持 Vue2 也支持 Vue3

2022-07-11 11:18:17 424

1. Typescript内置方法假设假设当前我们有一个Person类型，当我们使用Person类型的时候需要定义它的全部变量，使用起来灵活度太低，以下有几种方法可以让我们更灵活的使用类型：type Person = { name: string, age: number, hobby: string }let obj: Person = { name: 'jack'} // 类型“{ name: string; }”缺少类型“Person”中的以下属性: age, hobby

2022-05-20 16:01:08 372

原创 Vue笔记

1.基础知识Vue项目中使用单文件组件SFC，将组件的逻辑（JavaScript）、模板（HTML）和样式（CSS）封装在单个文件中。Options API与 Composition API的区别● Options API 以“组件实例”的概念为中心（如示例所示），对于来自 OOP （面向对象）语言背景的用户，它通常与基于类的模型更一致。通过抽象出响应式细节并通过option组强制实施代码组织，它也更适合初学者。● Composition API 的核心是直接在函数作用域中声明反应状

2022-05-20 11:22:26 187

原创 JavaScript基础笔记(待更新)

1.JS获取元素通过ID获取document.getElementById('id名')通过标签名获取document.getElementsByTagName('标签名');通过HTML5新增方法获取document.getElementsByClassName('类名')；// 根据类名返回元素对象集合 document.querySelector('选择器');// 根据指定选择器返回第一个元素对象如:document.querySelector('#nav')document.

2022-05-20 11:03:10 199

原创《深入理解JavaScript特性》笔记

1.类、符号和装饰器原型继承与类继承之间最主要的区别是，类可以使用extend继承其他类。与函数声明不同，类声明不会提升到所在作用域的顶部。类通过static关键字定义静态方法。使用super将参数传递给底层的构造函数Symbol不具备字面量表示，不能与new同时使用，值不可变，独一无二，互不相等。Symbol作为属性可以将DOM元素映射到对象。Object.assign只会遍历自身可数的属性，不会递归对象。Object.is在执行NaN对比时会返回true，Object.is在执行+0和

2022-05-20 10:21:33 140

原创 Redux笔记

Redux 没有 Dispatcher 且不支持多个 store。相反，只有一个单一的 store 和一个根级的 reduce 函数（reducer）。随着应用不断变大，你应该把根级的 reducer 拆成多个小的 reducers，分别独立地操作 state 树的不同部分，而不是添加新的 stores。这就像一个 React 应用只有一个根级的组件，这个根组件又由很多小组件构成。Redux三大原则1.1 单一数据源整个应用的 state 被储存在一棵 object tree 中，并且这个 obj

2021-07-06 20:46:07 124

原创 React脚手架使用流程

1. 安装npm install -g create-react-app2. 创建项目npx create-react-app 项目名npx 将create-react-app下载到一个临时目录，使用以后再删除。所以，以后再次执行上面的命令，会重新下载create-react-app。目录如下：my-app |--build //构建目录，遵循发布系统规范 | |-- index.html //静态页面 | |-- static //资源文件

2021-06-28 16:22:22 111

原创 Git学习笔记

Git和GitHub的区别Git 是一个软件（版本控制系统），它允许你通过提交对一个系统（或一组）文件的历史进行注释。这些提交便是在给定时间点对系统做出的差异“快照”。Github 获取 Git 中的提交历史，并将其存储在互联网上，因此你可以从任一一台电脑访问它。你在本机推送（push）提交到 Github，然后，从另一台新的或不同的电脑上拉取（pull）这些提交。常用操作git init -初始化仓库git clone [url] [本地目录] -拷贝一份远程仓库git add .

2021-06-28 11:54:47 113

原创详解Promise

promise是什么Promise是ES6中提供的一个异步编程的解决方案，Promise本身是一个构造函数。Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。只有异步操作的结果，可以决定Promise是哪一种状态，任何其他操作都无法改变这个状态。一旦Promise状态改变，就不会再有变化，任何时候都可以得到这个结果。Promise对象的状态改变，只有两种可能：从pending变为fulfilled 或者从pending变为rejecte

2021-06-28 11:44:33 180

原创 React组件的生命周期

React生命周期图谱挂载当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下：constructor()static getDerivedStateFromProps()render()componentDidMount()更新当组件的 props 或 state 发生变化时会触发更新。组件更新的生命周期调用顺序如下：static getDerivedStateFromProps()shouldComponentUpdate()render()getSnapshotBe

2021-06-28 11:39:14 178

原创想要哪种三角形？

介绍三种不需要引用图片和符号构造三角形的方法使用一个div标签来实现（原理是视觉上隐藏其他三个三角形） div{ width: 0; height: 0; border-top: 50px solid red; border-left: 50px solid white; border-bottom: 50px solid white; border-right: 50px solid white;

2021-04-29 16:43:50 80

tuyahanhan的博客

原创 Flex布局