2020 年 1月随笔档案 - GGbondMan

react元素获取e时，点击target为空的现象

摘要：今天呢，学习react过程中，我要获取一个元素的e， 1 checkAll=(e)=>{ 2 console.log(e) 3 console.log(e.target) 4 } 5 6 render() { 7 return ( 8 <div className="OneDemo"> 9 选择<i 阅读全文

posted @ 2020-01-30 10:53 GGbondMan 阅读(2095) 评论(0) 推荐(0)

html鼠标光标样式

摘要：1 <span style="cursor:pointer">手形</span> 2 <span style="cursor:crosshair">十字</span> 3 <span style="cursor:text" >文本光标</span> 4 <span style="cursor:wai 阅读全文

posted @ 2020-01-29 11:32 GGbondMan 阅读(1178) 评论(0) 推荐(0)

哈希路由（hash模式）和历史路由（history模式）的区别

摘要：随着 ajax 的使用越来越广泛，前端的页面逻辑开始变得越来越复杂，特别是spa的兴起，前端路由系统随之开始流行。从用户的角度看，前端路由主要实现了两个功能（使用ajax更新页面状态的情况下）：记录当前页面的状态（保存或分享当前页的url，再次打开该url时，网页还是保存（分享）时的状态）；可阅读全文

posted @ 2020-01-29 09:59 GGbondMan 阅读(11273) 评论(1) 推荐(2)

一个简单的react路由拦截

摘要：不同于vue，通过在路由里设置meta元字符实现路由拦截。react实现路由拦截的基本思路还是利用Route 的render函数。通过判断拦截条件（比如sessionID是否存在）来实现不同的组件的跳转，从而实习拦截。接下来，我们实现一个简单的实例了解路由拦截的基本流程。页面初次渲染的时候，需要阅读全文

posted @ 2020-01-17 19:35 GGbondMan 阅读(2443) 评论(0) 推荐(0)

react组件条件渲染的几种方式

摘要：前言：最近使用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)

reduce，自带遍历的超实用方法

摘要：一、语法 arr.reduce(function(prev,cur,index,arr){ ... }, init); 其中，arr 表示原数组；prev 表示上一次调用回调时的返回值，或者初始值 init;cur 表示当前正在处理的数组元素；index 表示当前正在处理的数组元素的索引，若提供 i 阅读全文

posted @ 2020-01-12 09:54 GGbondMan 阅读(512) 评论(0) 推荐(0)

转发：前端新人少走弯路

摘要：结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程师成为热门职业，各大公司对前端工程师的需求量都很大，要求也阅读全文

posted @ 2020-01-11 20:37 GGbondMan 阅读(340) 评论(0) 推荐(0)

cc协议（知识共享，Creative Commons），程序员的基础守则之一

posted @ 2020-01-11 17:29 GGbondMan 阅读(1979) 评论(0) 推荐(0)

react 表单（受控组件和非受控组件）

摘要：我们知道表单元素与其他的普通DOM元素来说是不一样的，它们保存了自己的一些状态。我们主要说的就是表单元素中的受控组件和非受控组件。受控组件就是这个组件的状态是我们（react）控制的，这个组件的行为是完全受到我们控制的，所以叫做受控组件，比如： 1 class NameForm extends 阅读全文

posted @ 2020-01-11 11:04 GGbondMan 阅读(418) 评论(0) 推荐(0)

axios封装的拦截器的应用

摘要：axios拦截器页面发送http请求，很多情况我们要对请求和其响应进行特定的处理；如果请求数非常多，单独对每一个请求进行处理会变得非常麻烦，程序的优雅性也会大打折扣。好在强大的axios为开发者提供了这样一个API：拦截器。拦截器分为请求（request）拦截器和响应（response）拦截器阅读全文

posted @ 2020-01-10 16:54 GGbondMan 阅读(556) 评论(0) 推荐(0)

react与redux的一点心得（理解能力有限，蜗牛进度）

摘要：Redux是一款状态管理库，并且提供了react-redux库来与React亲密配合，但是总是傻傻分不清楚这2者提供的API和相应的关系。这篇文章就来理一理。如果要用一句话来概括Redux，那么可以使用官网的这句话：Redux是针对JavaScript应用的可预测状态容器。此句话虽然简单，但包含阅读全文

posted @ 2020-01-10 16:46 GGbondMan 阅读(140) 评论(0) 推荐(0)

redux一些自习时候自己写的的单词

摘要：setState：设置状态 render：渲染，挂载 dispatchEvent : 派发事件 dispatch：分发，派遣；库里的一个方法，简而言之相当于一个actions和reducer监听方法更新 state provider：提供者 combine ：合并 reduce : 减少，降低，使处阅读全文

posted @ 2020-01-10 16:34 GGbondMan 阅读(222) 评论(0) 推荐(0)

react路由的跳转和传参

摘要：1、路由的跳转一、DOM跳转在需要跳转的页面导入import {Link} from 'react-router-dom'，在需要跳转的地方使用link标签的to属性进行跳转，路由配置文件中导出的那个类名相当于相当于router-view标签，在需要展示的地方引入这个类金星秀展示 1、在路由配置阅读全文

posted @ 2020-01-04 00:06 GGbondMan 阅读(954) 评论(0) 推荐(0)