JS获取分页信息实现异步加载,配合IntersectionObserver API实现自动加载
### 前言 {#h3-1} 有的时候,我们会遇到网页中,一切内容只有在分页中才有,但是又需要在当前页面中展示。例如获取分页文章信息实现首页的无限加载效果。 现在就以获取分页文章为例,直接上代码 ```js loadMoreArticles() { if (!ThemeConfig.enable_index_list_ajax){ return } //...
### 前言 {#h3-1} 有的时候,我们会遇到网页中,一切内容只有在分页中才有,但是又需要在当前页面中展示。例如获取分页文章信息实现首页的无限加载效果。 现在就以获取分页文章为例,直接上代码 ```js loadMoreArticles() { if (!ThemeConfig.enable_index_list_ajax){ return } //...
简介 {#简介} -------- Node Version Manager(nvm)可通过命令行快速安装和使用不同版本的Node.js > RubyMetric / nvm-cn:<https://gitee.com/RubyMetric/nvm-cn> 正文 {#正文} -------- ### 安装 {#安装} ```hljs language-...
> 文章已同步至掘金:<https://juejin.cn/post/6844903930082623496> > 欢迎访问😃,有任何问题都可留言评论哦\~ **什么是闭包?** 闭包就是能够读取其他函数内部变量的函数。 例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成"定义在一个函数内部的函数...
> 文章已同步至掘金:<https://juejin.cn/post/6844903954254413837> > 欢迎访问😃,有任何问题都可留言评论哦\~ 正则表达式很不容易看懂,就算你看完了所有的字符代表的含义,你可能还是一脸懵逼 所以我认为需要把字符所代表的含义和例子结合起来,一起看,这样就会很容易看懂的 语法结构 {#%E8%AF%...
> 文章已同步至掘金:<https://juejin.cn/post/6844903962424934407> > 欢迎访问😃,有任何问题都可留言评论哦\~ 数据类型 {#%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B} ============================================ 在进入正...
今天在做一些东西的时候发现过高的nodejs版本并不支持,但是卸载重新装一个低版本的又会导致一些其它项目可能不能运行,于是就想着有没有一个快速切换nodejs版本的方法,然后去网上找,找到一篇文章,讲得十分详细,现记录下来,防止日后寻找不到。 文章出处:[【学习日记】node原版本的卸载和多版本node的安装与切换(NVM)_node重新安装版本命令-CSDN博客](http...
### 前端js解析json数据的方法 本文以一段示例代码来讲解js解析json数据的方法。 ```lang-html <script> // 1.定义json var json1 = {name: "fish1", age: 22, isFlag: true}; alert(json1.nam...
前言 === 今天,在处理一个业务的时候,遇到一个问题,让我十分困惑,但是后面自己才反应过来,是异步引起的...脑筋太慢了,对于前端知识掌握还是不足... 问题:在js中使用if进行判断的时候,if中的条件方法还没执行判断结束,就直接跳到执行else的代码了... 问题 === 业务场景: 需要通过调用调用接口判断当前的状态,并且在不同状态下响应不同的业务逻辑。 首...
第01节:JavaScript概述 {#第01节javascript概述} ===================================== ### 一、JavaScript概述 {#一javascript概述} > 1995年,JavaScript问世,主要目的是处理表单验证。起初命名为LiveScript,后来因为java语言盛行,更名为JavaScri...
问题 {#%E9%97%AE%E9%A2%98} ======================== 今天开发完一个需求,美滋滋,下班时准备提交到测试环境,推代码,合代码,执行流水线,一气呵成,看着流水线执行进度,100%后,立即打卡下班。 然而,意想不到的事情发生了,直接给我报了个错误 ![vue-memory-overflow-1](http://static.51tb...