小编Ank*_*nte的帖子

我目前正在设计一种CSS'mega dropdown'菜单 - 基本上是一个普通的CSS-only下拉菜单,但包含不同类型的内容.

目前,似乎CSS3过渡不适用于"display"属性,即你不能做任何类型的过渡display: none到display: block(或任意组合).

当有人将鼠标悬停在其中一个顶级菜单项上时,是否有人会想到上述示例中的第二层菜单可以"淡入"？

我知道你可以在visibility:属性上使用转换,但我想不出有效利用它的方法.

我也尝试过使用身高,但这只是失败了.

我也知道使用JavaScript实现这一点是微不足道的,但是我想挑战自己只使用CSS而且我认为我有点短.

所有和任何建议最受欢迎.

我正在使用axios来获取基本的http请求,比如get和post,它运行良好.现在我需要能够下载excel文件.这可能与axios一起使用.如果是这样,有人有一些示例代码吗？如果不是我还能在反应应用程序中使用什么来做同样的事情？

v-overflow-btn组件的外观与选择组件相同。两者都有相同的目的：从列表中选择项目。溢出按钮组件有什么特别之处吗？它与选择菜单有何不同？

简洁版本：

vue-test-utils我正在使用和 为我的 Vue 组件编写一个测试用例jest。

我试图Response在我的一个测试用例中创建一个对象，但我不断收到错误 ReferenceError: Response is not defined

长版

当使用 jest 调度 Vuex 操作时，我试图模拟 API 响应。我创建了一个像这样的 Vuex 动作

let fakeAccountList = [
  {"id":"abcd","title":"Random Account 1"},
  {"id":"pqrs","title":"Random Account 2"}
]
actions = {
   getAccounts: jest.fn(()=>{

     return new Promise((resolve, reject)=>{
       resolve(mockResponse(200,'ok',fakeAccountList))
      })
    })
 }

该getAccounts操作返回一个 Promise，该 Promise 解析为帐户列表。函数mockResponse如图：

mockResponse = (status, statusText, response) => {

  return new Response(response, {
    status: status,
    statusText: statusText,
    headers: {
      'Content-type': 'application/json'
    }
  });
}; …

假设我有一个日期时间字符串10/09/2019 10:03:00.000 AM。

现在，如果我在美国，我会将其阅读为 2019 年 10 月 9 日，如果我在印度，我会将其阅读为 2019 年 9 月 10 日。

所以，我的问题是如何将此字符串解析为 Date 对象，以便根据本地时区对其进行解析。

我正在使用luxon，但是，纯 javascript 解决方案也可以使用。

我真的只是想为我的图书馆建立一个 jest+vue 的框架，并迅速得到这个错误。我知道这个结构不是通常的笑话结构，我在这里尝试用一个辅助控件来描述一个测试。

这是我的test文件夹的内容：arrays.specs.ts和arrays.vue

这是配置：

module.exports = {
  moduleFileExtensions: [
    "js",
    "ts",
    "vue"
  ],
  roots: [
    "<rootDir>/test"
  ],
  testEnvironment: "jest-environment-jsdom",
  testMatch: [
    "**/?(*.)+(spec|test).[tj]s?(x)"
  ],
  transform: {
    ".*\\.(vue)$": "vue-jest",
    ".*\\.(ts)$": "ts-jest"
  },
};

我已经安装了这 3 个软件包：@vue/test-utils,ts-jest和vue-jest

现在，有了这个，我在运行 jest 时仍然会遇到这个错误：

    test/arrays.spec.ts:4:20 - error TS2307: Cannot find module './arrays.vue'.

    import Arrays from './arrays.vue'

我真的不明白我错过了什么。

我有一个在 @vue/cli-service 的 v3.9.2 上运行的 VueJS 项目。我一直在https://localhost:8000使用命令--https标志运行它vue-cli-service。

现在，我将我的@vue/cli-service包更新到 v3.12.1。当我运行时npm run serve，我在 Chrome 中收到以下错误。没有继续到本地主机的按钮。

任何人都可以告诉我 Vue cli 服务中出现了哪些更改以显示此错误以及如何修复此错误？

这是我的 package.json

{
  "name": "test",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "generate": "babel-node --config-file ./generator/babel.config.js -- ./generator",
    "prod-serve": "npm run generate && vue-cli-service --mode production --https --port 8000 serve",
    "build": "npm run generate && vue-cli-service build",
    "lint": "vue-cli-service lint",
    "lint-check": "vue-cli-service lint --no-fix",
    "serve": "vue-cli-service --https --port 8000 serve --host localhost",
    "postinstall": "postinstall", …

我的用例如下：

prop 的默认rows-per-page-items值为v-data-tableAPI [5,10,25,{"text":"$vuetify.dataIterator.rowsPerPageAll","value":-1}] doc

我想 ovveride 这个 prop 并将新值设置为[10,25,50]. 现在我的应用程序中的许多地方都使用了数据表组件。所以，我的问题是：

有没有办法全局覆盖此属性，以便我的应用程序中的所有表都更改它？

我有一个 JS 文件，其中包含一个类。它看起来像这样：

// testClass.js

const loaders = {
  "model": (arg1)=> {
     // do something to return models data
  },
  "events": (arg2)=> {
      // do something to return events data
   }
}


export default class TestClass{
  constructor(config){
     this.loader = loaders[config.type]   // I want to test this line
  }
}

我正在为此文件编写单元测试。在单元测试中我想检查this.loader设置是否正确。基本上，我想测试是否分配了正确的函数this.loader。

这是我的单元测试文件

// testClass.test.js

import TestClass from './testClass'

describe('TestClass', ()=> {
  test('The constructor sets the loader correctly', ()=> {

      const testClassObj = new TestClass({type: 'model'})

      expect(typeof testClassObj.loader).toBe("function") …

这时候我会看很多的YouTube在谷歌的教程和文章后安装Nuxt JS，所以我对我的液滴基于Ubuntu 18.04已经安装节点JS之后，我第一次运行时npm init -y 和npm install nuxt --save 和npx create-nuxt-app project和收到此错误信息：

module.js:549
    throw err;
    ^

Error: Cannot find module '/root/.npm/_npx/1934/lib/node_modules/create-nuxt-app/node_modules/ejs/postinstall.js'
    at Function.Module._resolveFilename (module.js:547:15)
    at Function.Module._load (module.js:474:25)
    at Function.Module.runMain (module.js:693:10)
    at startup (bootstrap_node.js:188:16)
    at bootstrap_node.js:609:3
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! ejs@2.7.4 postinstall: `node ./postinstall.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the ejs@2.7.4 postinstall script.
npm ERR! This is probably not a problem with npm. There is …