5 天前 / 冷星1024
一。 内容简介 vue3 自从 2020.9.18 正式发布以来，受到了前端业界的广泛关注，其中一个重大更新点便是 vue3 全新的数据监听模式。 本着严谨探究、求根问底的前置思维，以 vue3 实现数据监听的逻辑链路为导向，逐层破解 vue3 数据监听的实现原理，为大家揭开 vue3 源码的神秘面纱 通过本文你可以学习到 vue3 通过 proxy 实现数据监听原理 reative 及相关 api 实现原理 ref 及相关 api 实现原理 computed 及相关 api 实现原理 vue3 通过何种方式优化数据性能，对日常开发有何启发 二。
5 天前 / vivo互联网技术
作者：vivo 互联网服务器团队 -Pu Shuai 一、Hystrix 解决了什么问题？ 在复杂的分布式应用中有着许多的依赖，各个依赖都难免会在某个时刻失败，如果应用不隔离各个依赖，降低外部的风险，那容易拖垮整个应用。 举个电商场景中常见的例子，比如订单服务调用了库存服务、商品服务、积分服务、支付服务，系统均正常情况下，订单模块正常运行。 但是当积分服务发生异常时且会阻塞 30s 时，订单服务就会有部分请求失败，且工作线程阻塞在调用积分服务上。
6 天前 / 4Ark
composition-api 源码解析Thu Jul 15 2021前端Vue源码解析#版本说明 本文是针对 composition-api v1.0.0-rc.6 (opens new window)版本的一次源码解析，主要是想探析以下两点： Vue 在安装 composition-api 时做了些什么？ Vue 在执行每个组件的 setup 方法时做了什么？ 好了，废话不多说，我们直接开始。 #一、安装过程 #1. 检测是否已安装 // src/install.tsif (isVueRegistered(Vue)) {if (__DEV__) {warn('[vue-composition-api] already installed. Vue.use(VueCompositionAPI) should be called only once.')}return}首先是检查是否重复安装...
6 天前 / 搬运工来架构
一 相关概念 影子，我们都知道是什么意思，百度百科：物体挡住光线后，映在地面或其他物体上的形象。如果用在我们技术领域，比如数据方面，可以理解成是数据的一份拷贝，也就是“原封不动”的进行复制。那么把“影子”用在全链路压测是怎样的呢？ 影子库：实际中使用的数据库的完整数据库数据拷贝，比如进行压测数据隔离的影子数据库，与生产数据库应当使用相同的配置。 影子表：是实际业务数据表的一份拷贝，比如进行压测数据隔离的影子数据表。 影子字段：来区分是否走影子逻辑，如判断该条 SQL 是否需要路由到影子数据库。
8 天前 / BloomingRose
从 Linux 源码看 Socket(TCP)的 listen 及连接队列前言笔者一直觉得如果能知道从应用到框架再到操作系统的每一处代码，是一件 Exciting 的事情。今天笔者就来从 Linux 源码的角度看下 Server 端的 Socket 在进行 listen 的时候到底做了哪些事情 ( 基于 Linux 3.10 内核)，当然由于 listen 的 backlog 参数和半连接 hash 表以及全连接队列都相关，在这一篇博客里也一块讲了。 如果想入门 Linux 内核源码，可以看下这本： Server 端 Socket 需要 Listen 众所周知，一个 Server 端 Socket 的建立，需要 socket、bind、listen、accept 四个步骤。
11 天前 / 钟子敬07
从 linux 源码看 socket 的 close 笔者一直觉得如果能知道从应用到框架再到操作系统的每一处代码，是一件 Exciting 的事情。上篇博客讲了 socket 的阻塞和非阻塞，这篇就开始谈一谈 socket 的 close( 以 tcp 为例且基于 linux-2.6.24 内核版本) TCP 关闭状态转移图：众所周知，TCP 的 close 过程是四次挥手，状态机的变迁也逃不出 TCP 状态转移图，如下图所示： tcp 的关闭主要分主动关闭、被动关闭以及同时关闭 ( 特殊情况，不做描述) 主动关闭 close(fd)的过程以 C 语言为例，在我们关闭 socket 的时候...
13 天前 / Thoughtworks
源代码的安全回顾 2021 年 6 月 1 日 by 马伟 Leave a Comment 航空业以血泪换来的经验在地面和空中飞行过程中，飞行员的任务都十分繁重，需要检查很多重要的飞行参数，与此同时还要进行众多重要操作，这些操作的顺序和时机都很重要。如果有其中一项重要参数没有检查到，或者没有实施某个必要的操作，那么将对飞行安全造成严重影响。 比如说，2006 年，N600XL 号航班的飞行员因不熟悉所飞机型，误关应答机而没能发现，结果撞上了迎面飞来的巴西戈尔航空公司的 1907 号航班，前者翼梢小翼折断后成功紧急迫降...
13 天前 / cpp加油站
上篇文章我们介绍了 deque 容器整体结构和构造实现，链接如下： 基于 STL 源码分析 deque 容器整体实现及内存结构 本篇文章接上篇，继续基于 gcc 中 stl 的源码剖析 deque 容器插入、删除、取值的实现原理，以提问者的角度去深入分析这些操作过程中发生了什么，并对 deque 容器适合使用的场景和使用时的注意事项进行说明。 说明一下，我用的是 gcc7.1.0 编译器，标准库源代码也是这个版本的。 按照惯例，还是先看一下本文大纲，如下： 0. deque 容器迭代器说明在正式开始讲述插入、删除等操作的实现前，我们先看下 deque 的特殊迭代器。
17 天前 / 冷星1024
众所周知，Vuex 是 Flux 架构的一种实现。Flux 清晰确立了数据管理场景下各种职能单位，其主要准则有： 中心化状态管理 状态只能通过专门突变单元进行变更 应用层通过发送信号 ( 一般称 action)，触发变更 Vuex 也是紧紧围绕这些准则开发的，通过store类提供 Flux 模式的核心功能。在满足架构的基本要求之外，则进一步设计了许多便利的措施： 通过“模块化”设计，隔离数据单元 提供 getter 机制，提高代码复用性 使用Vue.$watch方法，实现数据流 零配置，天然整合进 Vue 环境 网上已经有很多解析的文章，没必要赘述。
17 天前 / 冷星1024
众所周知，Vuex 是 Flux 架构的一种实现。Flux 清晰确立了数据管理场景下各种职能单位，其主要准则有： 中心化状态管理 状态只能通过专门突变单元进行变更 应用层通过发送信号 ( 一般称 action)，触发变更 Vuex 也是紧紧围绕这些准则开发的，通过store类提供 Flux 模式的核心功能。在满足架构的基本要求之外，则进一步设计了许多便利的措施： 通过“模块化”设计，隔离数据单元 提供 getter 机制，提高代码复用性 使用Vue.$watch方法，实现数据流 零配置，天然整合进 Vue 环境 网上已经有很多解析的文章，没必要赘述。
17 天前 / huhubun
背景 在 .NET 走向开源后，我们可以方便的查看 .NET 内部的实现方式，学习和寻找问题，甚至参与到 .NET 的开发中。 前段时间，同事需要查看 C# 的Task 类 (System.Threading.Tasks)的一些实现和内部的原理，想找 Task 类的源代码来查看，却遇到了一些阻碍…… 本文借此机会介绍两种方式来查看 .NET Core 3.1 的源代码： 直接查看 .NET Core 源代码 通过反编译来查看实现 本文同样适用于 .NET Core 3.1 之前的 .NET Core 版本；.NET 5 及之后的版本查看源代码的方式有所改变，会在下文相关部分简单提及。
18 天前 / Ryan众乐
写文章 tiny-react 助你看懂 React 源码 jsdeferred43 人赞同了该文章 tiny-react 一个基于 React17 精简而来的仓库 tiny-react 是一个为了简化 react 源码学习的库，和 react17 的区别就是少了很多功能，只实现了核心的逻辑，和 preact 这种 react-like 库有着根本区别，preact 更像是一个和 react 有着相同的接口但是实现细节却不尽相同的 react,而 tiny-react 是从 react 官方仓库精简而来，它更像官方 react 的阉割版，所以每一行代码，每一个函数都能在 react 最新的官方仓库中找到出处，而且总共的代码只有 6 千多行...
19 天前 / 秦小风啊
前言 移动互联网时代，网页依旧是内容展示的重要媒介，这离不开 WebKit 浏览内核技术的支持与发展。在 iOS 平台下开发者们需要通过 WKWebView 框架来与 WebKit 打交道。虽然苹果官方提供了关于 WKWebView 的 API 与使用说明，但这并不能满足开发者们的需求，各类复杂场景依旧让我们焦头烂额，而解决方案却不易寻找。此时，优秀的开发者们将目光移向苹果开源的 WebKit 内核代码，试图从中寻找解惑之道，却发现依旧困难重重，坎坷不断，主要问题如下： 内核源码复杂难懂：动辄几个 G 的源码，且缺乏关键代码注释与说明...