随笔分类 - React
摘要：性能优化 性能优化，永远是面试的重点，性能优化对于 React 更加重要 在页面中使用了setTimout()、addEventListener()等，要及时在componentWillUnmount()中销毁 使用异步组件 使用 React-loadable 动态加载组件 shouldCompon
阅读全文
摘要：现在的流行框架，无论React还是Vue，都采用虚拟DOM。 好处就是，当我们数据变化时，无需像Backbone那样整体重新渲染，而是局部刷新变化部分，如下组件模版： <ul class="list"> <li>item1</li> <li>item2</li> </ul> 当页面中item2变为i
阅读全文
摘要：传送门 vite + react + ts 手摸手做项目系列一 （项目配置篇） github地址（github的更新速度比文档要快，文档要追加大量注释）github地址 前言 这篇实战篇文章，我改了很多遍，本来加了很多复杂的封装，但是对于初学 react+ts 的同学很不友好，因为不好看懂 所以我删
阅读全文
摘要：前言 说好的教程终于来了，文章主要带大家打造一个 react spa 的项目，使用的技术栈是 vite+react+ts,vite 的快想必我就不用介绍了，用过的都说好， react + ts 已经成为大型项目的主流，大厂极为青睐，所以学好 react + ts 对你之后想进大厂应该会如虎添翼， 本
阅读全文
摘要：我们都知道定义组件有两个要求： 组件名称必须以大写字母开头 组件的返回值只能有一个根元素 什么是函数组件▼ 函数组件接收一个单一的 props 对象并返回了一个React元素，如下图： 什么是class组件▼ 使用ES6 的 class 来定义的组件。如下图： 函数组件和class组件的区别▼ 有一
阅读全文
摘要：摘要： 先看效果图 github地址 github仓库 在线访问 初始化项目 #创建项目 create-react-app applist #如果没有安装create-react-app的话，先安装 npm install -g create-react-app 目录结构改造 |--config |
阅读全文
摘要：多种解决react中跨域问题方案 在网上看到了多种解决react跨域的方法，但是在实际的项目中并不是所有的方法都是可行的。 一、最简单的操作在package.json中加入 "proxy": "http://localhost:8000"然后你页面中的请求fetch('/api/userdata/'
阅读全文
摘要：react 小白 常用方法总结 1. react元素只是组件的构成部分之一。是在屏幕上看到的内容。 const element = <h1>Hello, world</h1>; 2. 一般只定义一个根节点<div id="root"></div>， 将元素渲染到根节点上 ReactDOM.rende
阅读全文
摘要：react中常用的一些方法 React.createClass:创建一个ReactClass（组件类），参数是一个对象且必须带有 render 属性方法，该方法必须返回一个封闭的容器（容器内可以有其它不限结构的容器）或 null/false（表示啥都不渲染） React.createElement:
阅读全文
摘要：react中重置清除数据的方法 描述如下： 1､ 页面进来没有数据，只有输入条件的情况下，才能查询数据。 2､查询条件有重置功能。 问题：重置功能如何操作呢？ 数据是从 this.props 中取到的，在重置的时候 1､方法一 ：不调接口 this.props.xxx = [ ] 或者 this.p
阅读全文
摘要：这是一波操作，希望喀喀喀
阅读全文
摘要：React函数调用方式，以及坑 结构学AI关注 0.1822017.03.15 11:45:50字数 160阅读 9,950 好吧这篇文章没想到看得人这么多....出乎意料，mark下，改天写篇原理吧，另外下面是去年在鹅厂的写法，后面鹅厂就不能用react了...急用的看最后两个就好了，其他情况没啥
阅读全文
摘要：使用react创建单页面项目 react创建单页面项目并且组件传值首先在app.js中配置路由,这里是通过react-router-dom这个自带的组件完成的定义一个class类在里面进行单页面的创建,并且此文件还可以创建其他的页面以及多个单页面项目import React, { Component
阅读全文
摘要：作者：小小程序猿（^_^） 出处：http://www.cnblogs.com/lidgblogs/
阅读全文
摘要：React总结文档1 做React需要会什么？ react的功能其实很单一，主要负责渲染的功能，现有的框架，比如angular是一个大而全的框架，用了angular几乎就不需要用其他工具辅助配合，但是react不一样，他只负责ui渲染，想要做好一个项目，往往需要其他库和工具的配合，比如用redux来
阅读全文
浙公网安备 33010602011771号