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
Preact（React）核心原理
在前端界，React 一定是我们耳熟能详的前端开发框架之一，它的出现可以说是带给了我们全的 Web 开发体验，其中也带来了许多新的概念：JSX、virtual-dom、组件化、合成事件等。当我们想从源码层面去研究它的原理时，由于 React 的源码的庞大和晦涩难懂，这也会变得异常困难。但是在爱好“造轮子”的...
2024-01-10
手写React-Router源码，深入理解其原理
上一篇文章我们讲了React-Router的基本用法，并实现了常见的前端路由鉴权。本文会继续深入React-Router讲讲他的源码，套路还是一样的，我们先用官方的API实现一个简单的例子，然后自己手写这些API来替换官方的并且保持功能不变。本文全部代码已经上传GitHub，大家可以拿下来玩玩：https://github.com/dennis-j...
2024-01-10
可重复锁ReentrantLock原理分析
可重入锁ReentrantLock实现层面依赖一、CAS(compareAndSet)LockSupport基本的方法parkpark使得当前线程放弃cpu 进入等待（waiting)状态 操作系统不会再对其进行调度直到其他线程对它调用了unpark方法，其中unpark方法使得参数指定的线程恢复可运行状态[1] part和Thread.yield()区别yield 只是告诉操作系统可以让其...
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
基于ReentrantLock的实现原理讲解
目录ReentrantLock实现核心–AQS(AbstractQueuedSynchronizer)Node结构ReentrantLock实现分析二者关联NonfairSync分析FairSync分析注意一下java.util.concurrent包中的工具实现核心都是AQS，了解ReentrantLock的实现原理，需要先分析AQS以及AQS与ReentrantLock的关系。这篇文章中分析了ReentrantLock#lock与ReentrantLock#unlock的实现，对于Condition...
2024-01-10
Preact（React）核心原理详解
在前端界，React 一定是我们耳熟能详的前端开发框架之一，它的出现可以说是带给了我们全的 Web 开发体验，其中也带来了许多新的概念：JSX、virtual...
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函数组件-useState原理
问题引出：一个函数组件首次渲染时，肯定会调用函数App()，得到一个虚拟的DIV，进而创建真实的div到页面。当用户点击button，更新一个数据时，会调用setN(n+1)，肯定要重新渲染，所以肯定会再次调用App()，得到新的虚拟DIV。React对比两个DIV，局部更新。在这个过程中，每次调用App函数，都会...
2024-01-10
react渲染原理深度解析
https://mp.weixin.qq.com/s/aM-SkTsQrgruuf5wy3xVmQ 原文件地址【第1392期】React从渲染原理到性能优化（二）-- 更新渲染今天前言没去2018 React Conf的童鞋，别错误今天的。今日早读文章由腾讯IMWeb@黄琼授权分享。@黄琼，腾讯前端工程师，IMWeb团队成员，目前负责企鹅辅导正文从这开始～～很多人都使用过Re...
2024-01-10
Python生成器generator原理及用法解析
前言生成器generator生成器的本质是一个迭代器(iterator)要理解生成器,就要在理解一下迭代,可迭代对象,迭代器,这三个概念Python生成器generator简介iteration, iterable, iterator迭代(iteration):在python中迭代通常是通过for...in...来实现的.而且只要是可迭代对象iterable,都能进行迭代.可迭代对象(iterable):Python中的...
2024-01-10
单页面应用路由实现原理：以 React-Router 为例
前言2 年前我刚接触 react-router，觉得这玩意儿很神奇，只定义几个 Route 和 Link，就可以控制整个 React 应用的路由。不过那时候只想着怎么用它，也写过 2 篇与之相关的文章 #17 #73 （现在看来，那时候的文章写得实在是太差了）今天，我们来认真研究一番，希望能解决以下 3 个问题。单页面应用路...
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
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-10Django QuerySet查询集原理及代码实例
一 概念Django的ORM中存在查询集的概念。查询集，也称查询结果集、QuerySet，表示从数据库中获取的对象集合。当调用如下过滤器方法时，Django会返回查询集（而不是简单的列表）：all()：返回所有数据。filter()：返回满足条件的数据。exclude()：返回满足条件之外的数据。order_by()：对结果进行排序...
2024-01-10
Java集合---ConcurrentHashMap原理分析
一、背景：线程不安全的HashMap 因为多线程环境下，使用Hashmap进行put操作会引起死循环，导致CPU利用率接近100%，所以在并发情况下不能使用HashMap。效率低下的HashTable容器HashTable容器使用synchronized来保证线程安全，但在线程竞争激烈的情况下HashTable的效率非常低下。因为当一个线程访问HashTable的...
2024-01-10
详解hibernate4基本实现原理
整体流程1：通过configuration来读cfg.xml文件2：得到SessionFactory工厂3：通过SessionFactory工厂来创建Session实例4：通过Session打开事务5：通过session的api操作数据库6：事务提交7：关闭连接说明：以下分方法描述的实现流程并不是Hibernate的完整实现流程，也不是Hibernate的完整实现顺序，只是描述了Hibernate实...
2024-01-10
petite-vue源码剖析-ref的工作原理
ref内部的工作原理十分简单，其实就是将指令ref、:ref或v-bind:ref标识的元素实例存储到当前作用域的$refs对象中，那么我们就可以通过this.$refs获取对应的元素实例。但由于作用域继承上有点小窍门，所以我们能从this.$refs获取的元素实例还是需要注意一下。下面让我为你一一道来吧！深入ref工作原理//...
2024-01-10
