小编Ame*_*icA的帖子

如何仅使用 JavaScript 下载文件

我只有一个 JavaScript 页面和.asmx页面。我想只使用 JavaScript 下载文件,我该如何下载文件。我想下载一份特定的简历。

图片

我在这里收到简历,

var res = data[i].resume;
Run Code Online (Sandbox Code Playgroud)

javascript asmx

6
推荐指数
2
解决办法
3万
查看次数

如何让 postcss-loader、postcss-cssnext 和 sass-loader 在 webpack 中协同工作?

这是我Webpackscss/css文件配置。

...
{
    test: /\.s?css$/,
    use: [
      'style-loader',
      { loader: 'css-loader', options: { importLoaders: 2 } },
      {
        loader: 'postcss-loader',
        options: {
          ident: 'postcss',
          plugins: loader => [
            require('postcss-import')({ root: loader.resourcePath }),
            require('cssnano')(),
            require('postcss-cssnext')(),
          ]
        }
      },
      'sass-loader',
    ]
}
...
Run Code Online (Sandbox Code Playgroud)

问题是,当我使用cssnext类似gray(100)的函数时,输出CSS文件在该函数所在的位置有一个空值。我想知道我在这里做错了什么。

background-color: gray(100);输出到background-color: ;

我是 postcss 的新手,所以我真的不知道它是如何工作的,也不知道如何正确配置它。

webpack postcss sass-loader cssnext postcss-loader

6
推荐指数
1
解决办法
6913
查看次数

React Native Android 构建无法下载生命周期-common-java8

我正在尝试开发构建(yarn android),但是React Native的Android构建陷入了这个问题,我不知道哪个包需要这个,我做了一个新的React Native项目,一切都是正确的,但是在我的项目中,它被卡住了。当然,一个包需要这个,但我没有任何线索。

Execution failed for task ':app:checkDebugDuplicateClasses'.
> Could not resolve all files for configuration ':app:debugRuntimeClasspath'.
   > Failed to transform lifecycle-common-java8-2.4.0.jar (androidx.lifecycle:lifecycle-common-java8:2.4.0) to match attributes {artifactType=enumerated-runtime-classes, org.gradle.category=library, org.gradle.dependency.bundling=external, org.gradle.jvm.version=8, org.gradle.libraryelements=jar, org.gradle.status=release, org.gradle.usage=java-runtime}.
      > Could not find lifecycle-common-java8-2.4.0.jar (androidx.lifecycle:lifecycle-common-java8:2.4.0).
        Searched in the following locations:
            https://dl.google.com/dl/android/maven2/androidx/lifecycle/lifecycle-common-java8/2.4.0/lifecycle-common-java8-2.4.0.jar
Run Code Online (Sandbox Code Playgroud)

我可以使用浏览器下载此文件,但构建过程无法下载它。即使我想,如果我知道下载位置,我会将文件放在那里,也许会有帮助,但我不知道构建过程在哪里存储文件然后使用它。

java android gradle google-cloud-storage react-native

6
推荐指数
1
解决办法
219
查看次数

Safari Inspector CSS 媒体查询选择器显示为 [object Object]

正如标题所示,媒体查询中的所有 CSS 选择器都在检查器中显示为 [object Object]。还有其他人遇到过这个吗?有谁知道我如何强制它显示正在使用的实际选择器?这是一个屏幕截图:

在此输入图像描述

safari inspector media-queries

5
推荐指数
1
解决办法
1851
查看次数

material-ui jss-rtl-使用jss-rtl之后,我的页面仍然是LTR

我使用material-ui,并nextjss-rtl我的react项目,但有一个问题的页面仍ltr使用后<JssProvider ...>

-rtl组件代码:

import React from "react";
import { create } from 'jss';
import rtl from 'jss-rtl';
import JssProvider from 'react-jss/lib/JssProvider';
import { createGenerateClassName, jssPreset } from 'material-ui/styles';

// Configure JSS
const jss = create({ plugins: [...jssPreset().plugins, rtl()] });

// Custom Material-UI class name generator.
const generateClassName = createGenerateClassName();

function RTL(props) {
  return (
    <JssProvider jss={jss} generateClassName={generateClassName}>
      {props.children}
    </JssProvider>
  );
}
export default RTL;
Run Code Online (Sandbox Code Playgroud)

-index.js代码:

import React from 'react'; …
Run Code Online (Sandbox Code Playgroud)

right-to-left reactjs material-ui jss

5
推荐指数
1
解决办法
1377
查看次数

对象键“未定义”

我从 API 获取一个对象,并在其中使用其他 API 响应创建新对象,例如:

API响应1:Obj: {a: 1, b: 2}

API响应2:3

创建对象:Obj.c = 3

最终结果: 对象:{a: 1, b: 2, c: 3}

问题:

console.log(Obj) return Obj: {a: 1, b: 2, c: 3}

console.log(Obj.c) return undefined
Run Code Online (Sandbox Code Playgroud)

console.log当我尝试在属性中给出 a之后时,我没有得到.map,我无法访问创建的属性,返回undefined。但是,当我console.log在任何对象上给出 a 时,创建的属性就在那里。

我的代码:

async getGeneralInfo(token, seed) {
    try {
        API_HEADER.headers.Authorization = token;
        let responseAvaliableCoins = await axios.get(
            BASE_URL + "/coin",
            API_HEADER
        );

        let avaliableCoins = responseAvaliableCoins.data.data.coins;

        avaliableCoins.map(async (coin, index) => {
            if (coin.status …
Run Code Online (Sandbox Code Playgroud)

javascript arrays api object axios

5
推荐指数
1
解决办法
2万
查看次数

在 Typescript 中使用 React Props 展开运算符(错误:...可以使用约束 {} 的不同子类型进行实例化)

我正在尝试使用 Typescript 在 React 中编写一个高阶组件,该组件接收道具,“消耗”其中一个,然后将其余部分传递给子组件。

function testConnect<T>(Child: React.ComponentType<T>): React.ComponentType<T> {

  type InitialState = {
    iS: StoreShape.State;
  };

  type LAP = InitialState & T;

  const Connector = (props: LAP) => {
    const { iS, ...rest } = props;
    // do something with iS
    return (
      <Child // Visual Studio complains about this line.
        {...rest}
      />
    );
  };

  return Connector;
}
Run Code Online (Sandbox Code Playgroud)

但是,这失败并出现错误: 'Pick<LAP, Exclude<keyof T, "iS">>' is assignable to the constraint of type 'T', but 'T' could be instantiated with a different …

javascript typescript reactjs

5
推荐指数
1
解决办法
2606
查看次数

使用 createReducer 时在切片减速器之间共享数据

我有一个ReactJS应用TypeScriptredux和我用redux-toolkit建立我的减速器。随着应用程序变得越来越大,我想开始重构我的减速器。

我的 redux 状态如下所示:

{
  customers: Customers[],
  orders: {
    state1: SomeIndependentState1,
    state2: SomeIndependentState2,
    state3: SomeDependentState2,
    state4: SomeDependentState3,
  }
}
Run Code Online (Sandbox Code Playgroud)

customersorders片是独立的,我可以很容易地写出两个不同的减速对他们来说,他们结合combineReducers后。

现在,我想进一步分解我的orders减速器。

  • state1并且state2是完全独立的。
  • state3取决于来自 的数据state1
  • state4取决于来自state1和 的数据state2

有没有办法继续使用createReducerfrom redux-toolkit(或工具包中的其他功能)为切片中的每个嵌套切片创建减速器orders

当我开始为 重写我的 reducer 时orders,这是我到目前为止所拥有的:

export const ordersReducer = (state: Orders, action: AnyAction) => {
  return { …
Run Code Online (Sandbox Code Playgroud)

reactjs react-redux redux-toolkit

5
推荐指数
1
解决办法
769
查看次数

升级到 React Native 0.63.0 后出现 Pod 安装错误

我使用的是 React Native 版本0.62.2,现在我升级到版本0.63.0,在运行npx pod-install安装 Pod 包后出现此错误:

CocoaPods 找不到 pod “ReactCommon/callinvoker” 的兼容版本:

在此处输入图片说明

javascript ios reactjs react-native react-native-ios

5
推荐指数
1
解决办法
7494
查看次数

处理不缓存音频的 IOS Web 浏览器

我有一个语言网站,我正在致力于教授语言。用户可以单击对象并听到他们单击的内容的音频。许多将使用它的人位于互联网连接速度较慢的偏远地区。因此,我需要在加载每个活动之前缓存音频,否则会有太多延迟。

以前,我遇到了预加载不起作用的问题,因为 iOS 设备不允许在没有单击事件的情况下加载音频。我已经解决了这个问题,但是,我现在有另一个问题。iOS/Safari只允许加载最新的音频文件。因此,每当用户点击另一个音频文件(即使之前点击过),它不会被缓存,浏览器必须再次下载它。

到目前为止,我还没有找到合适的解决方案。2011~2012 年左右有很多帖子试图解决这个问题,但我还没有找到好的解决方案。一种解决方案是将活动的所有音频剪辑合并到一个音频文件中。这样,每个活动只会将一个音频文件加载到内存中,然后您只需选择音频文件的特定部分即可播放。虽然这可能有效,但每当需要更改、添加或删除音频剪辑时,它也会变得令人讨厌。

我需要在ReactJS/Redux环境中运行良好并在 iOS 设备上正确缓存的东西。

是否有 2020 年有效的解决方案?

javascript safari audio ios reactjs

5
推荐指数
1
解决办法
716
查看次数