weixin_47360323-CSDN博客

原创 react学习笔记-06 -- Redux & react-redux & redux-thunk

ReduxRedux中文文档安装npm install --save redux原理图storestore(仓库)存放整个应用的state。createStore创建仓库import { createStore } from 'redux';import reducer from './store/reducer';let store = createStore(reducer)//createStore还有第二个参数，表示State的最初状态或者是.

2022-03-10 10:04:36 1112

原创 react学习笔记-05 —— react-router-dom v6

路由的安装npm i react-router-dom基本使用//引入要跳转的组件import 组件名 from '路由地址';<Routes> <Route path='/地址' element={ <组件名 />}> <Route path='地址' element={<组件名 />} /> // 子路由 </Route> </Routes&gt.

2022-03-06 16:59:31 695

原创 react学习笔记-04 —— React Hooks

Hooks就是在不编写class的情况下使用state等其他的React特性。Hook 简介 – React只能在 [ 函数最顶层 ] 调用Hook。只能在 [ React的函数组件 ] 中调用Hook，不能在普通函数也不能是class组件。useState()使用import { useState } from "react";function UseState() { const [stu, setStudent] = useState({ count: 0, ag

2022-03-03 21:41:29 377

原创 react学习笔记-03

请求数据axios安装npm i axios使用import Axios from 'axios';Axios.post('http://localhost:7070/list',{},{ headers:{ "Content-Type":"application/json" } }).then((res)=>{ console.log(res);

2022-03-02 20:07:41 320

原创 react学习笔记-02

Ref组件分类(控件方式不同)：受控组件与非受控组件大多数情况下，建议使用受控组件。有一种称为非受控组件的方法可以通过使用Ref来处理表单数据。在非受控组件中，Ref用于直接从DOM访问表单值，而不是事件处理程序。使用React.createRef() 定义Ref并传递该输入表单。 class Test extends Component{ constructor() { super(); this.user ...

2022-02-27 22:11:57 460

原创 react学习笔记 - 01

简介虚拟DOM。 JSX，jsx是JavaScript的语法扩展组件，提高复用率单向响应的数据流，减少重复代码。react的脚手架安装npm install -g create-react-app //全局安装create-react-app 项目名 //创建项目npm start //启动项目目录结构pubulic index.htmlsrc App.js 根组件 App.css App组件的样式 index.

2022-02-24 07:50:01 65

原创 Less学习笔记

Less是一种css预编译语言。（less、sass是主流的css预编译器）由于css不能嵌套、很多重复。不能定义变量，没有编程语言的特性。所以less是为css增加一些编程特性。以面向对象的思想看待css。less的引入、混合传参和不传参、模式匹配、less伪选择器和选择器的写法、命名空间和访问符。Less 中的作用域与 CSS 中的作用域非常类似。首先在本地查找变量和混合（mixins），如果找不到，则从“父”级作用域继承。

2022-02-16 14:30:07 144

原创移动端js

移动端js开发注意事项 1. 移动端没有鼠标事件，所有mouse相关的不能用，但是click可以。 2. touch事件包括: touchstart（触摸开始，多点触控）、touchmove（接触点改变，滑动时）、touchend （触摸结束）。 3. 移动端只有chrome,就是高级浏览器，不存在兼容。 4. 尽可能的少用dom。尽可能用过度、变形、动画。 5. 不用window.onload 用DOMContentLoaded。 window.onload dom+资源

2022-02-14 18:13:44 370

原创移动端布局

移动端和pc端的不同移动端新增标签属性flex布局和rem布局pc端兼容不同的浏览器及内核。移动端只有一种浏览器内核（webkit），但是兼容不同分辨率的手机。pc端为了布局兼容会在css的不同属性前加入不同前缀兼容不同的浏览器。移动端学习难点是在不同分辨率的手机上显示相同比例的东西。移动端新增标签属性在html5中新增的标签分为三类：一类为了语义化、一类为了资源媒体的使用、一类为了移动端。

2022-02-14 16:58:15 328

weixin_47360323的博客