小编Dev*_*AKS的帖子

根据 TypeOrm 文档：https://github.com/typeorm/typeorm/blob/master/docs/select-query-builder.md#joining-relations

我们可以查询连接实体的字段，该字段会将其所有字段填充到响应中。我不知道如何限制仅少数选定的字段（单个/多个），我尝试添加“select([])”，但它在生成的 SQL 查询中不起作用，我可以看到它正在查询所有字段。

代码：

import {Entity, PrimaryGeneratedColumn, Column, OneToMany} from "typeorm";
import {Photo} from "./Photo";

@Entity()
export class User {

    @PrimaryGeneratedColumn()
    id: number;

    @Column()
    name: string;

    @OneToMany(type => Photo, photo => photo.user)
    photos: Photo[];
}
import {Entity, PrimaryGeneratedColumn, Column, ManyToOne} from "typeorm";
import {User} from "./User";

@Entity()
export class Photo {

    @PrimaryGeneratedColumn()
    id: number;

    @Column()
    url: string;

    @Column()
    alt: string;

    @ManyToOne(type => User, user => user.photos)
    user: User;
}

并在代码上：

const user = await createQueryBuilder("user")
    .leftJoinAndSelect("user.photos", …

笔记：

答案会是这样的..是的..有规则和方法..这取决于收养机构的算法等。你可以按照这些（链接）等和你的简短描述。我不是在寻找任何算法或更多..

例如，如果一个a标签嵌套一个a 标签。chrome 浏览器重组 html 。类似的button标签。两者都是无效的 html 结构

我知道a和button标签都是交互元素。交互元素（a、按钮、输入等）与用户的活动相关。

从评论：

这个问题太宽泛了。

1. 仅回答以下示例代码或场景。

我认为每个浏览器都应该从某个地方以相同的方式工作......这意味着应该遵循一些基本规则或方法。如果有人发现类似的东西，请提及。

为什么我要找这个？

当我为客户工作时。我发现许多无效的 html 结构。多种类型的html结构。有时我需要重新设计无效的 html 结构。我想我需要了解浏览器重构的概念以进行进一步的 Web 开发。

遵循这些问题 Q1和Q2

 let aTag = document.querySelectorAll('a')
    let buttonTag = document.querySelectorAll('button')
   
 console.log('===a tag===')
    aTag.forEach(function(item){
         console.log(item)
    })
     console.log('===button tag===')

      buttonTag.forEach(function(item){
         console.log(item)
    })

 .card{
      display: flex;
      flex-direction: column;
      padding: 10px;
      border: 1px solid slateblue;
       width: 200px;
      text-align: center;
 }

<a href="" class="parent a-tag">
    <div class="card">
        <h4>Title</h4>
        <p>Paragraph</p>
        <button>Add to …

这是codesandbox链接

function InlineDatePickerDemo(props) {
  const [selectedDate, handleDateChange] = useState(new Date());

  return (
    <Fragment>
      <MuiPickersUtilsProvider utils={DateFnsUtils}>
        <KeyboardDatePicker
          style={{ padding: "20px" }}
          autoOk
          variant="inline"
          inputVariant="outlined"
          label="With keyboard"
          format="MM/dd/yyyy"
          value={selectedDate}
          InputAdornmentProps={{ position: "start" }}
          onChange={(date) => handleDateChange(date)}
        />
      </MuiPickersUtilsProvider>
    </Fragment>
  );
}

我想减少日期选择器框中的间隙，但提供自定义样式不会产生影响。

我很想知道为什么样式不起作用以及解决此问题的方法是什么。