React原理的认识今天被一个朋友问到React的背景和原理，我记得自己以前总结过，但是还是有点懵，所以再写一下，增加自己的认知。React是MVC架构的V层，React把每一个组件当成一个状态机在通常web应用开发时，我们总是需要将数据实时的展示到页面中去，以往的开发模式是每当数据产生变化，总是重新渲染整个页面，即使只改变一小部分，也会渲染整个页面，这就导致了性能的低下。为此React引入了虚拟
转载
2023-11-20 02:08:23
51阅读
React 核心技术 —— 虚拟DOM（Virtual DOM）在前端开发的过程中，我们经常会做的一件事就是将变化的数据实时更新到UI上，这时就需要对DOM进行更新和重新渲染，而频繁的DOM操作通常是性能瓶颈产生的原因之一，有时候我们会遇到这样一种尴尬的情况：比如有一个列表数据，当用户执行刷新操作时，Ajax会重新从后台请求数据，即使新请求的数据和上次完全相同，DOM也会被全部更新一遍并进行重新渲
转载
2023-08-27 14:59:19
73阅读
React 18 提供了一种新的 SSR 渲染模式： Streaming SSR，实现了Streaming HTML和Selective Hydration的特性，本文将从原理和源码两个方面，对Streaming SSR进行解析
原创
2022-12-19 23:00:20
266阅读
Fiber的特点/作用Fiber能够使得动画、布局和页面交互变得更加的流畅。一：Fiber的概念 React Fiber是react执行渲染时的一种新的调度策略，JavaScript是单线程的，一旦组件开始更新，主线程就一直被React控制，这个时候如果再次执行交互操作，就会卡顿。 React Fiber就是通过对象记录组件上需要做或者已经完成的更新，一个组件可以对应多个Fiber。...
原创
2021-06-18 16:46:47
497阅读
Fiber的特点/作用Fiber能够使得动画、布局和页面交互变得更加的流畅。一：Fiber的概念 React Fiber是react执行渲染时的一种新的调度策略，JavaScript是单线程的，一旦组件开始更新，主线程就一直被React控制，这个时候如果再次执行交互操作，就会卡顿。 React Fiber就是通过对象记录组件上需要做或者已经完成的更新，一个组件可以对应多个Fiber。...
原创
2022-02-28 10:17:33
520阅读
React的diff算法是在哪里进行计算的？diff算法是在render里面进行计算的。React的diff算法与传统的diff算法的区别：传统的diff算法：计算一棵树形结构转换为另一颗树形结构需要最少步骤，如果使用传统的diff算法通过循环递归遍历节点进行对比，其复杂度要达到O(n^3)，其中n是节点总数，效率十分低下，假设我们要展示1000个节点，那么我们就要依次执行上十亿次的比较。...
原创
2021-06-18 16:46:48
599阅读
React的diff算法是在哪里进行计算的？diff算法是在render里面进行计算的。
React的diff算法与传统的diff算法的区别：传统的diff算法： 计算一棵树形结构转换为另一颗树形结构需要最少步骤，如果使用传统的diff算法通过循环递归遍历节点进行对比，其复杂度要达到O(n^3)，其中n是节点总数，效率十分低下，假设我们要展示1000个节点，那么我们就要依次执行上十亿次的比较
原创
2022-02-28 10:17:54
387阅读
React路由1.什么是路由SPA2.使用 react-router(1) 安装与使用(2) 常用组件a. 路由跳转b. 注册路由c. 重定向路由d. Switch 路由e. 路由器（3）路由组件以及一般组件3.嵌套路由4. 编程式路由5. withRouter 组件 1.什么是路由一个路由其实就是一个映射关系（k:v）key为路径，value可能是function 或者是 component（
转载
2024-03-26 16:32:15
619阅读
React的框架实现可以分为俩个部分一部分叫做reconciliation(调和)，另一部分为Rendering(渲染)。通过这俩部分，React用当下越来越廉价的计算成本去替代多余并且昂贵的DOM操作来提升整个web app的性能。Reconciliation(调和) 我们知道每个React component都有自己的render方法，组件通过每次render方法返回的值（Virt...
原创
2021-06-18 16:46:46
660阅读
React的框架实现可以分为俩个部分一部分叫做reconciliation(调和)， 另一部分为Rendering(渲染)。 通过这俩部分，React用当下越来越廉价的计算成本去替代多余并且昂贵的DOM操作来提升整个web app的性能。
Reconciliation(调和) 我们知道每个React component都有自己的render方法，组件通过每次render方法返回的值（V
原创
2022-02-28 09:53:43
321阅读
在 React Native 开发中，最容易遇到的对性能有一定要求场景就是长列表了。在日常业务实践中，优化做好后，千条数据渲染还是没啥问题的。 ...
转载
2020-05-18 21:48:00
1228阅读
2评论
此文并不针对zebra的应用，甚至不是一个架构的分析，只是对于Zebra的一点儿思考。 Zebra 设计得是如此简洁明快。...
转载
2022-04-29 14:49:43
2061阅读
download:React服务器渲染原理解析与实践本套课程，讲解了React中***技术的整个搭建思路及流程，完整的从原理上讲清楚了***的概念，重点在于讲解编写***框架遇到的各种知识点，以及细节上的处理和问题的排查。帮助同学们彻底理解深入理解服务器端渲染及底层实现原理，课程学习完成，大家可以搭建属于自己的***工程架构。适合人群需要有一定的React项目经验,想要提升自己进军中高级工程行业的
原创
2021-03-16 21:38:13
823阅读
一、varnish简介Varnish是一款高性能且开源的反向代理服务器和HTTP加速器，其采用全新的软件体系机构，和现在的硬件体系紧密配合，与传统的squidweb缓存服务器相比，varnish具有性能更高、速度更快、管理更加方便等诸多优点，使得越来越多的大型网站开始尝试使用varnish作为缓存服务器。varnish主要运行两个进程：Management进程和Child进程（Cache进程）。M
原创
2013-10-06 15:25:22
866阅读
点赞
alibaba有好几个分布式框架，主要有：进行远程调用(类似于RMI的这种远程调用)的(dubbo、hsf)，jms消息服务(napoli、notify)，KV数据库(tair)等。这个框架/工具/产品在实现的时候，都考虑到了容灾，扩展，负载均衡，于是出现一个配置中心(ConfigServer)的东西来解决这些问题。基本原理如图： 在我们的系统中，经常会有一些跨系统的调用，如在A系统中要
转载
2016-12-19 17:38:42
1660阅读
Tomcat 的心脏是两个组件：Connector 和 Container，一个 Container 可以选择对应多个 Connector。多个Connector 和一个 Container 就形成了一个 Service，有了 Service 就可以对外提供服务了，但是 Service 还要一个生存的环境，必须要有人能够给她生命、掌握其生死大权，那就非 Server 莫属了。所以整个 Tomcat 的生命周期由 Server 控制。
原创
2017-04-21 13:38:57
4073阅读
gpfdist原理解析 前言：gpfdist作为批量向postgresql写入数据的工具，了解其内部原理有助于正确使用以及提供更合适的数据同步方案。文章先简要介绍gpfdist的整体流程，然后针对重要步骤详细展开。文章有的地方可能探索不够深入，感兴趣的可以继续深入。如有错误请指出。 1 整体流程 G ...
转载
2021-03-10 17:37:00
660阅读
2评论
HTTP是一个客户端（用户）和服务端（网站）之间请求和应答的标准，通常使用TCP协议。其本身位于TCP/IP协议族的应用层。
转载
2021-07-13 11:53:09
687阅读
Appium是 c/s模式的appium是基于 webdriver 协议添加对移动设备自化api扩展而成的webdriver 是基于 http协议的，第一连接会建立个 session 会话，并通过 post发送一个 json 告知服务端相关测试信息 IOS 原理图（ 来源于：百度 ） appium
原创
2021-08-26 09:08:37
514阅读
什么是单点登录 简单点说就是公司有A,B两个系统,我登录了A系统之后再跳转到B系统可以直接访问,而不需要再次登录B系统. 几种常见的单点登录实现方式 在讲解单点登录之前先讲解几个基本的概念: Cookie: Cookie是一段不超过4KB的小型文本数据,是保存在用户本地的,常见格式为: Expires属性：设置Cookie的生存期 Domain属性：指定了可以访问该 Cooki...
原创
2021-09-01 11:29:12
548阅读
