-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
24 lines (23 loc) · 5.54 KB
/
index.html
File metadata and controls
24 lines (23 loc) · 5.54 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><title>Xhiteam's Blog</title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1"><meta name="description" content=""><meta name="keywords"><meta name="author" content="xhiteam"><link rel="short icon" href="/xhiteam.github.io/images/favicon.png"><link rel="icon" href="/xhiteam.github.io/images/favicon.png"><!--[if lt IE 9]>
<script src="/xhiteam.github.io/js/modernizr.js"></script>
<![endif]-->
<link rel="stylesheet" href="/xhiteam.github.io/css/iconfont.css">
<link rel="stylesheet" href="/xhiteam.github.io/css/index.css?v=202102021617.css">
<meta name="generator" content="Hexo 5.1.1"><link rel="alternate" href="/xhiteam.github.io/atom.xml" title="Xhiteam's Blog" type="application/atom+xml">
</head><body><header id="header" class="header-navigation"><nav><div class="logo"><a href="https://xhiteam.github.io">Xhiteam's Blog</a></div><h2 id="mnavh"><span class="navicon"></span></h2><ul id="starlist"><li><a href="/xhiteam.github.io/">首页</a></li><li><a href="/xhiteam.github.io/time.html">时间轴</a></li></ul><div class="searchbox"><div id="search_bar" class="search_bar"><input id="keyboard" placeholder="想搜点什么呢.." type="text" name="keyboard" autocomplete="off" class="input"><p class="search_ico"><span></span></p></div></div></nav></header><article><main><div class="blogtab"><div data-scroll-reveal="enter bottom over 1s" class="blogs"><h3 class="blogtitle"><a href="/xhiteam.github.io/2020/10/16/Vue%E8%99%9A%E6%8B%9FDOMdiff%E7%AE%97%E6%B3%95/" target="_blank">Vue虚拟DOMdiff算法</a></h3><span class="blogpic"><a href="/xhiteam.github.io/2020/10/16/Vue%E8%99%9A%E6%8B%9FDOMdiff%E7%AE%97%E6%B3%95/" title="Vue虚拟DOMdiff算法"><img src="/xhiteam.github.io/" alt=""></a></span><p class="blogtext">前言：当数据发生变化时，vue是如何去更新节点的？
渲染真实的DOM开销是很大的，如果当修改了某个数据后直接渲染到真实dom上回引起整个dom数的重绘和重排，下例展示了一个“昂贵的”DOM：控制台输入：
1234var odiv &#...</p><div class="bloginfo"><ul><li class="author"><a href="/">xhiteam</a></li><li class="lmname"><a href="/xhiteam.github.io/categories/%E5%89%8D%E7%AB%AF%E7%BB%84%E5%88%86%E4%BA%AB/">前端组分享</a></li><li class="timer">2020-10-16 22:29:16</li><!--li.view--><!-- span 34567--><!-- | 已阅读--><!--li.like 9999--></ul></div></div><div data-scroll-reveal="enter bottom over 1s" class="blogs"><h3 class="blogtitle"><a href="/xhiteam.github.io/2020/09/14/%E5%85%B3%E4%BA%8E%E5%9B%A2%E9%98%9F/" target="_blank">关于xhiteam团队</a></h3><span class="blogpic"><a href="/xhiteam.github.io/2020/09/14/%E5%85%B3%E4%BA%8E%E5%9B%A2%E9%98%9F/" title="关于xhiteam团队"><img src="/xhiteam.github.io/" alt=""></a></span><p class="blogtext">Believe in Technology
Wechat: LamboChen2306
Email: lambo.chen.2...</p><div class="bloginfo"><ul><li class="author"><a href="/">xhiteam</a></li><li class="lmname"><a href="/xhiteam.github.io/categories/%E5%9B%A2%E9%98%9F/">团队</a></li><li class="timer">2020-09-14 20:44:51</li><!--li.view--><!-- span 34567--><!-- | 已阅读--><!--li.like 9999--></ul></div></div></div><div class="pagelist"><span class="page-number current">1</span></div></main><aside class="r_box"><div class="card box"><h2>我的名片</h2><div class="box_con"><p>团队：Xhiteam。</p>
<p>宣言：Believe in Technology</p>
<p>Email：lambo.chen.2306@gmail.com</p>
</div></div><div class="category box"><h2>文章分类</h2><div class="box_con"><ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/xhiteam.github.io/categories/%E5%89%8D%E7%AB%AF%E7%BB%84%E5%88%86%E4%BA%AB/">前端组分享</a><span class="category-list-count">1</span></li><li class="category-list-item"><a class="category-list-link" href="/xhiteam.github.io/categories/%E5%9B%A2%E9%98%9F/">团队</a><span class="category-list-count">1</span></li></ul></div></div><div class="box recommend"><h2>推荐</h2><div class="box_con"><ul></ul></div></div><div class="tags box"><h2>标签</h2><div class="box_con"><ul class="tag-list" itemprop="keywords"><li class="tag-list-item"><a class="tag-list-link" href="/xhiteam.github.io/tags/Vue%E7%AE%97%E6%B3%95/" rel="tag">Vue算法</a></li><li class="tag-list-item"><a class="tag-list-link" href="/xhiteam.github.io/tags/huihui-yin/" rel="tag">huihui_yin</a></li><li class="tag-list-item"><a class="tag-list-link" href="/xhiteam.github.io/tags/%E5%9B%A2%E9%98%9F%E4%BB%8B%E7%BB%8D/" rel="tag">团队介绍</a></li></ul></div></div><div class="wechat box"><h2>我的微信</h2><div class="box_con"><img src="/xhiteam.github.io/images/wechat.jpg"></div></div></aside></article><footer><section class="footer_bottom"><div class="footer_container"><p class="copyright">Design by
<a href='https://tianhui.xin' target='_blank'>Xhiteam</a>
</p><ul class="social_network"></ul></div></section></footer><div class="cd-top"><i class="iconfont icon-top"></i></div>
<script src="/xhiteam.github.io/js/jquery.min.js"></script>
<script src="/xhiteam.github.io/js/scrollreveal.js"></script>
<script src="/xhiteam.github.io/js/hc-sticky.js"></script>
<script src="/xhiteam.github.io/js/canvas-nest.js" type="text/javascript" color="47,135,193" opacity="0.7" zIndex="-2" count="199"></script>
<script src="/xhiteam.github.io/js/common.js?v=202102021617.js"></script>
<script src="/xhiteam.github.io/js/index.js?v=202102021617.js"></script>
</body></html>