小编Mar*_*rty的帖子

我有基于已知元素的网格模板区域，但并非所有元素都可以从数据库中获取。如果我没有从数据库中得到一些东西，那么我就不会呈现 html 元素，我会得到一个空的“虚线”行，并带有间隙。见附图，空行位于蓝色框下方。是否可以隐藏未使用的区域或从中去除间隙？

*{
 margin: 0;
 padding: 0;
}

.name {
  grid-area: name;
}

.lastname{
  grid-area: lastname;
}

.phone {
  grid-area: phone;
}

.wrapper {
  display: grid;
  grid-gap: 20px;
  grid-template-areas: 
    'name name name lastname lastname lastname'
    'somethingelse somethingelse somethingelse . . .'
    'phone phone phone phone phone phone'
    'email email email email email email';
}

<div class="wrapper">
  <div class="field name">
    <div class="titile">Name</div>
    <div class="description">Antony</div>
  </div>
  <div class="field lastname">
    <div class="titile">Last name</div>
    <div class="description">Lastnamed</div>
  </div>
  <div class="field phone">
    <div class="titile">Phone number</div> …

当我有 eventlistener 时，我想从地图上与孩子们一起做一些事件时遇到这个问题。如何在父级创建的子组件中使用 EventListener？

尝试调整窗口大小：

https://codesandbox.io/s/2j2wnyvln

https://2j2wnyvln.codesandbox.io/

它是否正确的代码？

每当我在组件中使用 jss 时，我都会收到此错误。

笑话.config.json

{
  "moduleDirectories": [
    "node_modules",
    "src"
  ],
  "moduleFileExtensions": [
    "ts",
    "tsx",
    "js",
    "jsx",
    "json",
    "node"
  ],
  "moduleNameMapper": {
    "\\.(jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga|pdf)$": "identity-obj-proxy"
  },
  "preset": "ts-jest",
  "roots": [
    "<rootDir>/src"
  ],
  "setupFilesAfterEnv": [
    "<rootDir>/src/setupTests.js"
  ],
  "testEnvironment": "jsdom",
  "testPathIgnorePatterns": [
    "/node_modules/"
  ],
  "testRegex": "(/__tests__/.*|(\\.|/)(test|spec))\\.(j|t)s(x)?$",
  "transform": {
    "^.+\\.tsx?$": "ts-jest",
    "^.+\\.jsx?$": "babel-jest"
  },
  "verbose": true
}

babel.config.json

{
  "presets": [
    "@babel/preset-react",
    [
      "@babel/preset-env",
      {
        "targets": {
          "ie": "11",
          "browsers": [
            "last 2 versions"
          ]
        },
        "modules": false,
        "useBuiltIns": "entry",
        "corejs": "3.0.0"
      }
    ],
    "@babel/preset-typescript" …

如何排序？例如，我希望每周的第一天是星期一。由此：

周日，周二，周三，周四，周五，周六

我要这个：

星期一星期二星期三星期四星期五星期六星期日

或者我希望我的第一天是星期五

那么在输出中应该是这样的：

周五周六周日周一周二周三周四

let days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"] //by default first day of week is 0
let firstDayOfWeek = 1 //Mon

days = days.map(m=>{
  //how i can sort this?
  return m
})

这是我创建苗条上下文的方式：

<script>
import {setContext} from 'svelte'
let layoutWidth


setContext('layout', {layoutWidth})

</script>
<div bind:offsetWidth={layoutWidth}><slot/></div>

如果我尝试getContext在子组件中，那么我得到了undefined但是在父组件中 layoutWidth 总是有价值的。

如何获取offsetHeight苗条的父元素？

我这样使用getContext：

<script>
import {getContext} from 'svelte'
const {layoutWidth} = getContext('layout')
$: console.log(layoutWidth) //undefined
</script>