在看React的官方文档的时候, 发现了这么一句话,State Updates May Be Asynchronous,于是查询了一波相关的资料, 最后归纳成以下3个问题 setState为什么要异步更新,它是怎么做的? setState什么时候会异步更新, 什么时候会同步更新? 既然setState需要异步更新, 为什么不让用户可以同步读到state的新值,但更新仍然是异步? 常见场景下的异步更新 以下是官方文档的一个例子, 调用了3次incrementCount方法, 期望this.stat…

Java并发包的locks包里的锁基本上已经介绍得差不多了,ReentrantLock重入锁是个关键,在清楚的了解了同步器AQS的运行机制后,实际上再分析这些锁就会显得容易得多,这章节主讲另外一个重要的锁——ReentrantReadWriteLock读写锁. ReentrantLock是一个独占锁,也就是说只能由一个线程获取锁,但如果场景是线程只做读的操作呢?这样ReentrantLock就不是很合适,读的线程并不需要保证其线程的安全性,任何一个线程都能去获取锁,只有这样才能尽可能地保证性能和…

import Taro, { Component } from '@tarojs/taro'; import { Swiper, SwiperItem, Image, View } from '@tarojs/components'; import PropTypes from 'prop-types'; import './MySlider.scss'; export default class MySlider extends Component { static propTypes = {…

在此记录下学习中的小知识 今天在componentWillUpdate调用this.setState方法,想达到一个效果:就像viewWillAppear时,系统从网络请求新的数据,并刷新界面, 但是后来发现,这个方法里是不能调用this.setState方法的! 详细的看这里,总结的非常好 http://www.race604.com/react-native-component-lifecycle/ 那么改如何实现前面提到的那个功能呢?…

今天看了react源码,仅以记录. 1:monorepo (react 的代码管理方式) 与multirepo 相对. monorepo是单代码仓库, 是把所有相关项目都集中在一个代码仓库中,每个module独立发布,每个module都有自己的依赖项(package.json),能够作为独立的npm package发布,只是源码放在一起维护. 下图是典型monorepo目录图,react为例 2: setState ✋ setState  "react/src/ReactBaseClasses.…

前言 状态模式是一种行为模式,用于解决系统中复杂的对象状态转换以及各个状态下的封装等问题.状态模式是将一个对象的状态从该对象中分离出来,封装到专门的状态类中,使得对象的状态可以灵活多变.这样在客户端使用时无需关心对象的状态,可以实现自身的一致性处理.最近工作有些忙,更新博客慢了.还是要严格要求自己的,抽时间也要坚持学习. 状态模式 概念介绍 状态模式允许一个对象在其状态改变时,改变它的行为,对象看起来似乎修改了它的类. 想要在改变自身状态时改变对象行为,最直接的方法就是在代码中将所有可能发生的情…

新建项目 create-react-app react20180413 安装路由 npm install react-router-dom -S 跑通路由 删除全部文件后 重新新建index.js 代码如下 import React from 'react'; import ReactDOM from 'react-dom'; import { // HashRouter as Router, //容器 带# BrowserRouter as Router, //容器 推荐用这个 Route /…

背景说明:元旦接到一个管理后台的项目,是一个关于自定义专题的项目.通过后台的配置自定义专题,前端根据专题模块进行渲染数据.由于管理后台是react做的前后分离,对于一个后端的我来说写写js也算是浅尝一下.如下记录一下工作中遇到的一些问题,和解决方案. 一.父组件调用子组件.以及子组件调用父组件 为什么会遇到这个问题,因为目前的需求是是无限增加Tabs标签,每一个Tabs标签页面又可以增加无限个子Tab标签,由于react只会子页面第一次加载的时候调用一次钩子函数,后期切换标签遍不在刷新页面,于是…

react + antiDesign开发中遇到的问题记录 一:页面中子路由失效: antiDesign的官方实例中,会把路由重复的地方给去重,而且路由匹配模式不是严格模式.所以我们需要在util.js修改两个地方 1:把路由匹配模式改为严格: export function getRoutes(path, routerData) { let routes = Object.keys(routerData).filter(routePath => routePath.indexOf(path) =…

先说明下为什么说好每天一更,周五周六周日都没有更新.因为在周五的时候,上司主动找我谈了转正后的工资4-4.5K.本来想好是6K的,后来打听了一圈公司的小伙伴,都是5-5.5,我就把自己定到了5K.万万没想到,只有4-4.5, 估计是4.5然后扣掉各种以后,就4K.也不是说不能活,就是觉得和周围的小伙伴相比,显得有点低.所以心情有点低落.这两天也都在玩,就当放松心情了.自己也去网上找了一圈,发现最近工作机会有点少,加上在公司里搞得杂七杂八,没有什么是精通的了,所以还是先好好待着吧.既然选择待着,就…