![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 94
程序媛~~~
这个作者很懒,什么都没留下…
展开
-
react-移动端项目
移动端项目一 明确案例的需求需要理解的概念有:手机验证码的登录手机验证码的获取第三方平台的授权登录第三方平台用户信息的获取二 antd的基本使用需要理解的概念有:React的UI框架有哪些https://ant.design/docs/react/introduce-cnhttps://material-ui.com/zh/https://zijieke.com/semantic-ui/https://react-bootstrap.github.io/https://原创 2021-06-20 16:01:33 · 2293 阅读 · 1 评论 -
React-Redux
React-Redux一 React-Redux的应用1.学习文档英文文档: https://redux.js.org/中文文档: http://www.redux.org.cn/Github: https://github.com/reactjs/redux2.Redux的需求状态的集中管理任意页面与组件之间的数据传递状态管理的可预测数据的本地化缓存提升性能随着对JavaScript单页应用程序的要求变得越来越复杂,我们的代码必须比以前更多地处理状态。此状态可以包括服务器响应原创 2021-06-20 16:00:10 · 26629 阅读 · 7 评论 -
React路由
React路由一 对SPA应用的理解需要理解的概念有:什么是SPASPA和MPA的区别实现一个SPA如何给SPA做SEOSPA与MPA网站演示1.什么是SPA单页web应用(single-page application),翻译过来就是单页应用。2) 整个应用只有一个完整的页面3)点击页面中的链接不会刷新页面,只会做页面的局部更新4)数据都需要通过Ajax请求获取,并在前端异步展现2.SPA和MPA的区别上面大家已经对单页面有所了解了,下面来讲讲多页应用。MPA(Mu原创 2021-06-20 15:59:42 · 4021 阅读 · 0 评论 -
react-github案例
github案例一 react脚手架配置代理_方法一需要理解的概念有:axios模块的安装与使用什么是跨域跨域的解决方案有哪些proxy的限制有什么https://cra.docschina.org/docs/proxying-api-requests-in-development测试代理服务器项目:http://qn.chinavanes.com/test_proxy_server.zip在package.json中追加如下配置"proxy":"http://localhost原创 2021-06-10 18:49:01 · 748 阅读 · 0 评论 -
react-TodoList案例
TodoList案例一 TodoList案例_静态组件需要理解的概念有:根据目标页面进行组件拆分规划样式内容的变化className与style的变化样式文件的拆分App.css以及各个模块的xxx.css样式文件如果是全局样式,可以考虑在public里进行引入todos的静态页面(opens new window)src/App.jsimport Header from './components/Header';import Footer from './components原创 2021-06-09 19:54:14 · 893 阅读 · 0 评论 -
React脚手架案例
React脚手架一 初始化 react 脚手架需要理解的概念有:脚手架的作用是什么脚手架的支持技术是什么?webpack(入口、出口、加载器、模式、插件)脚手架将会做哪些工作JSX的预解析编译等模块化、组件化、工程化reac脚手架xxx脚手架:用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置(语法检查、jsx编译、devServer…)下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-rea原创 2021-06-09 19:52:59 · 354 阅读 · 0 评论 -
react-生命周期
生命周期-核心一 引出生命周期需要理解的概念有:React生命周期的版本React新旧生命周期的主要内容大体印象生命周期钩子函数一定执行的生命周期钩子函数render生命周期钩子函数的必须调用与执行1次[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QjNx3MAR-1622556427205)(http://qn.chinavanes.com/qiniu_picGo/react%E7%94%9F%E5%91%BD%E5%91%A8%E6%9原创 2021-06-01 22:07:52 · 160 阅读 · 2 评论 -
react-事件相关
事件相关一 React 中的事件处理需要理解的概念有:React事件的原理React事件的命名规则,驼峰式需要传入函数作为事件处理函数,不是字符串。并且传入函数不需要加小括号,因为不是调用而是指向React中的事件不能通过return来阻止默认事件,必须preventDefault阻止官网了解一下什么是合成事件事件绑定this指向可以在事件绑定处利用bind可以在构造函数处利用bind可以利用箭头函数定义可以在事件绑定处利用箭头函数onClick={()=>{ this.f原创 2021-05-31 21:21:17 · 218 阅读 · 2 评论 -
react-ref指向
react属性:ref指向:reference(目录,手册)一 字符串类型的 ref需要理解的概念有:React能否以真实DOM的操作方式处理对象什么时候使用ref为什么字符串形式设置ref已经过时不设ref还可以通过event获取到对象内容为什么event参数绝大多数属性都是null1.React以真实DOM的操作方式处理对象 <div id="test"></div> <script type="text/babel"> //定义组件原创 2021-05-31 21:20:45 · 296 阅读 · 1 评论 -
react-props属性
react属性-props属性一 props 的基本使用需要理解的概念有:React中属性的传递方式,与class类的属性设置的差异区别React中属性的接收方式解构赋值的处理操作属性定义传递,属性使用,属性设置(组件标签),属性接收(prop) <div id="test"></div> <div id="test2"></div> <script type="text/babel"> //定义Person组件 cl原创 2021-05-31 21:20:20 · 231 阅读 · 5 评论 -
react-state状态
react属性-state状态一 对state的理解(20)需要理解的概念有:人->状态->行为与组件->状态->驱动视图之间的比较理解通过查看this,确认实例对象的属性内容主要包括的部分理解组件包括的三大核心属性:state、props、refs理解响应式数据与普通数据之间的差异 <!-- 准备好一个容器 --> <div id="test"></div> <script type="text/bab原创 2021-05-30 21:26:03 · 305 阅读 · 3 评论 -
初步了解react-babel-虚拟DOM-JSX-类组件-函数式组件
一 初步了解React需要理解的概念有:什么是六何分析法?利用六何分析法剖析 React如何查看哪些项目是用 reactjs 进行开发的学习 ReactJs 常用的 JavaScript 语法内容1.什么是六何分析法?5W1H(WWWWWH)分析法也叫六何分析法,是一种思考方法,也可以说是一种创造技法 (opens new window)。它在 1932 年,由美国政治学家拉斯维尔提出“5W 分析法 (opens new window)”,后经过人们的不断运用和总结,逐步形成了一套成熟的“原创 2021-05-28 21:51:50 · 648 阅读 · 0 评论