[第 90 期] [开源项目自荐] Vuejs实现5*5的舒尔特方格

[jwenjian]

舒尔特方格

舒尔特方格 (Schulte Grid) 是在一张方形卡片上画上 1cm*1cm 的 25 个方格，格子内任意填写上阿拉伯数字 1 ~ 25 等共 25 个数字。训练时，要求被测者用手指按 1 ~ 25 的顺序依次指出其位置，同时诵读出声，施测者一旁记录所用时间。数完 25 个数字所用时间越短，注意力水平越高。

百度百科

schulte-grid

这个项目用vuejs + vant-ui 实现了一个5 * 5的舒尔特方格。每次刷新页面或者重新开始，都会随机生成一个5*5的数字排列。

请用手机浏览器访问，效果更好。
扫描这个二维码即可打开。

程序会在你依次点击完 1 - 25 的数字之后，统计出花费的时间。

你可以根据下面的标准来衡量：

以 7—12 岁年龄组为例，能达到26"以上为优秀，
舒尔特方格
舒尔特方格
学习成绩应是名列前茅， 42"属于中等水平，班级排名会在中游或偏下， 50"则问题较大，考试会出现不及格现象。
以 12―14 岁年龄组为例，能到达 16 "以上为优良，学习成就应是名列前茅， 26 "属于中等水平，班级排名会在中游或偏下， 36 "则问题较大，测验会呈现不合格现象。
18 岁及以上成年人最好可到达 8 "的程度， 20 "为中等程度。

另外在程序中，用了以下JS代码实现了数组的随机排序，不知还有没有其他的更好的方法来实现，欢迎讨论和PR。

    shuffle() {
      let hub = [
        1,
        2,
        3,
        4,
        5,
        6,
        7,
        8,
        9,
        10,
        11,
        12,
        13,
        14,
        15,
        16,
        17,
        18,
        19,
        20,
        21,
        22,
        23,
        24,
        25
      ];
      // eslint-disable-next-line
      hub.sort((a, b) => (Math.random() > 0.5 ? -1 : 1));
      this.grid_data = hub;
    }