原神启动器的缓存机制说明

2022 年 04 月 04 日

5852 次浏览

382字数

## 演示视频

<div class="video-player panel panel-default box-shadow-wrap-lg collapse-panel">
    <div class="panel-heading panel-collapse" data-toggle="collapse" data-iframe="670662a2366fc" data-src="https://okjx.cc/?url=https://www.bilibili.com/video/BV1oP4y1K7t7" data-target="#video-670662a2366fc" aria-expanded="false"><i data-feather="airplay"></i><span>正在播放：</span><a id="origin_670662a2366fc" target="_blank" href="https://www.bilibili.com/video/BV1oP4y1K7t7"><b id="title_670662a2366fc" class="video-name">缓存机制演示视频</b></a></div>
     <div class="panel-body collapse" id="video-670662a2366fc">
                <div class="iframe_player embed-responsive embed-responsive-16by9">
                    <iframe id="670662a2366fc" allowfullscreen="true" src=""></iframe>
                </div>
            
<div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-2b0235f10b54661a87f71b12b6cc34fc22" aria-expanded="true"><div class="accordion-toggle"><span style=""><i data-feather='list'></i> 剧集列表</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-2b0235f10b54661a87f71b12b6cc34fc22" class="collapse in collapse-content"><p></p>

<div class="btn-group" data-toggle="buttons">  <label class="btn btn-info active" data-src="https://okjx.cc/?url=https://www.bilibili.com/video/BV1oP4y1K7t7" data-iframe="670662a2366fc" data-origin="https://www.bilibili.com/video/BV1oP4y1K7t7">
    <input type="radio" name="options" id="option1"> 缓存机制演示视频
  </label></div>  
<p></p></div></div></div>
</div> 
</div>

## 缓存原理

原来的原神启动器需要获取接口内容，然后读取各种启动器需要的数据并且对号入座。相应的原神启动器在获取首页图片时需要获取到图片的直链并且读取图片。这一过程需要消耗一定的流量来获取到图片数据并且显示在首页的图片上。（获取到的图片直链根据图片的大小来决定加载速度，如果是网络不好的伙伴因此加载可能会更加缓慢）

现在的缓存机制依然会获取接口内容（接口内容全是文本，因此不会特别消耗网络流量），但是会去检查本地有没有一样的图片文件。如果一样则不再重新加载图片数据，而是直接使用本地的图片来达到打开速度加快的目的。

最后修改：2024 年 09 月 30 日