-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 26.5 KB
/
index.html
1
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2"><meta name="theme-color" content="#FFF"><link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"><link rel="icon" type="image/ico" sizes="32x32" href="/images/favicon.ico"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><link rel="alternate" type="application/rss+xml" title="CL&love" href="https://cathlee.github.io/rss.xml"><link rel="alternate" type="application/atom+xml" title="CL&love" href="https://cathlee.github.io/atom.xml"><link rel="alternate" type="application/json" title="CL&love" href="https://cathlee.github.io/feed.json"><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Mulish:300,300italic,400,400italic,700,700italic%7CFredericka%20the%20Great:300,300italic,400,400italic,700,700italic%7CNoto%20Serif%20JP:300,300italic,400,400italic,700,700italic%7CNoto%20Serif%20SC:300,300italic,400,400italic,700,700italic%7CInconsolata:300,300italic,400,400italic,700,700italic&display=swap&subset=latin,latin-ext"><link rel="stylesheet" href="/css/app.css?v=0.2.5"><link rel="canonical" href="https://cathlee.github.io/"><title>CLee = CL&love = 厚积而薄发，博观而约取。</title><meta name="generator" content="Hexo 5.4.2"></head><body itemscope itemtype="http://schema.org/WebPage"><div id="loading"><div class="cat"><div class="body"></div><div class="head"><div class="face"></div></div><div class="foot"><div class="tummy-end"></div><div class="bottom"></div><div class="legs left"></div><div class="legs right"></div></div><div class="paw"><div class="hands left"></div><div class="hands right"></div></div></div></div><div id="container"><header id="header" itemscope itemtype="http://schema.org/WPHeader"><div class="inner"><div id="brand"><div class="pjax"><a href="/" class="logo" rel="start"><p class="artboard">CLee</p><h1 itemprop="name headline" class="title">CL&love</h1></a><p class="meta" itemprop="description">= 厚积而薄发，博观而约取。 =</p></div></div><nav id="nav"><div class="inner"><div class="toggle"><div class="lines" aria-label="切换导航栏"><span class="line"></span> <span class="line"></span> <span class="line"></span></div></div><ul class="menu"><li class="item title"><a href="/" rel="start">CLee</a></li></ul><ul class="right"><li class="item theme"><i class="ic i-sun"></i></li><li class="item search"><i class="ic i-search"></i></li></ul></div></nav></div><div id="imgs" class="pjax"><ul><li class="item" data-background-image="https://api.ucany.net/acg-pc?105185"></li><li class="item" data-background-image="https://api.ucany.net/acg-pc?399425"></li><li class="item" data-background-image="https://api.ucany.net/acg-pc?711299"></li><li class="item" data-background-image="https://api.ucany.net/acg-pc?978919"></li><li class="item" data-background-image="https://api.ucany.net/acg-pc?809773"></li><li class="item" data-background-image="https://api.ucany.net/acg-pc?882145"></li></ul></div></header><div id="waves"><svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto"><defs><path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z"/></defs><g class="parallax"><use xlink:href="#gentle-wave" x="48" y="0"/><use xlink:href="#gentle-wave" x="48" y="3"/><use xlink:href="#gentle-wave" x="48" y="5"/><use xlink:href="#gentle-wave" x="48" y="7"/></g></svg></div><main><div class="inner"><div id="main" class="pjax"><div class="index wrap"><h2 class="divider">文章列表</h2><div class="segments posts"><article class="item"><div class="cover"><a href="/vapor/" itemprop="url" title="vapor"><img data-src="https://api.ucany.net/acg-pc?95610"></a></div><div class="info"><div class="meta"><span class="item" title="创建时间：2024-03-03 10:03:50"><span class="icon"><i class="ic i-calendar"></i> </span><time itemprop="dateCreated datePublished" datetime="2024-03-03T10:03:50+08:00">2024-03-03</time> </span><span class="item" title="本文字数"><span class="icon"><i class="ic i-pen"></i> </span><span>3.3k</span> <span class="text">字</span> </span><span class="item" title="阅读时长"><span class="icon"><i class="ic i-clock"></i> </span><span>3 分钟</span></span></div><h3><a href="/vapor/" itemprop="url" title="vapor">vapor</a></h3><div class="excerpt"># 关于 Vapor Mode 现阶段进度的理解总结 -- 第一章 前言：本文在介绍 vapor mode 之前，第一章会先介绍明确最基本的三元论，是什么？为什么？怎么做？ 未来几章会逐步介绍 “怎么做” 阶段，以及各个大佬的进度，待解决的问题，同时最后思考，我们能做些什么参与到相关开源项目中。 # Vapor Mode 是什么 熟悉 vue 的都知道，vue 的渲染原理借助了一个核心概念 -- 虚拟 dom，有了虚拟 dom 我们在更新节点时能够实现对 diff 节点的收集和相关依赖的收集，以便于下一次的渲染速度能够得到提升。 于此同时虚拟 dom 本身并不是...</div><div class="meta footer"><span><a href="/categories/vue/" itemprop="url" title="vue"><i class="ic i-flag"></i>vue</a></span></div><a href="/vapor/" itemprop="url" title="vapor" class="btn">more...</a></div></article><article class="item"><div class="cover"><a href="/useEffectError/" itemprop="url" title="使用useEffect的错误案例"><img data-src="https://api.ucany.net/acg-pc?225128"></a></div><div class="info"><div class="meta"><span class="item" title="创建时间：2024-01-06 13:46:17"><span class="icon"><i class="ic i-calendar"></i> </span><time itemprop="dateCreated datePublished" datetime="2024-01-06T13:46:17+08:00">2024-01-06</time> </span><span class="item" title="本文字数"><span class="icon"><i class="ic i-pen"></i> </span><span>3.2k</span> <span class="text">字</span> </span><span class="item" title="阅读时长"><span class="icon"><i class="ic i-clock"></i> </span><span>3 分钟</span></span></div><h3><a href="/useEffectError/" itemprop="url" title="使用useEffect的错误案例">使用useEffect的错误案例</a></h3><div class="excerpt"># 使用 UseEffect 的错误记录 背景：在 react 中对 monaco-editor 进行初始化，但是会发现有如下两个问题 monaco-editor 创建的实例对象，被赋值了多次 monaco-editor 对象被多次挂载销毁，最终要么是 dom 节点上压根就没有 monaco-editor, 要么是有 monaco-editor 相关信息，但是却没有编辑器 # 造成上述现象的 Bad Example import &#123; FC, useEffect, useRef, useState &#125; from...</div><div class="meta footer"><span><a href="/categories/react/" itemprop="url" title="react"><i class="ic i-flag"></i>react</a></span></div><a href="/useEffectError/" itemprop="url" title="使用useEffect的错误案例" class="btn">more...</a></div></article><article class="item"><div class="cover"><a href="/props/" itemprop="url" title="关于Vue中Props的源码部分解析"><img data-src="https://api.ucany.net/acg-pc?901840"></a></div><div class="info"><div class="meta"><span class="item" title="创建时间：2023-11-11 11:29:59"><span class="icon"><i class="ic i-calendar"></i> </span><time itemprop="dateCreated datePublished" datetime="2023-11-11T11:29:59+08:00">2023-11-11</time> </span><span class="item" title="本文字数"><span class="icon"><i class="ic i-pen"></i> </span><span>3.6k</span> <span class="text">字</span> </span><span class="item" title="阅读时长"><span class="icon"><i class="ic i-clock"></i> </span><span>3 分钟</span></span></div><h3><a href="/props/" itemprop="url" title="关于Vue中Props的源码部分解析">关于Vue中Props的源码部分解析</a></h3><div class="excerpt"># vue3 Props 源码部分解析 # 1、props 定义 export declare type Prop&lt;T, D = T> = PropOptions&lt;T, D> | PropType&lt;T>;Prop&lt;T, D = T&gt; 这里的意思是指: T 是入参类型，D 是默认值类型，如果不指定默认值的话，就用 T 的类型进行推断 # 2.PropOptions 的定义 PropOptions&lt;T, D&gt; 这里的入参意思也是一样的，区别在于 PropOptions...</div><div class="meta footer"><span><a href="/categories/vue/" itemprop="url" title="vue"><i class="ic i-flag"></i>vue</a></span></div><a href="/props/" itemprop="url" title="关于Vue中Props的源码部分解析" class="btn">more...</a></div></article><article class="item"><div class="cover"><a href="/vite/" itemprop="url" title="vite无法require图片资源--vite踩坑日记day01"><img data-src="https://api.ucany.net/acg-pc?44110"></a></div><div class="info"><div class="meta"><span class="item" title="创建时间：2022-09-28 18:34:15"><span class="icon"><i class="ic i-calendar"></i> </span><time itemprop="dateCreated datePublished" datetime="2022-09-28T18:34:15+08:00">2022-09-28</time> </span><span class="item" title="本文字数"><span class="icon"><i class="ic i-pen"></i> </span><span>415</span> <span class="text">字</span> </span><span class="item" title="阅读时长"><span class="icon"><i class="ic i-clock"></i> </span><span>1 分钟</span></span></div><h3><a href="/vite/" itemprop="url" title="vite无法require图片资源--vite踩坑日记day01">vite无法require图片资源--vite踩坑日记day01</a></h3><div class="excerpt"># 小小 vite，坑倒不少 首先先说遇到的问题 1.vite 对静态资源的打包方式是什么样 2.vite 图片打包，是不是非得 base64 转码后才能看见 3.vite 为什么不支持 require 写法 # 打包方式 https://vitejs.bootcss.com/guide/assets.html#importing-asset-as-url 先上链接 我们可以知道，确实，图片资源在 vite 中，会被处理为散列名文件名，图片也并不是只有在 base64 下才会被看见 -- 因为都会被处理为散列文件名然后被展示而已，而被 base64...</div><div class="meta footer"><span><a href="/categories/vite/" itemprop="url" title="vite"><i class="ic i-flag"></i>vite</a></span></div><a href="/vite/" itemprop="url" title="vite无法require图片资源--vite踩坑日记day01" class="btn">more...</a></div></article><article class="item"><div class="cover"><a href="/fetch-ajax/" itemprop="url" title="Fetch和ajax以及axios的辨析"><img data-src="https://api.ucany.net/acg-pc?862128"></a></div><div class="info"><div class="meta"><span class="item" title="创建时间：2022-08-04 10:16:59"><span class="icon"><i class="ic i-calendar"></i> </span><time itemprop="dateCreated datePublished" datetime="2022-08-04T10:16:59+08:00">2022-08-04</time> </span><span class="item" title="本文字数"><span class="icon"><i class="ic i-pen"></i> </span><span>1.7k</span> <span class="text">字</span> </span><span class="item" title="阅读时长"><span class="icon"><i class="ic i-clock"></i> </span><span>2 分钟</span></span></div><h3><a href="/fetch-ajax/" itemprop="url" title="Fetch和ajax以及axios的辨析">Fetch和ajax以及axios的辨析</a></h3><div class="excerpt"><h3 id="fetch和ajax以及axios的辨析"><a class="anchor" href="#fetch和ajax以及axios的辨析">#</a> Fetch 和 ajax 以及 axios 的辨析</h3><p>前言：闲来无事看掘金，发现自己对于这些异步经常使用的方法经常是 “会使用，知其然而不知其所以然”，故而查阅资料整合一下相关知识点</p><p></p></div><div class="meta footer"><span><a href="/categories/js%E5%85%AB%E8%82%A1/" itemprop="url" title="js 八股"><i class="ic i-flag"></i>js 八股</a></span></div><a href="/fetch-ajax/" itemprop="url" title="Fetch和ajax以及axios的辨析" class="btn">more...</a></div></article><article class="item"><div class="cover"><a href="/performance%20optimization/" itemprop="url" title="所谓的前端性能优化手段"><img data-src="https://api.ucany.net/acg-pc?393447"></a></div><div class="info"><div class="meta"><span class="item" title="创建时间：2022-03-21 13:12:55"><span class="icon"><i class="ic i-calendar"></i> </span><time itemprop="dateCreated datePublished" datetime="2022-03-21T13:12:55+08:00">2022-03-21</time> </span><span class="item" title="本文字数"><span class="icon"><i class="ic i-pen"></i> </span><span>926</span> <span class="text">字</span> </span><span class="item" title="阅读时长"><span class="icon"><i class="ic i-clock"></i> </span><span>1 分钟</span></span></div><h3><a href="/performance%20optimization/" itemprop="url" title="所谓的前端性能优化手段">所谓的前端性能优化手段</a></h3><div class="excerpt"># 前言 春招八股基本上都靠背的，许多面试官提到我的一个通病就是项目经验少 + 知识点深度不够。 故本文主要是针对自我的知识薄弱点进行总结。 # 1. 前端常见的的性能优化有哪些？ 遇到问题首先要知道问题是什么我们才能做好问题的解决，同样，性能优化也是如此，我们要知道是哪些层面的执行速度效率过低，才导致我们的页面看起来特别 &quot;慢&quot;。 # 性能分析方法： 查看 NetWork 面板中的 WaterFall，看其宽度和长度是否过大，进一步分析如下指标： 查看 performance 中的 Timings 中的 LCP/FCP...</div><div class="meta footer"><span><a href="/categories/%E6%98%A5%E6%8B%9B/" itemprop="url" title="春招"><i class="ic i-flag"></i>春招</a></span></div><a href="/performance%20optimization/" itemprop="url" title="所谓的前端性能优化手段" class="btn">more...</a></div></article><article class="item"><div class="cover"><a href="/js/" itemprop="url" title="从url到页面展示到底发生了什么？"><img data-src="https://api.ucany.net/acg-pc?286750"></a></div><div class="info"><div class="meta"><span class="item" title="创建时间：2022-03-20 22:15:32"><span class="icon"><i class="ic i-calendar"></i> </span><time itemprop="dateCreated datePublished" datetime="2022-03-20T22:15:32+08:00">2022-03-20</time> </span><span class="item" title="本文字数"><span class="icon"><i class="ic i-pen"></i> </span><span>1.1k</span> <span class="text">字</span> </span><span class="item" title="阅读时长"><span class="icon"><i class="ic i-clock"></i> </span><span>1 分钟</span></span></div><h3><a href="/js/" itemprop="url" title="从url到页面展示到底发生了什么？">从url到页面展示到底发生了什么？</a></h3><div class="excerpt"># 前言 我们常常都知道从 url 到页面渲染会包括如下流程： dns 域名解析，得到对应的 ip 地址 根据这个 ip，找到对应的服务器连接（三次握手） 建立 tcp 连接后发起 http 请求 服务器响应 http 请求，浏览器得到 html 代码 浏览器解析 html 代码，并请求 html 中的资源（如 js，css，图片等） 服务器渲染页面 服务器关闭 tcp 连接（四次挥手）。 虽然这些步骤是大体程序步骤，但这样会显得知其然而不知其所有然。 接下来我将会对上述步骤阐述更多个人的深度理解。 # 一、dns 如何查找对应的 ip 地址的？ 首先会查找自身缓存中是否存在该 dns...</div><div class="meta footer"><span><a href="/categories/%E6%98%A5%E6%8B%9B/" itemprop="url" title="春招"><i class="ic i-flag"></i>春招</a></span></div><a href="/js/" itemprop="url" title="从url到页面展示到底发生了什么？" class="btn">more...</a></div></article><article class="item"><div class="cover"><a href="/addCurry/" itemprop="url" title="柯里化实现add(1)(2)(3)"><img data-src="https://api.ucany.net/acg-pc?28920"></a></div><div class="info"><div class="meta"><span class="item" title="创建时间：2022-03-19 21:59:58"><span class="icon"><i class="ic i-calendar"></i> </span><time itemprop="dateCreated datePublished" datetime="2022-03-19T21:59:58+08:00">2022-03-19</time> </span><span class="item" title="本文字数"><span class="icon"><i class="ic i-pen"></i> </span><span>523</span> <span class="text">字</span> </span><span class="item" title="阅读时长"><span class="icon"><i class="ic i-clock"></i> </span><span>1 分钟</span></span></div><h3><a href="/addCurry/" itemprop="url" title="柯里化实现add(1)(2)(3)">柯里化实现add(1)(2)(3)</a></h3><div class="excerpt">函数柯里化主要是实现如下意义: add(1)(2)(3) = 1+2+3 ; 方法如下: // 柯里化的实现function curry()&#123; var fn = arguments[0]; var arr = Array.prototype.slice.call(arguments,1); return function _format()&#123; // 本处的 arguments 和上一层函数的 arguments 不一样 var args = Array.prototype.slice.call(arguments); args =...</div><div class="meta footer"><span><a href="/categories/%E6%98%A5%E6%8B%9B/" itemprop="url" title="春招"><i class="ic i-flag"></i>春招</a></span></div><a href="/addCurry/" itemprop="url" title="柯里化实现add(1)(2)(3)" class="btn">more...</a></div></article><article class="item"><div class="cover"><a href="/someCode/" itemprop="url" title="数组矩阵"><img data-src="https://api.ucany.net/acg-pc?542272"></a></div><div class="info"><div class="meta"><span class="item" title="创建时间：2021-12-12 15:48:13"><span class="icon"><i class="ic i-calendar"></i> </span><time itemprop="dateCreated datePublished" datetime="2021-12-12T15:48:13+08:00">2021-12-12</time> </span><span class="item" title="本文字数"><span class="icon"><i class="ic i-pen"></i> </span><span>381</span> <span class="text">字</span> </span><span class="item" title="阅读时长"><span class="icon"><i class="ic i-clock"></i> </span><span>1 分钟</span></span></div><h3><a href="/someCode/" itemprop="url" title="数组矩阵">数组矩阵</a></h3><div class="excerpt"><h4 id="数组矩阵相关算法"><a class="anchor" href="#数组矩阵相关算法">#</a> 数组矩阵相关算法</h4><p>1.<strong> 动态规划</strong>来实现小偷问题</p><p>核心点就是 <code>dpSum = dp[i-2]+num[i]+dp[i-1]</code> ;</p><p>2. 层次遍历对左右树进行交换</p><p>简单，层次遍历队列进行遍历后进行 swap</p><p></p></div><div class="meta footer"><span><a href="/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/" itemprop="url" title="数据结构"><i class="ic i-flag"></i>数据结构</a></span></div><a href="/someCode/" itemprop="url" title="数组矩阵" class="btn">more...</a></div></article><article class="item"><div class="cover"><a href="/Sort/" itemprop="url" title="排序算法"><img data-src="https://api.ucany.net/acg-pc?83806"></a></div><div class="info"><div class="meta"><span class="item" title="创建时间：2021-11-20 17:14:56"><span class="icon"><i class="ic i-calendar"></i> </span><time itemprop="dateCreated datePublished" datetime="2021-11-20T17:14:56+08:00">2021-11-20</time> </span><span class="item" title="本文字数"><span class="icon"><i class="ic i-pen"></i> </span><span>6.9k</span> <span class="text">字</span> </span><span class="item" title="阅读时长"><span class="icon"><i class="ic i-clock"></i> </span><span>6 分钟</span></span></div><h3><a href="/Sort/" itemprop="url" title="排序算法">排序算法</a></h3><div class="excerpt"><h3 id="排序"><a class="anchor" href="#排序">#</a> 排序</h3><p>几个口诀：</p><p>1. 考研复习痛苦啊，情绪<strong>不稳定（不稳定算法）</strong>，** 快（快速）些（希尔）选（简单选择）一堆（堆）** 好友来聊天吧。</p><p>2. 时间复杂度计算：</p><ul><li><strong>快（快速）些（希尔）以 nlogn 的速度归 (归并) 队（堆）</strong></li><li>基数排序：O (d (n+rd))</li><li>快速排序最坏的情况下（<strong>有序</strong>）：O（n²）</li><li>除此之外的其他算法都是 O (n²)</li></ul><p>3. 空间复杂度的计算：</p><ul><li>快：O（log2n）</li><li>归：O (n)</li><li>基数：O (rd)</li><li>其他均为 O (1)</li></ul><p></p></div><div class="meta footer"><span><a href="/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/" itemprop="url" title="数据结构"><i class="ic i-flag"></i>数据结构</a></span></div><a href="/Sort/" itemprop="url" title="排序算法" class="btn">more...</a></div></article></div></div><nav class="pagination"><div class="inner"><span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><a class="extend next" rel="next" href="/page/2/"><i class="ic i-angle-right" aria-label="下一页"></i></a></div></nav></div><div id="sidebar"><div class="inner"><div class="panels"><div class="inner"><div class="contents panel pjax" data-title="文章目录"></div><div class="related panel pjax" data-title="系列文章"></div><div class="overview panel" data-title="站点概览"><div class="author" itemprop="author" itemscope itemtype="http://schema.org/Person"><img class="image" itemprop="image" alt="神烦大眼怪" data-src="/images/avatar.jpg"><p class="name" itemprop="name">神烦大眼怪</p><div class="description" itemprop="description">三思而行</div></div><nav class="state"><div class="item posts"><a href="/archives/"><span class="count">19</span> <span class="name">文章</span></a></div><div class="item categories"><a href="/categories/"><span class="count">9</span> <span class="name">分类</span></a></div><div class="item tags"><a href="/tags/"><span class="count">14</span> <span class="name">标签</span></a></div></nav><div class="social"><span class="exturl item github" data-url="aHR0cHM6Ly9naXRodWIuY29tL0NhdGhsZWU=" title="https://github.com/Cathlee"><i class="ic i-github"></i></span> <span class="exturl item about" data-url="aHR0cHM6Ly9hYm91dC5tZS9hbWVoaW1l" title="https://about.me/amehime"><i class="ic i-address-card"></i></span></div><ul class="menu"><li class="item"><a href="/" rel="section"><i class="ic i-home"></i>首页</a></li><li class="item dropdown"><a href="javascript:void(0);"><i class="ic i-feather"></i>文章</a><ul class="submenu"><li class="item"><a href="/archives/" rel="section"><i class="ic i-list-alt"></i>归档</a></li><li class="item"><a href="/categories/" rel="section"><i class="ic i-th"></i>分类</a></li><li class="item"><a href="/tags/" rel="section"><i class="ic i-tags"></i>标签</a></li></ul></li><li class="item"><a href="/friends/" rel="section"><i class="ic i-heart"></i>friends</a></li></ul></div></div></div><ul id="quick"><li class="prev pjax"></li><li class="up"><i class="ic i-arrow-up"></i></li><li class="down"><i class="ic i-arrow-down"></i></li><li class="next pjax"><a href="/page/2/" rel="next" title="下一篇"><i class="ic i-chevron-right"></i></a></li><li class="percent"></li></ul></div></div><div class="dimmer"></div></div></main><footer id="footer"><div class="inner"><div class="widgets"><div class="rpost pjax"><h2>随机文章</h2><ul><li class="item"><div class="breadcrumb"><a href="/categories/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/" title="分类于 设计模式">设计模式</a></div><span><a href="/designPattern/" title="设计模式之创建型模式">设计模式之创建型模式</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/react/" title="分类于 react">react</a></div><span><a href="/useEffectError/" title="使用useEffect的错误案例">使用useEffect的错误案例</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/vite/" title="分类于 vite">vite</a></div><span><a href="/vite/" title="vite无法require图片资源--vite踩坑日记day01">vite无法require图片资源--vite踩坑日记day01</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/vue/" title="分类于 vue">vue</a></div><span><a href="/vapor/" title="vapor">vapor</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/vue/" title="分类于 vue">vue</a></div><span><a href="/vue%E5%8F%98%E5%8C%96%E4%BE%A6%E6%B5%8B/" title="vue变化侦测">vue变化侦测</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/vue/" title="分类于 vue">vue</a></div><span><a href="/props/" title="关于Vue中Props的源码部分解析">关于Vue中Props的源码部分解析</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/%E6%98%A5%E6%8B%9B/" title="分类于 春招">春招</a></div><span><a href="/js/" title="从url到页面展示到底发生了什么？">从url到页面展示到底发生了什么？</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/%E6%98%A5%E6%8B%9B/" title="分类于 春招">春招</a></div><span><a href="/performance%20optimization/" title="所谓的前端性能优化手段">所谓的前端性能优化手段</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/" title="分类于 数据结构">数据结构</a></div><span><a href="/algorithm-Graph/" title="图的算法">图的算法</a></span></li><li class="item"><div class="breadcrumb"><a href="/categories/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/" title="分类于 数据结构">数据结构</a></div><span><a href="/Sort/" title="排序算法">排序算法</a></span></li></ul></div><div><h2>最新评论</h2><ul class="leancloud-recent-comment"></ul></div></div><div class="status"><div class="copyright">© 2010 – <span itemprop="copyrightYear">2024</span> <span class="with-love"><i class="ic i-sakura rotate"></i> </span><span class="author" itemprop="copyrightHolder">神烦大眼怪 @ CLee</span></div><div class="count"><span class="post-meta-item-icon"><i class="ic i-chart-area"></i> </span><span title="站点总字数">78k 字</span> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="ic i-coffee"></i> </span><span title="站点阅读时长">1:11</span></div><div class="powered-by">基于 <span class="exturl" data-url="aHR0cHM6Ly9oZXhvLmlv">Hexo</span> & Theme.<span class="exturl" data-url="aHR0cHM6Ly9naXRodWIuY29tL2FtZWhpbWUvaGV4by10aGVtZS1zaG9rYQ==">Shoka</span></div></div></div></footer></div><script data-config type="text/javascript">var LOCAL={path:"",favicon:{show:"╰(*°▽°*)╯欢迎光临！",hide:"(○´･д･)ﾉ憋走呜呜呜（我装的）！"},search:{placeholder:"文章搜索",empty:"关于 「 ${query} 」，什么也没搜到",stats:"${time} ms 内找到 ${hits} 条结果"},valine:!0,fancybox:!0,copyright:'复制成功，转载请遵守 <i class="ic i-creative-commons"></i>BY-NC-SA 协议。',ignores:[function(e){return e.includes("#")},function(e){return new RegExp(LOCAL.path+"$").test(e)}]}</script><script src="https://cdn.polyfill.io/v2/polyfill.js"></script><script src="//cdn.jsdelivr.net/combine/npm/pace-js@1.0.2/pace.min.js,npm/pjax@0.2.8/pjax.min.js,npm/whatwg-fetch@3.4.0/dist/fetch.umd.min.js,npm/animejs@3.2.0/lib/anime.min.js,npm/algoliasearch@4/dist/algoliasearch-lite.umd.js,npm/instantsearch.js@4/dist/instantsearch.production.min.js,npm/lozad@1/dist/lozad.min.js,npm/quicklink@2/dist/quicklink.umd.js"></script><script src="/js/app.js?v=0.2.5"></script></body></html>