小编iva*_*txo的帖子

HTML文本框输入工具提示?

可能重复:
如何使HTML文本框在空时显示提示?

一个非常简单的问题.我想在类似于StackOverflow登录的文本框中放置工具提示.我想在文本框值上使用折扣字,当用户输入新值时,"折扣"一词从文本框中消失.

我可以自己使用OnBlur,OnChange等事件(我不知道哪个)吗?或者周围有什么已经完成的?

谢谢

html tooltip

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

链接到更高级别文件夹中的文件

我在处理比我的根文件夹更高级别的文档时遇到了麻烦.

<a href='../../home/folder/document.docx'>Proposal</a>
Run Code Online (Sandbox Code Playgroud)

在浏览器中,上面的内容被解释为:

http://localhost/home/folder/document.docx
Run Code Online (Sandbox Code Playgroud)

我看不到浏览器在文件夹中出现,然后我得到的答案是:

Not Found
The requested URL /home/folder/document.docx was not found on this server.
Run Code Online (Sandbox Code Playgroud)

我在Firefox和Chrome上试过,它也是一样的.我在Linux机器上使用Apache Web Server.

任何帮助将不胜感激.

html file href

4
推荐指数
1
解决办法
6601
查看次数

显示 img 行时反应表加载缓慢

我是 React 的新手。我只是想构建一个来自我获取的 API 的数据表。但现在我想将数据呈现到表格中。

我的问题是其中一列是来自 URL 的徽标index.php?Action=GetLogo&id=51。结果数量超过 300。即使我已经在使用分页,表格渲染也很慢,尤其是logo列。所有数据都被加载,但我可以看到每个标志逐行呈现,给用户带来缓慢的体验。

React 有什么方法可以解决这个问题?有人请指出我如何解决这个问题的正确方向。

谢谢大家。

更新 有人建议我使用同步/等待功能来加载图像。然后我正在更新代码。但是,我的主要问题仍然是:加载数据,特别是徽标列。所有数据都被渲染,但不是标志列,然后每个标志开始一个一个地渲染,看起来很慢。我认为该async/await功能会缓解这种情况。

    import React from 'react';
    import ReactDOM from 'react-dom';
    import FormData from 'form-data';

    class FilterableSupplierTable extends React.Component {
        constructor(props) {
            super(props);
            this.state = {
                suppliers: []
            }
        }

        componentDidMount() {
            let formData = new FormData();
            formData.append('AjaxMethodName', 'GetSuppliers');
            const options = {
                method: 'POST',
                headers: {
                    'Accept': '*/*'
                },
                body: formData
            };
            fetch(`?Model=route_to_controller`, options)
                .then(response => response.json())
                .then(data => {
                    this.setState({ suppliers: …
Run Code Online (Sandbox Code Playgroud)

javascript html-table loadimage reactjs

4
推荐指数
1
解决办法
1986
查看次数

标签 统计

html ×2

file ×1

href ×1

html-table ×1

javascript ×1

loadimage ×1

reactjs ×1

tooltip ×1