善于观察的小伙伴们一定发现了,本站在渲染详情页和首页的时候,推荐阅读板块会稍慢一丢丢加载出来,这是因为我在这里使用了 jQuery 的 ajax 异步加载功能。
因为查询推荐阅读是无关键词随机从数据库中获取数据,这种情况下,我使用的是while 循环,需要消耗一定的时间来生成数据,那么对于浏览体验上来说就是:点击链接后 > 网页一卡 > 加载出来数据。
而使用异步加载呢,点击链接后整体页面优先返回并渲染,关键数据异步加载,这样不会出现过多的无用等待时间。
前提:首先需要引入 jquery 。
jquery
<script src="https://s.learn2.cn/js/jquery.min.js" ></script>
然后在需要异步加载的地方放置一个空div:
div
<div id="ajax_w"></div>
然后呢,在网页的末尾加上一段js脚本:
<script> $(document).ready(function(){ htmlobj=$.ajax({url:"/test",async:false}); $("#ajax_w").html(htmlobj.responseText); }); </script>
运行后你会发现,这段脚本会等待页面渲染完毕后,向/test请求数据,并将数据填入 id 为 ajax_w 内。
/test
ajax_w
简单设置Ubuntu下的开机自启动
.NET避免 file lock 的小技巧
本着能省一点时间就省一点时间的原则,花了几个小时撸了个轮子,其实我什么都没做,只是把好几个api整合到了一起。
使用init.d 使 Homebridge 开机自动启动
自建搜索引擎,掌控数据与内容
目录
热门标签
更多语言
站点信息