小编kid*_*ept的帖子

帕帕·帕瑟（Papa Parse）似乎很明智，但我认为他可能会给我零分。我只是：

 Papa.parse(countries);

其中country是一个字符串，其中包含来自时区数据库的国家csv文件的XMLHttpRequest：https : //timezonedb.com/download

但是，Papa Parse似乎在其数据数组的末尾添加了一个空数组。因此，当我搜索数组并对其进行排序时，最后一个空家伙给我带来了麻烦。我可以写这篇文章，但这并不理想，我认为Papa Parse应该解决这类csv解析问题。我解析错了吗？

这是控制台中PapaParsed数组的结尾：

我有一个页面正在循环播放HTML5视频.当您向下滚动页面时,jQuery会向nav元素添加一个类.然后CSS将转换应用于th的left属性.在Firefox中它运行得很好,但是除非你继续滚动,否则Chrome会破坏动画并且无法完成动画.

我知道Chrome和HTML5视频存在很多性能问题. 像这样但我没有找到一个很好的解决方案.

删除背景视频会导致Chrome中的动画流畅.但是,它不是一个非常沉重的视频(360p,~1MB)我想知道是否有更好的方式来应用课程或执行动画,而不是我正在做的可能有助于Chrome的性能.

这是一个正在进行中的网站的链接(它主要是非风格的,所以请不要讨厌:)

我的项目

我的HTML

<!-- Left Bar Menu -->
<div class="leftbar scrollHandle">
</div>

<!-- Contains Header Video on Loop -->
<div class="videocontainer">
<video class="videobackground" poster="{{ "assets/video/poster.jpg" | asset_url }}" autoplay="true" loop="true">
    <source type="video/mp4" src="{{ "assets/video/360.mp4" }}" />
    <source type="video/webm" src="{{ "assets/video/360.webm" }}" />
</video>
</div>

我的Javascript:

var containerPosition = $( ".container" ).offset();

$( window ).scroll(function() {
if ( $( window ).scrollTop() > containerPosition.top ) {
    $( ".scrollHandle" ).addClass( "show" );
} else {
    $( ".scrollHandle" ).removeClass( …

在我的程序中，使用function()语法返回this目标元素的值，但是使用箭头函数返回window对象。这两个功能分别如何获得this？

function editTemplates() {

//sits within for loop

    clocksTemplate.gmt[i].addEventListener('keydown', (e) => {
      console.log(this); //returns window object
    });

    clocksTemplate.gmt[i].addEventListener('keydown', function(e) {
      console.log(this); //returns element bound to clocksTemplate.gmt
    });

根据带有箭头功能的MDN，这应“从封闭的上下文中保留原始含义”。封闭上下文是事件侦听器吗？或它位于其中的功能？根据我的测试，箭头功能的封闭上下文必须是Window对象，但我看不到如何。使用function（）语法，封闭函数旨在重新定义此值，我假设它在方法中正在执行此操作。这个主题在这里和这里已经进行了深入的讨论，但是我是JS新手，我不明白这对我的问题的影响。addEventListener