react-router的原理
1、hash的方式以 hash 形式（也可以使用 History API 来处理）为例，当 url 的 hash 发生变化时，触发 hashchange 注册的回调，回调中去进行不同的操作，进行不同的内容的展示function Router() { this.routes = {}; this.currentUrl = '';}Router.prototype.route = function(path, callback) { this.routes[path] = callback |...
2024-01-10
react-redux原理分析
之前写了一篇分析Redux中Store实现的文章（详见：Redux原理（一）：Store实现分析），突然意识到，其实React与Redux并没有什么直接的联系。Redux作为一个通用模块，主要还是用来处理应用中state的变更，而展示层不一定是React。但当我们希望在React+Redux的项目中将两者结合的更好，可以通过react-redux做连接...
2024-01-10
深入理解react-router 路由的实现原理
React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。本文从两个方便来解析 react-router 实现原理。一：介绍 react-router 的依赖库history；二：使用 history 库，实现一个简单的 react-router 路由。history 介绍history 是一个 JavaScript 库，可...
2024-01-10
ReentrantLock实现原理详解
以下是本篇文章的大纲1 synchronized和lock 1.1 synchronized的局限性 1.2 Lock简介2 AQS3 lock()与unlock()实现原理 3.1 基础知识 3.2 内部结构 3.3 NonfairSync 3.3.1 lock() 3.3.2 unlock() 3.3.3 小结 3.4 FairSync4 超时机制5 总结1 synchronized和lock1.1 synchronized的局限性synchron...
2024-01-10
react的setstate原理
setState方法同步还是异步？在React生命周期内，也可以理解主线程中 setState就是异步的；子线程或者说异步任务中，例如setInterval,setTimeout里，setState就是同步更新的。 上图是setState的流程图，我们是结合很经典的例子，更浅显易懂的说明当第一次调用setState，newState被放入pending队列，此时batch update(...
2024-01-10
手写React-Router源码，深入理解其原理
上一篇文章我们讲了React-Router的基本用法，并实现了常见的前端路由鉴权。本文会继续深入React-Router讲讲他的源码，套路还是一样的，我们先用官方的API实现一个简单的例子，然后自己手写这些API来替换官方的并且保持功能不变。本文全部代码已经上传GitHub，大家可以拿下来玩玩：https://github.com/dennis-j...
2024-01-10
react-scripts的工作原理
我们来看看执行npm start/yarn start时，代码如何执行的。首先我们使用react脚手架工具create-react-app初始化完一个react项目，打开package.json :在命令行中执行npm start/yarn start时，相当于执行react-scripts start， 我们去node_modules/中去找react-scripts.js文件会根据参数去判断执行哪种构建脚本，比如当前参数是start，...
2024-01-10详细解读tornado协程(coroutine)原理
tornado中的协程是如何工作的协程定义Coroutines are computer program components that generalize subroutines for nonpreemptive multitasking, by allowing multiple entry points for suspending and resuming execution at certain locations.。 —— [ 维基百科 ]我们在平常编程中，更习惯使用的是子例程(subrou...
2024-01-10
容器化|ClickHouseOperator原理解析
作者：苏厚镇 青云科技数据库研究工程师从事 RadonDB ClickHouse 相关工作，热衷于研究数据库内核。通过《ClickHouse on K8s 部署篇》，对比了 RadonDB ClickHouse 集群在 Kubernetes 中部署的几种方案，表明使用 Operator 进行部署和管理是最方便快捷的。那么到底什么才是 Operator，Operator 又是如何与 Kubernetes 进行...
2024-01-10
AbstractQueuedSynchronizer原理解析
本文出处AbstractQueuedSynchronizer原理解析转载请说明AbstractQueuedSynchronizer简称AQS是Java大部分Lock、Semaphore、CountDownLatch等公共依赖框架，实现依赖于先进先出（FIFO）等待队列的阻塞锁。读懂它的代码原理有利我们去理解Java Lock衍生类原理，帮组我们开发自定义Lock。主要原理由上图所示，在队列内的元...
2024-01-10
react vr 消息传递原理解析
react vr中文网：www.vr-react.comreact vr qq群：481244084示例源码 github：https://github.com/LiuC520/ReactVR/上一篇讲解了react vr原理：开发者头条：react vr 原理解析开发者头条：React VR 视频源码解析开发者头条：reactvr 消息传递原理解析里面讲到了搬运工-worker；这个worker只是在React VR的RN上下文中出现...
2024-01-10Python生成器generator原理及用法解析
前言生成器generator生成器的本质是一个迭代器(iterator)要理解生成器,就要在理解一下迭代,可迭代对象,迭代器,这三个概念Python生成器generator简介iteration, iterable, iterator迭代(iteration):在python中迭代通常是通过for...in...来实现的.而且只要是可迭代对象iterable,都能进行迭代.可迭代对象(iterable):Python中的...
2024-01-10简单了解JavaScript arguement原理及作用
问题var length = 10;function fn(){ alert(this.length);}var obj = { length: 5, method: function(fn) { arguments[0]() }}obj.method(fn);//1这段代码中的arguments[0]()是第一个参数？带一对小括号是什么意思？理解我们可以先从最后调用obj.method(fn)开始理解。1.obj是对象，method()是obj的方法，fn是method()的参数，fn是函数的...
2024-01-10
原子类——AtomicInteger原理分析
本节主要讲解Atomic打头的原子类的使用和原理。原子操作原子操作是指不会被线程调度机制打断的操作，这种操作一旦开始，就一直运行到结束，中间不会有任何线程上下文切换。原子操作可以是一个步骤，也可以是多个操作步骤，但是其顺序不可以被打乱，也不可以被切割而只执行其中的一部分，...
2024-01-10
Preact（React）核心原理 分享预告
本活动策划：玄魂文章作者：宝丁---------------------------------------------------在前端界，React 一定是我们耳熟能详的前端开发框架之一，它的出现可以说是带给了我们全的 Web 开发体验，其中也带来了许多新的概念：JSX、virtual-dom、组件化、合成事件等。当我们想从源码层面去研究它的原理时，由于 React ...
2024-01-10
PriorityBlockingQueue在java中的原理
本教程操作环境：windows7系统、java10版，DELL G3电脑。1.二叉树概念二叉堆：一颗完全二叉树，它非常适合用数组进行存储，对于数组中的元素 a[i]，其左子节点为 a[2*i+1]，其右子节点为 a[2*i + 2]，其父节点为 a[(i-1)/2]，其堆序性质为，每个节点的值都小于其左右子节点的值。二叉堆中最小的值就是根节点...
2024-01-10通过实例解析Python return运行原理
return 语句就是讲结果返回到调用的地方，并把程序的控制权一起返回程序运行到所遇到的第一个return即返回（退出def块），不会再运行第二个return。代码如下def worker(a, b, c): x = a + b y = x + c return yresult = worker(1, 2, 3)print(result)运行结果：6看代码理解：你有过一个工人worker，你给他三个参数当作...
2024-01-10
ConcurrentLinkedQueue在java的原理探究
本教程操作环境：windows7系统、java10版，DELL G3电脑。1.源码详解private static class Node<E> { volatile E item; volatile Node<E> next; Node(E item) { UNSAFE.putObject(this, itemOffset, item); } boolean casItem(E cmp, E val) { return UNSAFE.compar...
2024-01-10
java中SynchronousQueue的原理
本教程操作环境：windows7系统、java10版，DELL G3电脑。1.主要属性// CPU的数量static final int NCPUS = Runtime.getRuntime().availableProcessors();// 有超时的情况自旋多少次，当CPU数量小于2的时候不自旋static final int maxTimedSpins = (NCPUS < 2) ? 0 : 32;// 没有超时的情况自旋多少次static final int maxUntimedSpins = ...
2024-01-10
React直出实现与原理
前一篇文章我们介绍了虚拟DOM的实现与原理，这篇文章我们来讲讲React的直出。 比起MVVM，React比较容易实现直出，那么React的直出是如何实现，有什么值得我们学习的呢？为什么MVVM不能做直出？对于MVVM，HTML片段即为配置，而直出后的HTML无法还原配置，所以问题不是MVVM能否直出，而是在于直出后的...
2024-01-10
React基础与原理实现
一、前言React是用于构建用户界面的 JavaScript 库。其有着许多优秀的特性，使其受到大众的欢迎。① 声明式渲染:所谓声明式，就是关注结果，而不是关注过程。比如我们常用的html标记语言就是一种声明式的，我们只需要在.html文件上，写上声明式的标记如<h1>这是一个标题</h1>，浏览器就能自动帮我们...
2024-01-10Java web拦截器inteceptor原理及应用详解
这篇文章主要介绍了java web拦截器inteceptor原理及应用详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一、简介java里的拦截器提供的是非系统级别的拦截，也就是说，就覆盖面来说，拦截器不如过滤器强大，但是更有针对性。Java中的拦...
2024-01-10详解@ConfigurationProperties实现原理与实战
在SpringBoot中，当需要获取到配置文件数据时，除了可以用Spring自带的@Value注解外，SpringBoot提供了一种更加方便的方式：@ConfigurationProperties。只要在bean上添加上这个注解，指定好配置文件的前缀，那么对应的配置文件数据就会自动填充到bean中。举个栗子，现在有如下配置：myconfig.name=testmyconfig.age=22m...
2024-01-10Vue响应式原理Observer、Dep、Watcher理解
开篇最近在学习Vue的源码，看了网上一些大神的博客，看起来感觉还是蛮吃力的。自己记录一下学习的理解，希望能够达到简单易懂，不看源码也能理解的效果????Object.defineProperty相信很多同学或多或少都了解Vue的响应式原理是通过Object.defineProperty实现的。被Object.defineProperty绑定过的对象，会变成「...
2024-01-10
