React学习

React学习笔记--JS部分

一，JS部分1，Array(9).fill(null)--定义一个为9的数组，默认填充null2，stringObject.slice(start,end)arrayObject.slice(start,end),与string对象的用法相似，返回一个新的数组。start：要抽取的片断的起始下标。如果是负数，则该参数规定的是从字符串的尾部开始算起的位置。也就是说，-1指字符串的最后一个字符，-2指
yzx会游泳的鱼·2020-08-18 23:28

React学习系列Antd的使用

一个方便极速开发应用的插件AntDesign，这些相当于帮我们封装了常用的组件，我们直接拿来用就行。在vue中也有这样的插件如：element-ui和ivew链接：https://ant.design/docs/react/introduce-cn快速使用步骤：1、安装插件cnpminstallantd--save2、在用到的地方引入组件和css（css可以在全局css的上面引入）import{D
大广_08_全栈开发·2020-08-18 23:22

React学习(九)-React中发送Ajax请求以及Mock数据

虽互不曾谋面,但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊撰文|川川VX-ID:suibichuanji点击文末左下方阅读原文,可看视频内容前言在React中,render函数返回的结果,取决于组件的props和state我们都知道UI页面上的数据不是写死的,往往是从后端的数据接口中拿到的然后将真实的数据填充到页面上,那
itclanCoder·2020-08-18 23:35

React学习历程

Mook教程笔记1简介颠覆式UI前端框架GoogleAngular不适合移动端Facebook的React不是一个完整的mvvm和mvc，轻量，组件化开发2reacthtmlcss在js中改变css样式：fontSize(驼峰式命名方法)3生命周期this和applycallbindunmountingmountingupdating菜鸟教程笔记1，引入文件react.min.js：React的核
liulucyoo·2020-08-18 23:59

React学习网站总结

demo地址：https://github.com/umijs/umi-dva-user-dashboard语法学习网站：http://www.runoob.com/react/react-tutorial.html学习资料地址：https://ant-design.gitee.io/components/form-cn/https://umijs.org/https://umijs.org/ap
省钱兄·2020-08-18 23:37

React学习

React根本上其实就是一个JavaScript库。它体现了前后分离的思想，将部分组装页面的工作转交给浏览器来完成；不像JSP文件，页面的布局和填入数据是在服务器完成后发送给浏览器的的。这样做的好处自然有很多：首先，React将DOM&JavaScript封装成模块(组件)，这些组件的可复用性很强，不仅如此，组件也可以让测试和关注分离变得简单。其次，当数据变化的时候，React能够自动更新用户界面
玉儿Qi·2020-08-18 22:06

React学习中几个注意点

最近学习React，碰到一些细节需要注意的地方。所以记录一下，内容很零散，后期再整理。1.关于JSX语法React不是一定要使用JSX语法，可以直接使用原生JS。JSX语法看上去像是在Javascript代码里直接写起了XML标签，实质上这只是一个语法糖，每一个XML标签都会被JSX转换工具转换成纯Javascript代码，所以建议使用JSX是因为它能精确定义和反应组件及属性的树状结构，使得组件的
江南风雨2013·2020-08-18 22:05

React学习笔记（5）--事件

1.事件处理函数的使用组件：React自有方法用户定义方法事件处理函数可以接受event参数；如之前用过的：//监听内容的变化并且记录在状态中handleChange:function(event){this.setState({inputText:event.target.value});},//添加提交按钮并打印结果handleSubmit:function(){console.log("re
thystar·2020-08-18 22:22

react学习-框架组合选择

首先，认识一下react。React是2013年5月份正式开源，2015年开始在国内各大论坛火起来的。我也是从工作后就一直久仰大名，至于学得为什么这么晚，这里有很多原因，最主要的还是和之前公司的技术栈不符…react的设计理念有两点我觉得是它成功的原因：1.组件化2.virtualdom这里不作赘述，之后我会单独写一篇来总结。其实react本身是主要用于UI构建，也就是页面渲染，基于ES6，所以如
shaoxi2093·2020-08-18 22:58

React学习（一）

前言公司需要，所以这些天来学习一下React。初识react的官网是https://reactjs.org/开始项目npxcreate-react-appmy-appcdmy-appnpmstart如果在下载的时候报版本错误，可以使用以下命令npxcreate-react-appmy-app--use-npm在安装项目的时候会下载一些包，下载完成后就建完项目啦。目录结构大致是这样的，其中一些没用的
逸羽菲·2020-08-18 21:50

React学习笔记_realword

一、normalizr扁平化数据保持状态扁平化API经常会返回嵌套资源。这在Flux或基于Redux的架构中处理起来会非常困难。我们推荐使用normalizr之类的库将数据进行扁平化处理，保持状态尽可能地扁平化。例子:典型的API调用返回数据：文章信息文字信息中包含作者信息、评论。article:usersandcomments{"id":"123","author":{"id":"1","nam
chenshiying007·2020-08-18 21:54

React学习笔记一

我是通过scriptsrc的方式引入的react的相关文件，本次学习顺序按照《React快速上手开发》一书的顺序学习的，本篇博客笔记地址：http://note.youdao.com/noteshare?id=09c72e73de42ff99a65977eaf4db892e&sub=60C0A66521F9494DA5A784A2A6E9877E一、通过scriptsrc的方式引入所需的js文件1
ailong3046·2020-08-18 19:01

React学习第四天——初识Typescript

初识Typescript1.基本操作Typescript作为javascript的高阶版本，代码写法上与javascript几乎一致。但当ts编译报错时，依旧能编译出相应的JS文件。例如代码：functionhello(){console.log('test')}hello()在ts中编写函数的形式是与js一致的，但在定义数据类型上写法有些不一致：//定义的数据必须以:+所需要定义的类型来定义数据
Gelxgx·2020-08-17 19:18

React学习

react的特点react和vue的区别首先，这两个框架，都是以组件化的思想进行开发的！从开发团队上进行对比：React的开发团队，是Facebook官方大牛团队，团队技术实力雄厚；Vue：第一个版本，主要是作者尤雨溪进行维护。从社区方面进行对比：React社区早，解决方案多Vue社区晚一点，解决方案相对少一点从移动App开发方面：使用React这门技术，可以分分钟转到ReactNative的开发
anyw_·2020-08-16 13:52

React学习之Todo List组件Demo

React是目前最火的前端技术之一，最近笔者也看了下React官方文档的入门教程（传送门：https://react.docschina.org/docs/hello-world.html）看完入门教程之后，写了一个TodoList组件的demo，整个效果如下图React的一个理念就是抽出组件，一个页面是由很多个组件构成，每个组件相互联系。本Demo的整个页面是由一个Message组件与一个Tod
欢喜哥·2020-08-16 01:08

我的react学习之行-03如何设计高质量的React组件

前言在写这个博客系统的时候，觉得有必要讲一下react的一些知识，因为怕在文档中会涉及到很多有关react的事情，然后想着还是方便各位看官，免得去百度撒的，更重要的是为后面我直接写code只讲思想打基础，而不是每次都要顾虑语法等等。设计组件的大体原则和方法划分组件边界的原则react组件的数据种类react组件的生命周期主要是要设计一个易于维护的组件。每一个组件就该有自己的要处理的事情。所以要拆分
halosbsp·2020-08-15 11:57

react学习总结

原文链接：https://blog.csdn.net/weixin_41154636/article/details/97820873前言前端可以做到读写数据、切换视图、用户交互，这意味着，网页其实是一个应用程序，而不是信息的纯展示。这种单张网页的应用程序称为SPA（single-page-application）。2010年后，前端工程师从开发页面（切模板），逐渐变成了开发“前端应用”（跑在浏览
You're the best*·2020-08-14 12:53

Cannot read property 'onDismiss' of undefined

之前在看《React学习之道》中文版的时候，下面的例子执行报错，importReact,{Component}from'react';import'.
snowson·2020-08-14 11:27

【react学习笔记】项目配置(typeScript)

目录使用cra创建项目配置路径别名路径代码提示webpack识别别名css预处理器配置sass配置less配置sass文件自动导入配置Mobx配置react-router配置antdantd自定义主题参考使用cra创建项目在项目中使用tsnpxcreate-react-app项目名--templatetypescript为什么使用cra呢？因为它会自动安装并配置ts相关的包，以及jest测试包等常
ajh99990·2020-08-13 12:55

React学习笔记_export和import总结

强力推荐nodejs视频react视频export和import总结一、ES6的模块化的基本规则或特点每一个模块只加载一次，每一个JS只执行一次，如果下次再去加载同目录下同文件，直接从内存中读取。一个模块就是一个单例，或者说就是一个对象；每一个模块内声明的变量都是局部变量，不会污染全局作用域模块内部的变量或者函数可以通过export导出一个模块可以导入别的模块lib.js//导出常量exportc
chenshiying007·2020-08-12 17:03

React学习笔记之二：认识index.js

2.index.js先创建一个react工程create-react-appfirst-reactcdfirst-reactnpmstart我们打开目录下的index.js文件，从入口文件开始认识react//index.jsimportReactfrom'react';//ReactDom用于页面渲染importReactDOMfrom'react-dom';//index.css用于处理页面样
月半叫做胖·2020-08-12 12:01

react学习笔记

React.js-第1天1.React简介React起源于Facebook的内部项目，因为该公司对市场上所有JavaScriptMVC框架，都不满意，就决定自己写一套，用来架设Instagram（照片交友）的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。Angular12009年谷歌MVC不支持组件化开发由于React的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简
jianlu_blet·2020-08-12 11:59

React学习——Day3

在React中启用JSX语法1.淘汰React.createElement()写法如果采用React.createElement()创建虚拟DOM的方法来写页面，如果页面上有成百上千个元素，而且元素之间有复杂的嵌套关系，这种写法就太麻烦了。对于页面UI元素来说，最简单最有效的书写形式就是写HTML，因为HTML是最优秀的标记语言。能不能像下面这样来创建虚拟DOM元素呢？constmydiv=这是一
whuhewei·2020-08-12 00:36

React学习笔记(一)：基础

React学习笔记(一)：基础创建react项目1、安装react的脚手架，全局安装一次即可cnpminstall-gcreate-react-app2、使用手脚架创建项目，在要创建项目的目录下输入create-react-app
weixin_43943881·2020-08-12 00:52

React学习笔记(五)：路由

React学习笔记(五)：路由这篇文章并不是一下子告诉你怎么做，而是一个学习过程，会不停的改造路由。
weixin_43943881·2020-08-12 00:52

React学习笔记

1.React核心概念组件化虚拟DOMJSX2.起步初始化及安装命令行下面yarninit-yyarnaddreactreact-dom@babel/standalone3.JSXHTML语言直接写在javascript语言中，这就是JSX语法，它允许HTML和JavaScript的混写https://reactjs.org/docs/jsx-in-depth.html官方文档3.1环境配置（JS
weixin_42050791·2020-08-12 00:01

react学习（ES5和ES6两种写法的对比）

前言学习react有一段时间了，第一遍学习的时候，学的云里来雾里去，只懂了一些皮毛，因为react技术栈包括的内容挺多的，主要包括react、react-router、redux，还有一些辅助工具，比如webpack、ES6、git这些都要学，可以说是必学的。不然很难阅读别人写的什么。我当时这些都不会，公司让我熟悉项目我就sb了。后面我一个模块一个模块的学习。到目前基础的基本都掌握了。下面我们来学
天下1281·2020-08-11 20:52

react学习笔记 item9 ---双向绑定（mixin）

我们知道在angular中数据时双向绑定的；而在react中，数据是向一个方向传递：从拥有者到子节点。也就是我们说的单向数据绑定。如果在react中要实现双向数据绑定，就得需要借助插件。React.addons是为了构建React应用而放置的一些有用工具的地方，其中包含了一些有用的插件，其中就有用于简化用户表单输入数据和组件state之间的双向数据绑定——LinkedStateMixin。要使用这
诗渊·2020-08-11 18:14

React学习之旅----获取表单输入的值，双向绑定

react中实现双向绑定input输入框值importReact,{Component}from'react';classEventextendsComponent{constructor(props){super(props)this.state={title:'事件对象练习',username:''}}run=(e)=>{//alert(this.state.title)console.log
清风徐来网·2020-08-11 17:09

React学习 -- React源码（2）Virtual DOM模型

VirtualDOM模型负责VirtualDOM底层框架的创建工作，它拥有整套的VirtualDOM标签，并负责虚拟节点的创建、更新、删除等工作。下面是一个简易的VirtualDOM模型，它并不复杂，只需要具备：标签名节点属性：样式，属性，事件等子节点标识ID{tagName:'div',properties:{style:{}},children:[],key:1}virtualDOM中的节点称
玉儿Qi·2020-08-11 13:35

React学习08_组件间的传值与this的绑定

React学习08_组件间的传值与this的绑定父子传值子向父传值bind(this,...args)兄弟间传值父子传值父组件在使用子组件时，给它的属性传入想给它的数据子组件通过this.props.属性名可以获取该数据子向父传值父组件向子组件传入一个带参数的方法子组件通过向这个方法传入自己的数据
Happy_Boy_z·2020-08-09 18:41

React学习之旅----项目小实例----无人点餐二---路由模块化-大型项目

App.jsimportReact,{Component}from'react';importlogofrom'./logo.svg';import'./App.css';import{BrowserRouterasRouter,Route,Link}from"react-router-dom";import'./assets/css/index.css';importroutesfrom'./m
清风徐来网·2020-08-08 18:58

[一步一步学react系列] 01—学习路径规划

由此在这里记录下我的学习过程，希望也能给同在路上的react初学者们一些帮助react学习路径：react—>redux+react-router[即router和redux可以一起学]1.先看官网文档
young_Emily·2020-08-07 22:57

React学习(一)-create-react-app

但希望能和你成为笔尖下的朋友以读书,技术,生活为主,偶尔撒点鸡汤不作,不敷衍,意在真诚吐露,用心分享点击左上方,可关注本刊文|川川文末付有视频,土豪请随意了点击文末下方阅读原文,可看PPT如需高清视频,后台可回复【React
itclanCoder·2020-08-07 22:20

React+AntDesign学习系列之《搭建React+AntDesign框架》

react学习之路react+AntDesign搭建环境准备全局安装create-react-app脚手架创建项目命名为：antd-demo1引入AntDesign组件库启动项目react+AntDesign
若青儿2020·2020-08-07 20:43

React学习之路（一）

React组件的生命周期React严格定义了组件的生命周期，生命周期可能会经历如下三个过程：装载过程（Mount），也就是吧组件第一次在DOM树中渲染的过程；更新过程（Update），当组件被重新渲染的过程；卸载过程（Unmount），组件从DOM中删除的过程。三种不同的过程，React库会一次调用组件的一些成员函数，这些函数称为生命周期函数。所以，要定制一个React组件，实际上就是定制这些生命
蛋蛋_0713·2020-08-07 16:14

react学习总结1--基础（一）

react学习总结–基础（一）说明React版本：”15.4.1”react-tap-event-plugin版本：“^2.0.1”1.react是什么React是Facebook内部的一个JavaScript
mjzhang1993·2020-08-07 15:00

React学习资源汇总

React是如今最热门的前端框架之一，它设计思路独特，性能卓越，逻辑简单，受到了广泛开发者的喜爱,最近有项目需要用到React，所以现在开始恶补，把自己学习React的一些学习资料总结一下。React官方官网地址：http://facebook.github.io/react/Github地址：https://github.com/facebook/react设计思想学习React之前，我们先了解
物以稀为贵yeah·2020-08-07 13:56

React学习小记

这段时间公司需要用到react+python来进行web开发，这不，上两个礼拜一直在学react和python相关知识，做出了一个小的demo-在线多人聊天室。对上面两种技术从无到有的理解，在做的过程中，也遇到了许许多多问题。虽然感觉基本入门了，但是感觉仍然需要来回顾一遍基础，这样能够更好的掌握。这篇博文主要是个人对网上知识以及书上知识的总结。什么是React?React是一个用于构建用户界面的J
6点A君·2020-08-07 12:15

【React】入门第三天 - 数组和对象

React关于React学习内容我已经上传到github上了，如果需要的话自行下载Githubreact数组map()循环react数组渲常用map()镜像数据渲染vararr=["react","vue
LaoShiRen1207·2020-08-07 11:58

react学习第一篇

react:一个构建用户界面的javascript库。antd：是基于AntDesign设计体系的ReactUI组件库区别在于：react用来构建页面的布局。而antd则存在于组件中的某些元素。比如一个组件中的input框等。react的基础：掌握项目中的各个文件以及作用；能够拆分组件并且能够实现组件之间的数据通信；掌握react中的事件绑定this；掌握react的生命周期函数;react的re
FatNA·2020-08-07 10:56

React基础入门详解

React项目的创建1、运行cnpmireactreact-dom-S安装包2、在项目中导入两个相关的包：//1.在React学习中，需要安装两个包reactreact-dom//1.1react这个包
jackaroo2020·2020-08-07 10:09

React学习第一天（2020.6.3）

1、两个概念library（库）和framework（框架）：Library：小而巧，可以方便从一个库切换到另一个库Framework：大而全，提供了一整套的解决方案，切换的较麻烦2、react和vue的对比模块化：从代码的角度来进行分析的；将一些可复用的代码抽离为单个的模块，便于项目的维护和开发。组件化：从UI界面的角度来进行分析的；把一些可复用的UI元素抽离为单独的组件，便于项目的维护和开发。
Olliverzhang·2020-08-07 10:54

react学习Day1:安装react

一、使用create-react-app快速构建React开发环境create-react-app是来自于Facebook，通过该命令我们无需配置就能快速构建React开发环境。create-react-app自动创建的项目是基于Webpack+ES6。执行以下命令创建项目：cnpminstall-gcreate-react-appcreate-react-appmy-app"my-app表示创建
路人甲小码·2020-08-05 15:24

react学习Day2:安装配置路由

一、react-dom和react-router-domReact-router提供了一些router的核心api,包括Router,Route,Switch等,但是它没有提供dom操作进行跳转的api.React-router-dom提供了BrowserRouter,Route,Link,Switch等api,可以通过dom的事件控制路由二、安装依赖npminstallreact-router-
路人甲小码·2020-08-05 15:53

react学习之--方向键走迷宫

Document#cells{display:flex;justify-content:center;align-items:center;flex-direction:column;}.row{display:flex;flex-direction:row;}.cell{width:20px;height:20px;border:1pxsolidtransparent;}.top{border-
九霄的爸爸·2020-08-04 15:56

React学习17_1----package.json文件和node_modules文件夹

package.json文件引用模块的名称node_modules文件夹（包括里面的文件）模块的实际文件node_modules手动删除，但是package.json必须在cd到项目目录下，执行npminstall命令，会根据package.json中引用模块的名称重新下载并生成node_modules文件夹在实际开发中，代码在git或者svn上面时，也只上传package.json（不上传nod
zhaihaohao1·2020-08-04 09:13

React实战之React+Redux实现一个天气预报小项目

引言经过一段时间的React学习，React和Vue的开发确实有很大的不同，但是都是MVVM框架，因此上手没有很大的难度，这次用React+Redux开发一个天气预报小项目。
爱前端也爱恋爱·2020-08-03 18:24

11.26-11.27 React学习笔记

11.26注意：React的首字母必须是大写，不然浏览器会把组件当作普通标签出现错误。importReactfrom’react’//导入React//创建并且暴露这个组件exportdefaultfunctionHello(props){console.log(props)return这是Hello组件---(props.name)---(props.age)---(props.gender)}
Sitwoold·2020-08-03 13:43

React学习20----react-router4.x中实现路由模块化，以及嵌套路由父子组件传值

把https://blog.csdn.net/zhaihaohao1/article/details/87966970中的路由封装成模块使用起来更加方便：封装1：把路由定义成一个数组routes配置的时候循环数组，配置如下：App.jsimportReact,{Component}from'react';importlogofrom'./assets/images/logo.svg';import
zhaihaohao1·2020-08-03 09:42
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他