PageSourceSearch

https://shuizhongxiong.github.io/

html shuizhongxiong.github.io collected 2026-10-03 09:56:48 UTC 25,464 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html class="theme-next gemini" lang="zh-CN"><head><meta name="generator" content="Hexo 3.8.0"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=2"><meta name="theme-color" content="#222"><link rel="stylesheet" href="/lib/needsharebutton/needsharebutton.min.css">
1<script src="/lib/pace/pace.min.js?v=1.0.2"></script>
1<link href="/lib/pace/pace-theme-minimal.min.css?v=1.0.2" rel="stylesheet"><meta http-equiv="Cache-Control" content="no-transform"><meta http-equiv="Cache-Control" content="no-siteapp"><link href="/lib/font-awesome/css/font-awesome.min.css?v=4.6.2" rel="stylesheet" type="text/css"><link href="/css/main.css?v=6.3.0" rel="stylesheet" type="text/css"><link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon-next.png?v=6.3.0"><link rel="icon" type="image/png" sizes="32x32" href="/images/favicon.png?v=6.3.0"><link rel="icon" type="image/png" sizes="16x16" href="/images/favicon.png?v=6.3.0"><link rel="mask-icon" href="/images/logo.svg?v=6.3.0" color="#222">
1<script type="text/javascript" id="hexo.configurations">var NexT=window.NexT||{},CONFIG={root:"/",scheme:"Gemini",version:"6.3.0",sidebar:{position:"left",display:"post",offset:12,b2t:!1,scrollpercent:!0,onmobile:!1},fancybox:!1,fastclick:!1,lazyload:!1,tabs:!0,motion:{enable:!1,async:!1,transition:{post_block:"fadeIn",post_header:"slideDownIn",post_body:"slideDownIn",coll_header:"slideLeftIn",sidebar:"slideUpIn"}},algolia:{applicationID:"",apiKey:"",indexName:"",hits:{per_page:10},labels:{input_placeholder:"Search for Posts",hits_empty:"We didn't find any results for the search: ${query}",hits_stats:"${hits} results found in ${time} ms"}}}</script>
1<meta name="description" content="迷茫的原因只有一个,那就是本该拼搏的年纪,想得太多,却做的太少。"><meta name="keywords" content="水中熊, 个人博客"><meta property="og:type" content="website"><meta property="og:title" content="水中熊的个人博客"><meta property="og:url" content="https://shuizhongxiong.github.io/index.html"><meta property="og:site_name" content="水中熊的个人博客"><meta property="og:description" content="迷茫的原因只有一个,那就是本该拼搏的年纪,想得太多,却做的太少。"><meta property="og:locale" content="zh-CN"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="水中熊的个人博客"><meta name="twitter:description" content="迷茫的原因只有一个,那就是本该拼搏的年纪,想得太多,却做的太少。"><link rel="canonical" href="https://shuizhongxiong.github.io/">
1<script type="text/javascript" id="page.configurations">CONFIG.page={sidebar:""}</script>
1<title>水中熊的个人博客 &mdash; 人要是没有了目标,<br>那跟咸鱼有什么区别</title>
1<script type="text/javascript">var _hmt=_hmt||[];!function(){var e=document.createElement("script");e.src="https://hm.baidu.com/hm.js?a770e91d117cc5fc363e10f8ff3fcea2";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)}()</script>
1<noscript><style type="text/css">.sidebar-inner,.use-motion .brand,.use-motion .collection-title,.use-motion .comments,.use-motion .menu-item,.use-motion .motion-element,.use-motion .pagination,.use-motion .post-block,.use-motion .post-body,.use-motion .post-header{opacity:initial}.use-motion .logo,.use-motion .site-subtitle,.use-motion .site-title{opacity:initial;top:initial}.logo-line-after i{right:initial}</style></noscript></head><body itemscope itemtype="http://schema.org/WebPage" lang="zh-CN"><div class="container sidebar-position-left page-home"><div class="headband"></div><header id="header" class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="header-inner"><div class="site-brand-wrapper"><div class="site-meta"><div class="custom-logo-site-title"><a href="/" class="brand" rel="start"><span class="logo-line-before"><i></i></span> <span class="site-title">水中熊的个人博客</span> <span class="logo-line-after"><i></i></span></a></div><h1 class="site-subtitle" itemprop="description">人要是没有了目标,<br>那跟咸鱼有什么区别</h1></div><div class="site-nav-toggle"><button aria-label="切换导航栏"><span class="btn-bar"></span> <span class="btn-bar"></span> <span class="btn-bar"></span></button></div></div><nav class="site-nav"><ul id="menu" class="menu"><li class="menu-item menu-item-home menu-item-active"><a href="/" rel="section"><i class="menu-item-icon fa fa-fw fa-home"></i><br>首页</a></li><li class="menu-item menu-item-categories"><a href="/categories/" rel="section"><i class="menu-item-icon fa fa-fw fa-th"></i><br>分类</a></li><li class="menu-item menu-item-tags"><a href="/tags/" rel="section"><i class="menu-item-icon fa fa-fw fa-tags"></i><br>标签</a></li><li class="menu-item menu-item-archives"><a href="/archives/" rel="section"><i class="menu-item-icon fa fa-fw fa-archive"></i><br>归档</a></li><li class="menu-item menu-item-about"><a href="/about/" rel="section"><i class="menu-item-icon fa fa-fw fa-user"></i><br>关于</a></li></ul></nav></div></header><main id="main" class="main"><div class="main-inner"><div class="content-wrap"><div id="content" class="content"><section id="posts" class="posts-expand"><article class="post post-type-normal" itemscope itemtype="http://schema.org/Article"><div class="post-block"><link itemprop="mainEntityOfPage" href="https://shuizhongxiong.github.io/ng-optimize.html"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="name" content="水中熊"><meta itemprop="description" content="迷茫的原因只有一个,那就是本该拼搏的年纪,想得太多,却做的太少。"><meta itemprop="image" content="/images/avatar.jpg"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="水中熊的个人博客"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a class="post-title-link" href="/ng-optimize.html" itemprop="url">Angular 打包优化</a></h2><div class="post-meta"><span class="post-time"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间:2018-06-19 10:11:27 / 修改时间:11:13:26" itemprop="dateCreated datePublished" datetime="2018-06-19T10:11:27+08:00">2018-06-19</time> </span><span class="post-category"><span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text">分类于</span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/前端/" itemprop="url" rel="index"><span itemprop="name">前端</span></a></span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="摘要"><a href="#摘要" class="headerlink" title="摘要"></a>摘要</h4><p>本文主要讲了在 angular 项目中使用了 moment、@ng-bootstrap/ng-bootstrap、echarts 后,如何去掉其中没有用到的模块,从而减小体积。同时文中的解决方法也可以延伸到其他类似库。</p><div class="post-button text-center"><a class="btn" href="/ng-optimize.html" rel="contents">阅读全文 &raquo;</a></div></div><footer class="post-footer"><div class="post-eof"></div></footer></div></article><article class="post post-type-normal" itemscope itemtype="http://schema.org/Article"><div class="post-block"><link itemprop="mainEntityOfPage" href="https://shuizhongxiong.github.io/js-precision.html"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="name" content="水中熊"><meta itemprop="description" content="迷茫的原因只有一个,那就是本该拼搏的年纪,想得太多,却做的太少。"><meta itemprop="image" content="/images/avatar.jpg"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="水中熊的个人博客"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a class="post-title-link" href="/js-precision.html" itemprop="url">js 小数计算精度问题</a></h2><div class="post-meta"><span class="post-time"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间:2018-06-13 14:32:44 / 修改时间:15:15:42" itemprop="dateCreated datePublished" datetime="2018-06-13T14:32:44+08:00">2018-06-13</time></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="问题描述"><a href="#问题描述" class="headerlink" title="问题描述"></a>问题描述</h4><p>在写简单计算器时遇到过,把字符串解析成浮点数算减法,得到过 这样的结果 5-3.2=1.7999999999999998,很奇怪。</p><div class="post-button text-center"><a class="btn" href="/js-precision.html" rel="contents">阅读全文 &raquo;</a></div></div><footer class="post-footer"><div class="post-eof"></div></footer></div></article><article class="post post-type-normal" itemscope itemtype="http://schema.org/Article"><div class="post-block"><link itemprop="mainEntityOfPage" href="https://shuizhongxiong.github.io/js-selfAdd.html"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="name" content="水中熊"><meta itemprop="description" content="迷茫的原因只有一个,那就是本该拼搏的年纪,想得太多,却做的太少。"><meta itemprop="image" content="/images/avatar.jpg"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="水中熊的个人博客"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a class="post-title-link" href="/js-selfAdd.html" itemprop="url">js 自增(++)和自减(--)</a></h2><div class="post-meta"><span class="post-time"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间:2018-06-13 14:04:58 / 修改时间:14:19:34" itemprop="dateCreated datePublished" datetime="2018-06-13T14:04:58+08:00">2018-06-13</time> </span><span class="post-category"><span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text">分类于</span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/前端/" itemprop="url" rel="index"><span itemprop="name">前端</span></a></span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="基本"><a href="#基本" class="headerlink" title="基本"></a>基本</h4><p>今天看书遇到了自增自减的问题,总结一下:</p><ul><li>前置型递增 <code>++a</code> 是先自增1,再参与运算,即参与运算的值是<strong>变化后</strong>得值。</li><li>后置型递增 <code>a++</code> 是先参与计算,再自增1,即参与运算的值是<strong>变化前</strong>得值。</li><li>递减同理。</li></ul><div class="post-button text-center"><a class="btn" href="/js-selfAdd.html" rel="contents">阅读全文 &raquo;</a></div></div><footer class="post-footer"><div class="post-eof"></div></footer></div></article><article class="post post-type-normal" itemscope itemtype="http://schema.org/Article"><div class="post-block"><link itemprop="mainEntityOfPage" href="https://shuizhongxiong.github.io/jq-hoverAnimate.html"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="name" content="水中熊"><meta itemprop="description" content="迷茫的原因只有一个,那就是本该拼搏的年纪,想得太多,却做的太少。"><meta itemprop="image" content="/images/avatar.jpg"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="水中熊的个人博客"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a class="post-title-link" href="/jq-hoverAnimate.html" itemprop="url">jQuery 执行多次动画</a></h2><div class="post-meta"><span class="post-time"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间:2018-06-13 12:13:43 / 修改时间:12:21:19" itemprop="dateCreated datePublished" datetime="2018-06-13T12:13:43+08:00">2018-06-13</time> </span><span class="post-category"><span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text">分类于</span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/前端/" itemprop="url" rel="index"><span itemprop="name">前端</span></a></span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="问题描述"><a href="#问题描述" class="headerlink" title="问题描述"></a>问题描述</h4><p>最近工作时遇到个关于动画的问题,如下:</p><figure class="highlight js"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br></pre></td><td class="code"><pre><span class="line">
1$(<span class="string">'div'</span>).hover(</span><br><span class="line">    <span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>&#123;</span><br><span class="line">        $(<span class="keyword">this</span>).animate(&#123;<span class="string">'margin-top'</span>: <span class="string">'100px'</span>&#125;,<span class="number">1000</span>);</span><br><span class="line">    &#125;, <span class="function"><span class="keyword">function</span>(<span class="params"></span>) </span>&#123;</span><br><span class="line">        $(<span class="keyword">this</span>).animate(&#123;<span class="string">'margin-top'</span>: <span class="string">'200px'</span>&#125;,<span class="number">1000</span>);</span><br><span class="line">    &#125;);</span><br></pre></td></tr></table></figure><p>看代码就是一个简单的鼠标滑过的动画而已,但是当我测试的时候发现,当我发神经似的来回滑动时,事件就被触发了多次,动画也就重复了多次,怎么才能不重复出现,即动画过程中,鼠标滑过这个div,不会触发该事件那?</p><div class="post-button text-center"><a class="btn" href="/jq-hoverAnimate.html" rel="contents">阅读全文 &raquo;</a></div></div><footer class="post-footer"><div class="post-eof"></div></footer></div></article><article class="post post-type-normal" itemscope itemtype="http://schema.org/Article"><div class="post-block"><link itemprop="mainEntityOfPage" href="https://shuizhongxiong.github.io/tool-eclipse-m2Home.html"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="name" content="水中熊"><meta itemprop="description" content="迷茫的原因只有一个,那就是本该拼搏的年纪,想得太多,却做的太少。"><meta itemprop="image" content="/images/avatar.jpg"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="水中熊的个人博客"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a class="post-title-link" href="/tool-eclipse-m2Home.html" itemprop="url">eclipse 报错 $M2_HOME</a></h2><div class="post-meta"><span class="post-time"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间:2018-06-13 12:08:41 / 修改时间:12:14:46" itemprop="dateCreated datePublished" datetime="2018-06-13T12:08:41+08:00">2018-06-13</time> </span><span class="post-category"><span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text">分类于</span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/工具/" itemprop="url" rel="index"><span itemprop="name">工具</span></a></span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="报错信息"><a href="#报错信息" class="headerlink" title="报错信息"></a>报错信息</h4><p>-Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.</p><div class="post-button text-center"><a class="btn" href="/tool-eclipse-m2Home.html" rel="contents">阅读全文 &raquo;</a></div></div><footer class="post-footer"><div class="post-eof"></div></footer></div></article><article class="post post-type-normal" itemscope itemtype="http://schema.org/Article"><div class="post-block"><link itemprop="mainEntityOfPage" href="https://shuizhongxiong.github.io/jq-lazyLoad.html"><span hidden itemprop="author" itemscope itemtype="http://schema.org/Person"><meta itemprop="name" content="水中熊"><meta itemprop="description" content="迷茫的原因只有一个,那就是本该拼搏的年纪,想得太多,却做的太少。"><meta itemprop="image" content="/images/avatar.jpg"></span><span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization"><meta itemprop="name" content="水中熊的个人博客"></span><header class="post-header"><h2 class="post-title" itemprop="name headline"><a class="post-title-link" href="/jq-lazyLoad.html" itemprop="url">jquery_lazyload 插件使用方式</a></h2><div class="post-meta"><span class="post-time"><span class="post-meta-item-icon"><i class="fa fa-calendar-o"></i> </span><span class="post-meta-item-text">发表于</span> <time title="创建时间:2018-06-12 21:24:38" itemprop="dateCreated datePublished" datetime="2018-06-12T21:24:38+08:00">2018-06-12</time> <span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="fa fa-calendar-check-o"></i> </span><span class="post-meta-item-text">更新于</span> <time title="修改时间:2018-06-13 12:20:13" itemprop="dateModified" datetime="2018-06-13T12:20:13+08:00">2018-06-13</time> </span><span class="post-category"><span class="post-meta-divider">|</span> <span class="post-meta-item-icon"><i class="fa fa-folder-o"></i> </span><span class="post-meta-item-text">分类于</span> <span itemprop="about" itemscope itemtype="http://schema.org/Thing"><a href="/categories/前端/" itemprop="url" rel="index"><span itemprop="name">前端</span></a></span></span></div></header><div class="post-body" itemprop="articleBody"><h4 id="插件描述"><a href="#插件描述" class="headerlink" title="插件描述"></a>插件描述</h4><p><a href="https://github.com/jquery/jquery" target="_blank" rel="noopener">jQuery</a> 图片延迟加载插件 <a href="https://github.com/tuupola/jquery_lazyload" target="_blank" rel="noopener">jQuery.lazyload</a>,使用延迟加载在可提高网页下载速度。</p><div class="post-button text-center"><a class="btn" href="/jq-lazyLoad.html" rel="contents">阅读全文 &raquo;</a></div></div><footer class="post-footer"><div class="post-eof"></div></footer></div></article></section><nav class="pagination"><span class="page-number current">1</span><a class="page-number" href="/page/2/">2</a><span class="space">&hellip;</span><a class="page-number" href="/page/5/">5</a><a class="extend next" rel="next" href="/page/2/"><i class="fa fa-angle-right" aria-label="下一页"></i></a></nav></div></div><div class="sidebar-toggle"><div class="sidebar-toggle-line-wrap"><span class="sidebar-toggle-line sidebar-toggle-line-first"></span> <span class="sidebar-toggle-line sidebar-toggle-line-middle"></span> <span class="sidebar-toggle-line sidebar-toggle-line-last"></span></div></div><aside id="sidebar" class="sidebar"><div class="sidebar-inner"><section class="site-overview-wrap sidebar-panel sidebar-panel-active"><div class="site-overview"><div class="site-author motion-element" itemprop="author" itemscope itemtype="http://schema.org/Person"><img class="site-author-image" itemprop="image" src="/images/avatar.jpg" alt="水中熊"><p class="site-author-name" itemprop="name">水中熊</p><p class="site-description motion-element" itemprop="description">迷茫的原因只有一个,那就是本该拼搏的年纪,想得太多,却做的太少。</p></div><nav class="site-state motion-element"><div class="site-state-item site-state-posts"><a href="/archives/"><span class="site-state-item-count">28</span> <span class="site-state-item-name">日志</span></a></div><div class="site-state-item site-state-categories"><a href="/categories/index.html"><span class="site-state-item-count">3</span> <span class="site-state-item-name">分类</span></a></div><div class="site-state-item site-state-tags"><a href="/tags/index.html"><span class="site-state-item-count">9</span> <span class="site-state-item-name">标签</span></a></div></nav><div class="links-of-author motion-element"><span class="links-of-author-item"><a href="https://github.com/shuizhongxiong" target="_blank" title="GitHub" rel="external nofollow"><i class="fa fa-fw fa-github"></i>GitHub</a> </span><span class="links-of-author-item"><a href="mailto:[email protected]" target="_blank" title="E-Mail" rel="external nofollow"><i class="fa fa-fw fa-envelope"></i>E-Mail</a></span></div></div></section></div></aside></div></main><footer id="footer" class="footer"><div class="footer-inner"><div class="copyright">&copy; <span itemprop="copyrightYear">
12019</span> <span class="with-love" id="animate"><i class="fa fa-user"></i> </span><span class="author" itemprop="copyrightHolder">水中熊</span></div><div class="powered-by">由 <a class="theme-link" target="_blank" rel="external nofollow" href="https://hexo.io">Hexo</a> 强力驱动 v3.8.0</div><span class="post-meta-divider">|</span><div class="theme-info">主题 &mdash; <a class="theme-link" target="_blank" rel="external nofollow" href="https://github.com/theme-next/hexo-theme-next">NexT.Gemini</a> v6.3.0</div></div></footer><div class="back-to-top"><i class="fa fa-arrow-up"></i> <span id="scrollpercent"><span>0</span>%</span></div></div>
1<script type="text/javascript">"[object Function]"!==Object.prototype.toString.call(window.Promise)&&(window.Promise=null)</script>
1<script type="text/javascript" src="/lib/jquery/index.js?v=2.1.3"></script>
1<script type="text/javascript" src="/lib/velocity/velocity.min.js?v=1.2.1"></script>
1<script type="text/javascript" src="/lib/velocity/velocity.ui.min.js?v=1.2.1"></script>
1<script type="text/javascript" src="/js/src/utils.js?v=6.3.0"></script>
1<script type="text/javascript" src="/js/src/motion.js?v=6.3.0"></script>
1<script type="text/javascript" src="/js/src/affix.js?v=6.3.0"></script>
1<script type="text/javascript" src="/js/src/schemes/pisces.js?v=6.3.0"></script>
1<script type="text/javascript" src="/js/src/bootstrap.js?v=6.3.0"></script>
1<link rel="stylesheet" href="/lib/gitment/default.css">
1<script src="/lib/gitment/gitment.browser.js"></script>
1<script src="/lib/needsharebutton/needsharebutton.min.js"></script>
1<script>pbOptions={iconStyle:"default",boxForm:"horizontal",position:"bottomCenter",networks:"Weibo,Wechat,Douban,QQZone,Twitter,Facebook"},new needShareButton("#needsharebutton-postbottom",pbOptions)</script>
1<style>.copy-btn{display:inline-block;padding:6px 12px;font-size:13px;font-weight:700;line-height:20px;color:#333;white-space:nowrap;vertical-align:middle;cursor:pointer;background-color:#eee;background-image:linear-gradient(#fcfcfc,#eee);border:1px solid #d5d5d5;border-radius:3px;user-select:none;outline:0}.highlight-wrap .copy-btn{transition:opacity .3s ease-in-out;opacity:0;padding:2px 6px;position:absolute;right:4px;top:8px}.highlight-wrap .copy-btn:focus,.highlight-wrap:hover .copy-btn{opacity:1}.highlight-wrap{position:relative}</style>
1<script>$(".highlight").each(function(t,e){var n=$("<div>").addClass("highlight-wrap");$(e).after(n),n.append($("<button>").addClass("copy-btn").append("复制").on("click",function(t){var e=$(this).parent().find(".code").find(".line").map(function(t,e){return $(e).text()}).toArray().join("\n"),n=document.createElement("textarea");document.body.appendChild(n),n.style.position="absolute",n.style.top="0px",n.style.left="0px",n.value=e,n.select(),n.focus();document.execCommand("copy");document.body.removeChild(n),$(this).blur()})).on("mouseleave",function(t){var e=$(this).find(".copy-btn");setTimeout(function(){e.text("复制")},300)}).append(e)})</script>
1<script>!function(o){var i=Array.prototype.slice.call(document.querySelectorAll("img[data-original]"));function c(t,e){var n=new Image,o=t.getAttribute("data-original");n.onload=function(){t.src=o,e&&e()},n.src=o}function n(){for(var t=0;t<i.length;t++)e=i[t],void 0,0<=(n=e.getBoundingClientRect()).top&&0<=n.left&&n.top<=(o.innerHeight||document.documentElement.clientHeight)&&c(i[t],function(){i.splice(t,t)});var e,n;console.log("trigger")}n(),o.addEventListener("scroll",function(){var t,e;t=n,e=o,clearTimeout(t.tId),t.tId=setTimeout(function(){t.call(e)},500)})}(this);</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.