weixin_47207556的博客

React的简书仿写项目肯定好多人都实践过了，因为这是慕课特别有名的Dell Lee老师的课程，2021学习这个课程算比较老了。但是涉及到的react的知识点和思想肯定是相通的，对于没有项目经验的我是足够的。其实还有两个页面是空白的，写文章页面和作者的个人主页。但是我着急想试试打包和部署，然后今天就部署到服务器上了。下面是效果图学习过程中笔记存档：第一页：react-create-app是react的官方脚手架工具，帮助我们构建前端工程目录。npm是node的包管理工具node-modul

“todolist的Redux实现至少要默写五遍哦”，Dell Lee老师用最温柔的语气说着最狠的话~该默写还是要默写。效果图代码index.js就不粘了import React,{Component} from 'react';import {Input,Button,List} from 'antd';import store from "./store/store";import 'antd/dist/antd.css';import './App.css';import {ge

今天第一天学习react，写的一个练习。先上图创建一个react项目只需三个命令：npx create-react-app myAppcd myAppnpm startApp.js代码import React ,{Component,Fragment}from 'react'import TodoItem from "./TodoItem";import './todoList.css'class App extends Component{ constructor(pr

首先虚拟DOM就是用JS对象模拟DOM节点，当要改变DOM节点时，页面的更新可以反映在虚拟DOM上。对于使用原生JS操作DOM时，例如，我们要更新10个DOM节点，浏览器收到第一个后不知道后面还有9个，会立即执行更新，最终更新操作执行10次。频繁操作会出现页面卡顿，影响用户体验，降低浏览器性能。有了虚拟DOM以后，如果还是有10次DOM更新操作，虚拟DOM不会立马执行，而是先将10次更新的diff内容保存到JS对象中，将这个对象一次性的attach到DOM树上，避免了大量无用的计算。下面是虚拟D