小编Hei*_*ann的帖子

如何从FileList中删除文件

我正在使用HTML5构建一个拖放到上传的Web应用程序,我正在将文件放到div上,当然还要获取dataTransfer对象,它给了我FileList.

现在我想删除一些文件,但我不知道如何,或者甚至可能.

我最好只想从FileList中删除它们; 我对他们毫无用处.但是如果那是不可能的,那么我是否应该在代码中写入与FileList交互的代码?这似乎很麻烦.

javascript html5 drag-and-drop filelist

94
推荐指数
7
解决办法
11万
查看次数

如何像Gmail一样检测进入和离开窗口的HTML5拖动事件?

我希望能够在携带文件的光标进入浏览器窗口后立即突出显示丢弃区域,就像Gmail一样.但我不能让它发挥作用,我觉得我只是错过了一些非常明显的东西.

我一直在努力做这样的事情:

this.body = $('body').get(0)
this.body.addEventListener("dragenter", this.dragenter, true)
this.body.addEventListener("dragleave", this.dragleave, true)`
Run Code Online (Sandbox Code Playgroud)

但是,每当光标移过和移出除BODY之外的元素时,它都会触发事件,这是有道理的,但绝对不起作用.我可以在所有东西上面放置一个元素,覆盖整个窗口并检测到它,但这是一种可怕的方式.

我错过了什么?

html5 gmail drag-and-drop

23
推荐指数
4
解决办法
2万
查看次数

AJAX调用for循环不会返回值来纠正数组位置

我需要使用AJAX获取一系列页面并将它们放入一个数组中,其中数组中给定的位置等于ifor循环(它是博客页面的类似缓存的函数,以及for循环的范围)是完全可变的).我正在做类似以下的事情:

var bongo = new Array();

for (i = 0; i < 10; i++) {

    jQuery.ajax({ type: "GET", url: 'http://localhost', data: queryString, success: function(request) { bongo[i] = request } })

}
Run Code Online (Sandbox Code Playgroud)

问题是,除非我添加async: false.ajax选项(这将使它... SJAX?),这导致请求基本上暂停浏览器,违背我正在尝试做的事情,我在成功回调总是最终为11,而我当然希望它将返回的数据倒入数组的每个插槽中,从0到10.

我试过用这个代替这行:

bongo[i] = jQuery.ajax({ type: "GET", url: 'http://localhost', data: queryString }).responseText
Run Code Online (Sandbox Code Playgroud)

但这没有任何区别.

javascript ajax jquery

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

Create-react-app '编译失败。由于 css 导入

突然出现,这个错误让我跺脚。任何时候我尝试导入 css 文件时都会出现,无论是完整的还是作为模块的。

例如

import "./index.css"
Run Code Online (Sandbox Code Playgroud)

或者

import styles from "./button.module.css"
Run Code Online (Sandbox Code Playgroud)

这可能是由于最新的 macOS 测试版,至少它似乎与它的发布相吻合。我尝试从它回滚,但这没有用。

Failed to compile
./src/index.css (./node_modules/css-loader/dist/cjs.js?modules=true!./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-4-1!./node_modules/postcss-loader/src??postcss!./src/index.css)
CssSyntax error: Unknown word (1:1)

> 1 | var api = require("!../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
    | ^
  2 |             var content = require("!!../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-4-1!../node_modules/postcss-loader/src/index.js??postcss!./index.css");
  3 | 
This error occurred during the build time and cannot be dismissed.
Run Code Online (Sandbox Code Playgroud)

我试过手动添加 web pack,检查所有语法错误,重新安装整个 repo,返回几次提交等等。似乎什么都做不了。很高兴提供更多背景信息。

(我在 15 小时前发现另一个人在 SO 上提到了同样的问题,但他没有提供调试信息,所以票被关闭了)。

注意:相同的代码库在我的 MacBook 上运行得非常好,没问题!

reactjs webpack create-react-app

8
推荐指数
1
解决办法
270
查看次数

在CSS中,HSL值可以浮动吗?

CSS3规范只规定:

功能表示法中HSLA颜色值的格式为'hsla('后跟色调为度,饱和度和亮度为百分比,a,后跟')'.

那么我是否理解这些值不会被解释为整数而是浮点数?例:

hsla(200.2, 90.5%, 10.2%, .2)

这将极大地扩展HSL覆盖的其他小(相对于RGB)颜色范围.

它似乎在Chrome中呈现良好,但我不知道它们是否只是将其解析为INT值或什么.

css hsl css3

7
推荐指数
2
解决办法
1428
查看次数

如何以编程方式触发 NavigationLink?

我有一个带有一堆 NavigationLinks 的 NavigationView。当用户点击“添加”按钮时,我想在视图中创建一个新项目并自动将它们发送给它。我可以这样做吗?

swiftui

7
推荐指数
1
解决办法
1352
查看次数

服务器的 socket.io 侦听器无缘无故地触发两次

我正在使用 express.js、react.js 和 socket.io 构建一个具有聊天功能的应用程序。这是在 Github 上重现的错误的最小版本

问题是服务器socket.on()总是触发两次,这对我来说毫无意义。

据我所知,客户端只发送一个.emit,但服务器.on总是触发两次(我相当确定事件处理程序没有被绑定两次),无论连接了多少客户端,或者实际上我是如何'我们重构了代码。

发送客户端的表单(输入 + 按钮)将消息附加到其本地消息列表中,然后分派MESSAGE_NEW给 reducer。

首先是Socket.js文件。

import React from 'react'
import socketio from 'socket.io-client'

export const socket = socketio.connect('ws://localhost:3001')
export const SocketContext = React.createContext()
Run Code Online (Sandbox Code Playgroud)

这是来自的提交处理程序代码Chat.js(这似乎工作正常,只分派一次):

const handleSubmit = e => {
  e.preventDefault()

  if (message === '') return

  setMessages(messages => [...messages, message])
  dispatch({ type: 'MESSAGE_NEW', payload: message })
  setMessage('')
}
Run Code Online (Sandbox Code Playgroud)

这是/Reducer.js,这.emit是信号(似乎也工作正常,只触发一次)。

import { useContext } …
Run Code Online (Sandbox Code Playgroud)

express socket.io reactjs

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