react
iku_ki
这个作者很懒,什么都没留下…
展开
-
React
JSX是什么 JSX是一种像下面这样的语法:类似的在js中嵌入html的代码 1. const element = <h1>Hello, world!</h1>; 2. render(){ return ( <h1>Hello, world!</h1>; ) } 3. jsx直接可以看作是一个变量 它是一种JavaScript语法扩展,在React中可以方便地用来描述UI。 本质原创 2021-09-14 23:18:37 · 481 阅读 · 0 评论 -
React项目规范
React项目规范原创 2021-08-22 20:18:34 · 125 阅读 · 0 评论 -
react浏览器插件的安装与使用、Redux DevTools【详细】
1.安装插件【安装好之后不能直接使用】2. 配置Redux DevTools插件项目目录下:yarn add redux-devtools-extension在store/index.js中: import {composeWithDevTools} from 'redux-devtools-extension' const store = createStore(addReducer, composeWithDevTools())//createStore没有第二个参数的情况,就将co原创 2021-08-16 22:09:14 · 1523 阅读 · 0 评论 -
react-redux
原创 2021-08-15 21:08:30 · 43 阅读 · 0 评论 -
redux原理图
原创 2021-08-14 16:57:43 · 489 阅读 · 0 评论 -
给项目目录起别名
const path = require("path")const resolve = dir => path.resolve(__dirname, dir)module.exports = { webpack: { alias: { "@": resolve("src"), "components": resolve("src/components") } }}原创 2021-08-12 14:35:59 · 122 阅读 · 0 评论 -
react-笔记【第一阶段】
# JSX是什么 JSX是一种像下面这样的语法:类似的在js中嵌入html的代码 1. const element = <h1>Hello, world!</h1>; 2. render(){ return ( <h1>Hello, world!</h1>; ) } 3. jsx直接可以看作是一个变量 它是一种JavaScript语法扩展,在React中可以方便地用来描述UI。 本原创 2021-08-09 16:37:30 · 110 阅读 · 0 评论 -
Web前端学习视频、Vue教程、React教程、Axios教程...【最详细视频教程】
资源链接:https://download.csdn.net/download/weixin_46435234/20429610此链接为博客资源链接,请放心购买,(整理资源不易,就当请小弟一杯奶茶啦)资源目录:原创 2021-07-23 11:09:50 · 71 阅读 · 0 评论 -
Web前端学习视频、Vue教程、React教程、Axios教程...【最详细视频教程】
资源链接:https://download.csdn.net/download/weixin_46435234/20429610此链接为博客资源链接,请放心购买资源目录:原创 2021-07-22 17:24:38 · 94 阅读 · 0 评论 -
React-教程【003-虚拟DOM与真实DOM】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-07-21 21:25:25 · 88 阅读 · 0 评论 -
React-教程【002-虚拟DOM创建的两种方式】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l原创 2021-07-21 21:19:53 · 72 阅读 · 0 评论 -
React手脚架项目目录结构
React脚手架项目目录结构根目录:|-- node_modules 项目依赖包 由npm进行管理|-- public ---- 静态资源文件夹 —公共文件,里边有公用模板和图标等一些东西|-- favicon.icon ------ 网站页签图标|-- index.html -------- 主页面,承装各个组件 整个项目只有一个html文件,单页面应用|-- logo192.png ------- logo图|-- logo512.png ------- logo图|-- manif..原创 2021-07-06 13:03:47 · 313 阅读 · 0 评论 -
vue&react中的key的作用
经典面试题: 1). react/vue中的key有什么作用?(key的内部原理是什么?) 2). 为什么遍历列表时,key最好不要用index? 1. 虚拟DOM中key的作用: 1). 简单的说: key是虚拟DOM对象的标识, 在更新显示时key起着极其重要的作用。 2). 提升渲染性能 2). 详细的说: 当状态中的数据发生变化时,react会根据【新数据.转载 2021-07-02 20:45:48 · 63 阅读 · 0 评论 -
React生命周期流程图-新旧版本
旧版本的生命周期流程图新版本的生命周期流程图原创 2021-06-15 23:02:13 · 275 阅读 · 2 评论