小编mam*_*man的帖子

如何将代码片段或宏分配给 Visual Studio Code (VSC) 中的键盘快捷键?

在 Dreamweaver 中,我习惯于使用自己的键盘快捷键插入代码片段。现在我正在尝试更改为 Visual Studio Code 1.2.1,但找不到任何方法来执行此操作?(我不喜欢完全智能感知的工作方式)

我找到了用于更改行为的 Key Bindings json 文件,但没有用于插入我自己的代码片段或宏的命令。

我想要实现的基本示例。

选择文本“字符串”并按Ctrl+1宏执行:
在字符串前<div>#
插入 字符串后插入#<div>

结果

<div>#string#</div>
Run Code Online (Sandbox Code Playgroud)

macros keyboard-shortcuts personalization visual-studio-code

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

如何将链接文本更改为 HTML 中的图像

我是一个 HTML 初学者,我遇到了一个问题,所以我有一个基本上是 Json 网络数据库的网页,是网页的图像。它只是一张装满数据的表格。我的问题是如何使您在表格中看到的链接显示为图像而不是文本链接。

这是页面的代码。

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv='content-type' content='text/html; charset=UTF-8'>
    <title>Get Levels</title>
    <style>
        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
            background: #71e2c5;
        }

        td,
        th {
            border: 5px solid #ffc300;
            text-align: left;
            padding: 8px;
        }

        tr:nth-child(even) {
            background-color: #4CAF50;
            color: black;
        }

        .footer {
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            background-color: #4CAF50;
            color: white;
            text-align: center;
        }
    </style>
    <script type='text/javascript' src='https://code.jquery.com/jquery-1.11.0.js'>
    </script>
    <script type='text/javascript'>
        //<![CDATA[
        $(function() {
            var …
Run Code Online (Sandbox Code Playgroud)

html javascript css json html-table

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

如何在React中从&lt;select&gt;中获取元素的Id?

我有一个函数handleSubmit(event){}。如何获取所选选项的 id?

<select id="category">
   <option id="1">Travel</option>
   <option id="2">Auto Loan</option>
</select>


Run Code Online (Sandbox Code Playgroud)

html javascript reactjs

3
推荐指数
1
解决办法
9307
查看次数

React 构建失败:无法读取未定义的属性“名称”

我正在使用带有打字稿的 create-react-app 模板。在我的本地电脑上,运行构建成功,但是在 CI 服务器上运行时,构建失败。

  • 构建错误

./src/store/redux/info/index.ts 语法错误:Cannot read property 'name' of undefined (0:undefined)

但是文件中没有“名称”属性

信息/索引.ts

export { default } from "./reducer";
export * from "./actions";
export * from "./types";
Run Code Online (Sandbox Code Playgroud)
 "react": "16.12.0",
 "react-app-rewired": "2.1.5",
 "antd": "3.26.5",
 "antd-theme-webpack-plugin": "1.3.0",
 "typescript": "3.7.4",
Run Code Online (Sandbox Code Playgroud)
    "build": "react-app-rewired --max-old-space-size=8192 build",
Run Code Online (Sandbox Code Playgroud)

reactjs antd react-app-rewired

3
推荐指数
1
解决办法
3178
查看次数

在 Reactjs 中以新行显示每个数组项

正在从事 ReactJs 项目。值得注意的是,我是一名大学生,对此反应很新。部分代码包含可以像按钮一样单击的图像。单击后,将打开一个反应模态元素,并在内部显示数组的内容

数组打印内容的屏幕

正如您从上图中看到的,每个数组项都以不同的数字开头。问题是所有数组元素都打印在一条连续线上,每个元素之间没有间距。

这是模态的代码

<button className="space boxButton button3" onClick={this.openGreenModal}>
  <img className="boxImg" src={greenBox} />
  <div onClick={e => e.stopPropagation()}>
    <Modal className="ModalGreen" isOpen={this.state.greenVisible}>
      <div>
        <img className="boxImgPopUp" src={greenBox} />
        <h1> Green box testing</h1>
        //PRINTING ARRAY ITEMS ON THIS LINE
        <p>Items: {this.state.greenArray}</p>
        <button onClick={this.closeGreenModal}>Close</button>
      </div>
    </Modal>
  </div>
</button>;
Run Code Online (Sandbox Code Playgroud)

有没有一种方法可以在新行上显示每个项目?

如果该项目需要更多代码,请告诉我

javascript reactjs

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

jQuery 修剪和长度

我有以下 HTML 和 jQuery 代码

$("#addNeedleButton").click(function() {
  var needle = $("#needleName").val();
  needle = needle.trim();
  if (needle.length == 0) {
    $("#addNeedleManagement").submit(function(e) {
      e.preventDefault();
      er("Please key in a Needle Type");
    });
  }
});

  function er($message){
    var errorDisplay = $message;
    $("#errorDisplay").html(`<strong>Error </strong>${errorDisplay}`);
    $('#errorDisplay').show();
    $("#errorDisplay").fadeTo(2000, 1000).slideUp(1000, function(){
        $("#errorDisplay").slideUp(1000);
    });
   }
Run Code Online (Sandbox Code Playgroud)
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<form method="post" id="addNeedleManagement" name="addNeedleManagement">
  <div class="form-group">
    <div class="row">
      <div class="col-sm">
        <label for="addNeedle">Needle Type</label>
        <input type="text" class="form-control" id="needleName" name="needleName" placeholder="New needle name" title="Please key in the new needle name" required>
      </div>
    </div>
  </div> …
Run Code Online (Sandbox Code Playgroud)

html jquery

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

React JS 错误:未定义“组件”

我是 ReactJS 的初学者,我准备了以下文件:

应用程序.js

import React, { Component } from "react";
import "./App.css";
import InstructorApp from "./component/InstructorApp";

class App extends Component {
  render() {
    return (
      <div className="container">
        <InstructorApp />
      </div>
    );
  }
}

export default App;
Run Code Online (Sandbox Code Playgroud)

列表课程组件.jsx

class ListCoursesComponent extends Component {
  render() {
    return (
      <div className="container">
        <h3>All Courses</h3>
        <div className="container">
          <table className="table">
            <thead>
              <tr>
                <th>Id</th>
                <th>Description</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>Learn Full stack with Spring Boot and Angular</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    );
  }
} …
Run Code Online (Sandbox Code Playgroud)

reactjs

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

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

在Reactjs中如何将api数据插入ant设计表

我是 Reactjs 的新手,目前我正在处理 antdesign 表,我想从外部 API 获取数据并将数据插入表中,但它给了我错误我也用 google 搜索了它,但没有找到任何内容,请帮助我,下面是我的代码

import React, { useState, useEffect } from "react";
import Axios from "axios";
import { Table } from "antd";

function App() {
  const [state, setstate] = useState({});
  const [loading, setloading] = useState(true);
  useEffect(() => {
    getData();
  }, []);

  const getData = async () => {
    const res = await Axios.get(
      "https://jsonplaceholder.typicode.com/comments"
    );

    setstate(res.data);
    setloading(false);
  };
  const data = loading
    ? "wait"
    : state.map(row => ({ Name: row.name, Email: row.email }));

  const columns …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs

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

如何连接javascript数组

let A = ["u23", "c35",-----so on];

let B = ["123", "234", ---- so on];
Run Code Online (Sandbox Code Playgroud)

a 和 b 索引计数都是 100 并且相同

预期输出C = ["u23,123", "c35,234", ---- so on]

我需要在不使用复杂的 for 循环步骤的情况下以很少的步骤实现输出。

ECMAScript 6 及更高版本也可以。

javascript ecmascript-6

0
推荐指数
1
解决办法
71
查看次数

一键调用多个函数javascript

我想知道是否可以用一个 html 按钮调用多个函数?

<button onclick:"functions()">Calls</button>
Run Code Online (Sandbox Code Playgroud)

因此,任何人都可以尝试向我解释是否可能以及如何通过一些代码片段或任何内容向我展示。

javascript button

-1
推荐指数
1
解决办法
525
查看次数