小编Dom*_*nik的帖子

我想在 SPA 上完全禁用向后滑动动画。这将允许我在 SPA 中使用一些滑动手势。目前在 iOS 上，您倾向于在触发某些手势时触发向后滑动手势。

我找到了关于如何禁用它的上一篇文章：iOS 7 - 有没有办法禁用 Safari 中的前后滑动功能？

他们建议如下：

1) CSS 仅适用于 Chrome/Firefox

html, body {
    overscroll-behavior-x: none;
}

2) Safari 的 JavaScript 修复

if (window.safari) {
    history.pushState(null, null, location.href);
    window.onpopstate = function(event) {
        history.go(1);
    };
}

问题在于它不会停用 iOS 上的向后滑动动画，它只会替换您重定向到的位置。有没有办法在iOS上禁用向后滑动动画？如果没有办法，那是否意味着如果你打算拥有 iOS 客户，如果你构建 PWA，你就不能真正使用任何滑动手势？

我无法让templatelinter 对我的 .vue 文件的一部分进行 lint 。您对我需要在配置中更改的内容有任何意见吗？

总的来说，我希望 linter 调整如下：

<template>
  <v-container>
              <h1>Home</h1>
  </v-container>
</template>

对此：

<template>
  <v-container>
    <h1>Home</h1>
  </v-container>
</template>

这是我的配置：

// .eslintrc
module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': [
    'plugin:vue/essential',
    '@vue/standard'
  ],
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
  },
  parserOptions: {
    parser: 'babel-eslint'
  }
}

和依赖项：

// package.json
{
  "name": "mobile.zmittag",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve", …

我目前正在编写一个 e2e 测试，我想创建一些为我抽象某些异步任务的类。最后我想实例化一个对象，让我链接异步函数。假设我有一个Walker让我浏览页面的文件。我想以这种方式使用它：

const walker = new Walker(t)

await walker
  .goToMainPage()
  .goToProfile()

目前我只能这样使用它：

const walker = new Walker(t)

await walker.goToMainPage()
await walker.goToProfile()

这是我目前如何实现我的 Walker 类的粗略实现。Where tis 和 object 允许我在浏览器中执行异步操作。

class Walker {
  constructor(t) {
    this.t = t;
  }
  async goToMainPage () {
    await t.goTo('url/main')
    return this
  }
  async goToProfile () {
    await t.goTo('url/Profile')
    return this
  }
}

关于如何创建异步可链接函数调用的任何想法？