1169542316312847_社区达人页

2023年05月

• 05.10 23:20:24
  发表了文章 2023-05-10 23:20:24

  前端错误监控

  前端监控是个很庞大丰富的内容，其包含页面UI监控，网络监控，性能监控，错误监控等内容，今天来简单谈谈前端错误监控。
• 05.10 23:18:44
  发表了文章 2023-05-10 23:18:44

  我对浏览器的浅微认知

  作为前端天天和浏览器打交道，怎么能不对其有所了解呢？这两天看了一些浏览器相关的文章，现在简单总结下自己的理解。
• 05.10 23:14:04
  发表了文章 2023-05-10 23:14:04

  老生常谈之从输入URL到页面呈现的过程（全）

  面试中经常会遇到这个问题，简述从输入URL到页面呈现的过程，根据应试者的经验，理解程度不同，答案也是五花八门，下面说说我自己的理解。
• 05.10 23:09:10
  发表了文章 2023-05-10 23:09:10

  页面渲染合成（补充）

  在上一篇文章老生常谈之从输入URL到页面呈现的过程中描述了页面渲染流程，其中涉及页面的布局（Layout）和绘制（Painting），实际在绘制之后还有一个步骤叫做合成（Compositing）。
• 05.10 23:07:00
  发表了文章 2023-05-10 23:07:00

  轻松明白 CSS 和 JS 对页面渲染的阻塞

  前言 前面有分析过页面的渲染逻辑（老生常谈之从输入URL到页面呈现的过程（全）），从上至下解析 HTML，构建 DOM 树和 Style Rules，其中构建 DOM 和解析 Style 是并行的，之后 DOM 树和 Style Rules 结合成 Render Tree。
• 05.10 23:01:21
  发表了文章 2023-05-10 23:01:21

  vueDiff 算法解读

  前言 在面试中谈到 vue 源码，一般都会扯扯 diff 算法，而这个 diff 又在网上传的神乎其神的，说是提升了页面更新性能，我们一起看看到底咋回事吧
• 05.10 22:54:14
  发表了文章 2023-05-10 22:54:14

  Vue2源码系列-开篇

  前言 大概两年前有学习过vue源码，当时学的比较粗糙，学习到的东西也比较少，差不多都快忘完了。最近打算再次捡起来，同时希望通过博客的方式加深理解和记忆，更希望能遇到一起交流的小伙伴~
• 05.10 22:52:20
  发表了文章 2023-05-10 22:52:20

  vue2-实例化过程

  由于我本地调试代码是通过 npm run dev 构建的，所以可以在 package.json 找到真实运行的命令
• 05.10 22:51:05
  发表了文章 2023-05-10 22:51:05

  Vue2源码系列-render函数

  前面我们对 Vue 实例化的大致流程进行了梳理。现在我们再具体看看初始化中的 initRender 的处理，通过本篇文章可以学习到 Vue 的 render 函数处理逻辑。
• 05.10 22:48:14
  发表了文章 2023-05-10 22:48:14

  浅谈订阅发布实现vue

  订阅发布模式是开发领域常见的设计模式，在我们的开发中简直无处不在。这次我们一起来揭开其并不神秘的面纱。
• 05.10 22:43:37
  发表了文章 2023-05-10 22:43:37

  vue2源码系列-响应式原理

  之前学习了 vue 实例化及渲染函数的实现，其中的数据初始化 initData 中的 observe(data) 我们没有继续深入分析。因为内容比较多，所以今天单独开了篇来介绍 vue 的响应式原理。 对数据劫持与订阅发布比较生疏的，可以先阅读 浅谈订阅发布实现vue打打基础。
• 05.10 22:41:40
  发表了文章 2023-05-10 22:41:40

  vue2源码系列-深入响应式原理Vue.set

  前面我们在 vue2源码系列-响应式原理 中介绍了 vue 中的整个响应式实现及流程，其中跳过了某些细节性的代码，现在我们再去好好学习研究一番
• 05.10 22:39:37
  发表了文章 2023-05-10 22:39:37

  vue源码系列-深入响应式原理数组变异方法

  前言 上一篇文章 深入响应式原理Vue.set 我们学习了 Vue.set 的实现原理，在此基础上我们再来学习下 vue 中数组变异方法
• 05.10 22:37:58
  发表了文章 2023-05-10 22:37:58

  vue2源码系列-深入Watcher

  前面我们在 vue2源码系列-响应式原理 中介绍了 vue 中的整个响应式实现及流程，其中跳过了某些细节性的代码，现在我们再去好好学习研究一番。
• 05.10 22:35:15
  发表了文章 2023-05-10 22:35:15

  vue2源码系列-nextTick实现原理

  nextTick实现 nextTick 作为 vue 的全局 api 之一，想必大家都非常熟悉。我们在上篇文章 深入Watcher 分析异步 watcher 的时候也是利用了 nextTick 来实现异步执行。今天我们就来分析分析 nextTick 的实现原理。
• 05.10 22:33:17
  发表了文章 2023-05-10 22:33:17

  vue2-选项合并策略

  前面我们学习了 vue实例化过程，在其中有这么个过程 mergeOptions(resolveConstructorOptions(vm.constructor),options || {},vm)，我们今天来重点梳理下 mergeOptions。
• 05.10 22:31:58
  发表了文章 2023-05-10 22:31:58

  vue2-虚拟节点实现

  前面在vue2-render函数中梳理了组件挂载的过程，其中在分析 $createElement 的时候有遇到虚拟节点的创建及使用。今天就来好好分析下虚拟节点在节点创建及渲染中所扮演个什么样的角色以及实现。
• 05.10 22:29:19
  发表了文章 2023-05-10 22:29:19

  vue2-patch流程分析

  我们在上篇文章分析了虚拟节点的创建及渲染流程，其中也有简单分析了 patch 过程，但是对于新旧节点的对比逻没有去仔细分析，所以我们打算好好梳理下 patch 的整个流程。
• 05.10 22:27:27
  发表了文章 2023-05-10 22:27:27

  vue2-组件化实现

  我们在前面的文章对vue的创建渲染等都或多或少有所了解，现在我们再继续对串联其中的 组件化实现 进行学习，从单个组件的创建渲染到组件的递归创建渲染。
• 05.10 22:23:11
  发表了文章 2023-05-10 22:23:11

  浅谈babel原理

  很早之前就听同事分享了babel原理，其核心就是 AST（Abstract Syntax Tree），今天将自己所了解的知识点简单整理记录一下。
• 05.10 22:20:55
  发表了文章 2023-05-10 22:20:55

  组件通信BUS模式及原理

  vue组件通信方式是个老生常谈的话题了，最全面的莫过于 vuex，最简单的就是父子组件 props 传值，今天我们重点来说说经常提到的 bus 模式。
• 05.10 22:18:52
  发表了文章 2023-05-10 22:18:52

  ES6模块简记

  这两天学习了阮一峰老师关于ES6模块的教程，打算在这里做下学习小结。这并不是自己第一次学习此类知识，但是因为平常使用未加谨记，故常常忘记。阮老师博客
• 05.10 22:15:31
  发表了文章 2023-05-10 22:15:31

  算法系列-二叉树遍历

  在内卷潮流的席卷下，身为算法小白的我不得不问自己，是否得踏上征程，征服这座巍巍高山。 从零开始，终点不知何方，取决于自己可以坚持多久。 希望你可以和我一样，克服恐惧，哪怕毫无基础，哪怕天生愚钝，依然选择直面困难。
• 05.10 22:12:12
  发表了文章 2023-05-10 22:12:12

  算法系列-二叉树遍历(非递归实现)

  在内卷潮流的席卷下，身为算法小白的我不得不问自己，是否得踏上征程，征服这座巍巍高山。 从零开始，终点不知何方，取决于自己可以坚持多久。 希望你可以和我一样，克服恐惧，哪怕毫无基础，哪怕天生愚钝，依然选择直面困难。
• 05.10 22:08:41
  发表了文章 2023-05-10 22:08:41

  算法系列-二叉树构建

  在内卷潮流的席卷下，身为算法小白的我不得不问自己，是否得踏上征程，征服这座巍巍高山。 从零开始，终点不知何方，取决于自己可以坚持多久。 希望你可以和我一样，克服恐惧，哪怕毫无基础，哪怕天生愚钝，依然选择直面困难。
• 05.10 22:05:58
  发表了文章 2023-05-10 22:05:58

  算法系列-多叉树的遍历

  在内卷潮流的席卷下，身为算法小白的我不得不问自己，是否得踏上征程，征服这座巍巍高山。 从零开始，终点不知何方，取决于自己可以坚持多久。 希望你可以和我一样，克服恐惧，哪怕毫无基础，哪怕天生愚钝，依然选择直面困难。
• 05.10 22:04:26
  发表了文章 2023-05-10 22:04:26

  六年前端的年终总结

  当然，也不仅仅是为了那个马克杯。总结的目的主要在于回顾自己的一年，借此弄明白我的下一年想如何过，有哪些想要完成的目标。之前自己也写过两篇年终总结，在2019及2021春节前，今年算是赶了个早。
• 05.10 22:00:52
  发表了文章 2023-05-10 22:00:52

  从三道经典的leetcode题掌握二分法

  前言 二分法是典型的搜索算法，其主要运用于有序序列中寻找目标值。其思路非常简单，就是不断比较搜索区间的中间值与目标值，当中间值等于目标值则结束搜索，如果中间值大于目标值，则继续搜索左半区间，反之搜索右半区间。 总结下，二分法就是在搜索过程中不断地将搜索区间减半，直到搜索到目标值或者搜索区间为空集。
• 05.10 21:58:40
  发表了文章 2023-05-10 21:58:40

  从六道leetcode题掌握双指针

  双指针从广义上来说，是指用两个变量在线性结构上遍历而解决的问题。狭义上说， 对于数组，指两个变量在数组上相向移动解决的问题； 对于链表，指两个变量在链表上同向移动解决的问题，也称为「快慢指针」问题。 双指针算法通常不难，双指针算法是基于暴力解法的优化，它们是很好的学习算法的入门问题
• 05.10 21:55:37
  发表了文章 2023-05-10 21:55:37

  从五道leetcode掌握滑动窗口

  可以看出，滑动窗口实际就是双指针同向移动的一种。可以想象，左右指针连接形成所谓的窗口，随着左右指针同时在数组中向后移动，就相当于窗口向后滑动，由此称为滑动窗口。值得注意的是，在指针向后的过程中，左右指针移动速度可以不同，所以窗口大小实际是不固定的。
• 05.10 21:53:08
  发表了文章 2023-05-10 21:53:08

  从三道leetcode掌握深度优先搜索（DFS）

  前言 无论在算法面试还是刷题中，深度优先搜索（DFS）和广度优先搜索（BFS）都是一个绕不过去的坎。不同于数组的从左至右遍历，循环常用于一维数据结构的遍历。而DFS和BFS则常用于多维数据结构的遍历，最常见的莫过于嵌套结构的多叉树了。
• 05.10 21:48:24
  发表了文章 2023-05-10 21:48:24

  从三道leetcode掌握广度优先搜索（BFS）

  前言 BFS和DFS是如影随形的两种搜索方式，我们在上篇文章从三道leetcode掌握深度优先搜索（DFS）学习了递归的概念及DFS。不熟悉递归及DFS的同学可以先看看上篇文章，再阅读本篇比较好。
• 05.10 21:44:00
  发表了文章 2023-05-10 21:44:00

  浅谈递归回溯DFS和BFS

  前言 我们在解题的过程中经常遇到各种题型的分类，其中有几类是经常交替出现或者同时出现的 递归 回溯 DFS BFS
• 05.10 21:38:35
  发表了文章 2023-05-10 21:38:35

  动态规划-01背包

  前言 动态规划和递归是一对CP，递归通过将大问题分解成小问题以求得答案，而动态规划则是通过求解小问题来组成大问题的解。虽然其本质都是先求小问题的解，但是问题的推算不同：
• 05.10 21:36:14
  发表了文章 2023-05-10 21:36:14

  动态规划-完全背包

  前言 我们上篇文章学习了动态规划01背包的问题，本篇文章我们继续学习完全背包。大家可以在学习完01背包的基础上再进行学习，比较其两者的解题差异。
• 05.10 21:34:12
  发表了文章 2023-05-10 21:34:12

  动态规划-公共子序列问题

  前言 前面我们学习了动态规划的背包类型问题，其中涉及01背包，完全背包，多重背包。现在我们来继续学习动态规划的公共子序列问题。
• 05.10 21:31:10
  发表了文章 2023-05-10 21:31:10

  动态规划-子序列问题

  前言 在上篇文章我们学习了动态规划的公共子序列问题，现在我们来学习下动态规划的单字符串子序列问题。
• 05.10 21:27:34
  发表了文章 2023-05-10 21:27:34

  动态规划-打家劫舍和股票买卖

  前言 本篇文章我们来学习下动态规划中的两个经典题型，打家劫舍和股票买卖，通过两个题型来巩固动态规划解题思路。
• 05.10 21:24:00
  发表了文章 2023-05-10 21:24:00

  vue2-编译入口

  前言 在前几个月的时候，从0开始学习vue源码。侧重点在于vue的组件化实现，响应式原理，及渲染实现，主要分析的是vue的运行时代码逻辑。从现在开始我们将学习vue编译相关的代码，因为编译相关的代码主要是和AST的生成，转化有关，所以可能比较晦涩和考验JS操作。我们主要是了解其实现过程，知道其大概的实现逻辑和实现流程即可。 本篇文章先从入口开始，先简单分析下其入口逻辑
• 05.10 21:20:52
  发表了文章 2023-05-10 21:20:52

  vue2-parseHTML实现

  前言 我们前面分析了vue的编译入口，算是个开端。从今天开始我们进入到编译的主流程中分析其实现逻辑，实际编译主要分为三步，其中第一步就是生成AST。在源码中，生成AST是从解析template模板开始的，所以我们今天从parseHTML开始。
• 05.10 21:18:26
  发表了文章 2023-05-10 21:18:26

  vue2-编译之生成AST

  前言 在上篇文章我们分析了编译中parse的部分代码，也就是parseHTML的实现。在parseHTML中通过逐字匹配将template进行了初步解析。现在我们继续分析在parseHTML中输出的结果是如何被parse进行使用的。以此结束完整parse流程的分析。
• 05.10 21:12:20
  发表了文章 2023-05-10 21:12:20

  vue2-compile完结

  前言 上篇文章分析了编译的parse部分，今天接着分析剩下的部分。主要是分为optimizer和generate。
• 05.10 21:09:04
  发表了文章 2023-05-10 21:09:04

  深入Git-上篇

  前言 作为一个开发者，想必大家都清楚Git。无论大家在工作中是使用命令行还是可视化工具来操作Git，应该都已经熟悉和掌握其基本的使用。而本系列文章的目的在于向大家介绍Git背后的基本原理，例如其如何实现不同版本的代码保存及版本切换。此外，还会向大家介绍一些好用的命令，解决在平常使用中的困惑。
• 05.10 21:06:23
  发表了文章 2023-05-10 21:06:23

  深入Git-中篇

  前言 上篇文章深入Git-上篇我们介绍了Git的目录结构，对于仓库的核心实现objects我们选择先跳过了。本篇文章就主要讲讲objects，通过本篇文章可以了解Git的仓库存储，其版本的实现逻辑等。
• 05.10 20:58:31
  发表了文章 2023-05-10 20:58:31

  深入Git-下篇

  前言 在前面的几篇文章主要介绍了一些原理性的东西。本篇文章作为收尾，将介绍一些在日常工作中比较有用的命令以及解决一些经常出现的问题场景。大家可以结合git常用命令（熟练了就是高手）进行学习。
• 05.10 20:55:21
  发表了文章 2023-05-10 20:55:21

  深入Git-分支及合并策略

  前言 我们选择Git的一个重要原因就是其分支创建和切换的快捷便利，在前面Git原理的基础上，我们今天再来学习下Git分支相关的原理。
• 05.10 20:48:36
  发表了文章 2023-05-10 20:48:36

  深入Git-变基

  前言 在Git中整合不同分支的修改主要有两种方法：merge和rebase。其中merge在一般的团队中使用的比较多，而rebase则使用的比较少。本篇文章将主要介绍变基（rebase）的概念以及探讨我们应该在什么时候使用它。
• 05.10 20:41:24
  发表了文章 2023-05-10 20:41:24

  vueRouter简记（上）

  前言 最近抽时间学习了vueRouter源码，基本也就是走马观花式地看了一遍。虽然很多细节和原理没有去深入分析，但还是想通过博客记录下自己从中学习到的点滴。
• 05.10 20:38:00
  发表了文章 2023-05-10 20:38:00

  vueRouter简记（下）

  「这是我参与2022首次更文挑战的第16天，活动详情查看：2022首次更文挑战」
• 05.10 20:34:42
  发表了文章 2023-05-10 20:34:42

  侃侃VUEX实现

  「这是我参与2022首次更文挑战的第17天，活动详情查看：2022首次更文挑战」