2020年1月16日
摘要: 前言:最近使用react组件条件渲染,一般用三目运算符最合适了,其他方式看情况而用。 一、条件表达式渲染 (适用于两个组件二选一的渲染) 1 render() { 2 const isLoggedIn = this.state.isLoggedIn; 3 return ( 4 <div> 5 {is 阅读全文
posted @ 2020-01-16 19:39 GGbondMan 阅读(529) 评论(0) 推荐(0)
  2020年1月12日
摘要: 一、语法 arr.reduce(function(prev,cur,index,arr){ ... }, init); 其中,arr 表示原数组;prev 表示上一次调用回调时的返回值,或者初始值 init;cur 表示当前正在处理的数组元素;index 表示当前正在处理的数组元素的索引,若提供 i 阅读全文
posted @ 2020-01-12 09:54 GGbondMan 阅读(511) 评论(0) 推荐(0)
  2020年1月11日
摘要: 结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考,面向初学者,让初学者少走弯路。 互联网的快速发展和激烈竞争,用户体验成为一个重要的关注点,导致专业前端工程师成为热门职业,各大公司对前端工程师的需求量都很大,要求也 阅读全文
posted @ 2020-01-11 20:37 GGbondMan 阅读(338) 评论(0) 推荐(0)
摘要: 知识共享 我在浏览git开源代码的时候,浏览到一句话: 版权声明:本文为CSDN博主「。。。」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。 原文链接:https://blog.csdn.net/。。。。。。。 此处的知识共享,不仅仅是“将知识共享”,而是指我 阅读全文
posted @ 2020-01-11 17:29 GGbondMan 阅读(1966) 评论(0) 推荐(0)
摘要: 我们知道表单元素与其他的普通DOM元素来说是不一样的,它们保存了自己的一些状态。 我们主要说的就是表单元素中的受控组件和非受控组件。 受控组件就是这个组件的状态是我们(react)控制的,这个组件的行为是完全受到我们控制的,所以叫做受控组件,比如: 1 class NameForm extends 阅读全文
posted @ 2020-01-11 11:04 GGbondMan 阅读(416) 评论(0) 推荐(0)
  2020年1月10日
摘要: axios拦截器 页面发送http请求,很多情况我们要对请求和其响应进行特定的处理;如果请求数非常多,单独对每一个请求进行处理会变得非常麻烦,程序的优雅性也会大打折扣。好在强大的axios为开发者提供了这样一个API:拦截器。拦截器分为 请求(request)拦截器和 响应(response)拦截器 阅读全文
posted @ 2020-01-10 16:54 GGbondMan 阅读(556) 评论(0) 推荐(0)
摘要: Redux是一款状态管理库,并且提供了react-redux库来与React亲密配合, 但是总是傻傻分不清楚这2者提供的API和相应的关系。这篇文章就来理一理。 如果要用一句话来概括Redux,那么可以使用官网的这句话:Redux是针对JavaScript应用的可预测状态容器。此句话虽然简单,但包含 阅读全文
posted @ 2020-01-10 16:46 GGbondMan 阅读(140) 评论(0) 推荐(0)
摘要: setState:设置状态 render:渲染,挂载 dispatchEvent : 派发事件 dispatch:分发,派遣;库里的一个方法,简而言之相当于一个actions和reducer监听方法更新 state provider:提供者 combine :合并 reduce : 减少,降低,使处 阅读全文
posted @ 2020-01-10 16:34 GGbondMan 阅读(222) 评论(0) 推荐(0)
  2020年1月4日
摘要: 1、路由的跳转 一、DOM跳转 在需要跳转的页面导入import {Link} from 'react-router-dom',在需要跳转的地方使用link标签的to属性进行跳转,路由配置文件中导出的那个类名相当于相当于router-view标签,在需要展示的地方引入这个类金星秀展示 1、在路由配置 阅读全文
posted @ 2020-01-04 00:06 GGbondMan 阅读(953) 评论(0) 推荐(0)
  2019年12月29日
摘要: ReactJS:支持React开发,提供JSX代码提示,高亮显示,ReactJS官方介绍 1、cdm→ componentDidMount: fn() { ... } cdm 2、cdup→ componentDidUpdate: fn(pp, ps) { ... } cdup 3、cs→ var 阅读全文
posted @ 2019-12-29 16:14 GGbondMan 阅读(206) 评论(0) 推荐(0)