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-router 路由的实现原理
React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。本文从两个方便来解析 react-router 实现原理。一：介绍 react-router 的依赖库history；二：使用 history 库，实现一个简单的 react-router 路由。history 介绍history 是一个 JavaScript 库，可...
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
容器化|ClickHouseOperator原理解析
作者：苏厚镇 青云科技数据库研究工程师从事 RadonDB ClickHouse 相关工作，热衷于研究数据库内核。通过《ClickHouse on K8s 部署篇》，对比了 RadonDB ClickHouse 集群在 Kubernetes 中部署的几种方案，表明使用 Operator 进行部署和管理是最方便快捷的。那么到底什么才是 Operator，Operator 又是如何与 Kubernetes 进行...
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
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
单页面应用路由实现原理：以 React-Router 为例
前言2 年前我刚接触 react-router，觉得这玩意儿很神奇，只定义几个 Route 和 Link，就可以控制整个 React 应用的路由。不过那时候只想着怎么用它，也写过 2 篇与之相关的文章 #17 #73 （现在看来，那时候的文章写得实在是太差了）今天，我们来认真研究一番，希望能解决以下 3 个问题。单页面应用路...
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
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
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-10Django QuerySet查询集原理及代码实例
一 概念Django的ORM中存在查询集的概念。查询集，也称查询结果集、QuerySet，表示从数据库中获取的对象集合。当调用如下过滤器方法时，Django会返回查询集（而不是简单的列表）：all()：返回所有数据。filter()：返回满足条件的数据。exclude()：返回满足条件之外的数据。order_by()：对结果进行排序...
2024-01-10
