一文带你理解虚拟列表的实现步骤，包括列表项高度固定的场景和高度不固定的场景

之前在浏览一些网站以及使用一些软件（某云音乐）时，都发现了它们有一个功能，那就是滚动加载数据，比如说滚动加载图片或者评论数据。秋招面试的时候在说到性能优化的时候也说了懒加载，可面试官进一步问具体怎么实现时，我却沉默了，心想，不就是随着滚动条的滚动加载数据吗？要怎么具体？好吧，我不会（我真是个酸菜鱼）。秋招结束后一直想找个时间去把代码实现了，可还是太懒了，一直拖。今天需要模仿某云音乐的评论加载功能，

使用 IntersectionObserver 来实现数据的懒加载

最近在做一个桌面应用程序（一个基于electron的音乐播放器），在写mv播放界面时用到了video标签，代码如下：<video width="520" height="400" controls style="cursor: pointer" autoplay ><source :src="mvUrl" type="video/mp4" /></video>项

前端开发的端口使用在未出现前后端分离的时候，我们似乎没有听说过前端端口。自前后端分离出现，react、vue等现代化框架的大量使用，我们才接触到前端端口，比如react的默认端口是3000，vue的默认端口是8080，react和vue构建的项目的启动方式都是基于node的，当启动项目的时候，其实就是在操作系统里启动了一个node服务。端口被占用的解决办法当我们使用react或者vue进行开发的时

最近在学习react，在进行编码的过程中发现了如上错误，错误的意思是：希望是一个赋值或者是函数调用，而不是一个表达式。下面我们来分析一下错误。首先我的代码是这样的：错误提示是在map函数那里出错了，出错在于标红的花括号，因为这里我使用的是JSX来渲染元素，在JSX语法中，花括号被当成表达式（上述es6箭头函数的写法正常情况下是没有问题的）。我们应该做如下修改：//把花括号去掉（es6箭头函数的写法

最近学习了React，想拿React来重构之前做的一个Vue项目，在重构的过程中，便发现了一件奇怪的事情，百思不得其解。axios POST 请求首先我测试了登录接口，由于之前在实习的时候看到公司的前端接口代码都是封装好的，感觉这种封装的编码规范非常好，所以我便学习了一下怎么封装axios接口，并写了一个，代码如下所示：import axios from 'axios'function reque