小编Luc*_*lin的帖子

我在这里问,因为它充满了开发人员,所以也许有人已经弄清楚了.自Quantum以来,开发人员工具扩展(插件)没有"视图生成源"工具.据我所知,firefox开发工具从未有过.那么我们现在有什么机会看到整页生成源代码？有谁知道？

如果容器被翻译,那么固定位置的元素会松开它们的位置,这是一个众所周知的"错误".例如,如果我有这样的结构:

<div class="container">
   <div class="fixed"></div>
</div>

并且,比如,当变换器被变换时(例如,translate(x,y),rotate()等等),容器被滚动,然后固定元素的行为就像它相对定位一样,并且随着容器滚动.例如,我可以在最新的Firefox上看到它.

如何解决这类问题呢？有什么办法吗？

我找不到解决方案.我要做的就是翻译这个:

se stai inserendo un indirizzo per consegna all'interno dell'area <span class=orange>EXPO</span>

进入这个:

If your delivery address is in the <span class=orange>EXPO</span> area

如果我使用标签,像这样:

{l s="se stai inserendo un indirizzo per consegna all'interno dell'area <span class=orange>EXPO</span>"}

他们不会被看到.所以呢？

在jade中,管道符号(|)用于纯文本输出.如果我想在页面中写它怎么办？我该怎么逃避呢？

我想知道:是否可以使用flexbox构建3行布局,100%高度？

<header> The header content goes here. </header>
<div class="content"> The main content goes here. </div>
<footer> The footer content goes here. </footer>

固定高度的页眉和页脚,同时满足液体部分.

我的意思是,这样的事情,但没有绝对的定位:

* {
  margin: 0;
}
header {
  position: absolute;
  width: 100%;
  height: 64px;
  top: 0;
  background: red;
}
footer {
  position: absolute;
  width: 100%;
  height: 64px;
  bottom: 0;
  background: green;
}
.content {
  position: absolute;
  width: 100%;
  top: 64px;
  bottom: 64px;
  background: blue;
}

<header>The header content goes here.</header>

<div class="content">The main content goes here.</div> …

我遇到了一个问题：我正在构建一个页内多级表单。每个“阶段”都位于其自己的面板（div）上。我将通过 javascript（下一个/上一个按钮）浏览面板。每个面板都有自己的验证，如果当前面板未成功验证，则无法跳转到下一个面板。一切都很好。

问题是当用户开始使用选项卡从一个字段跳转到另一个字段时。当他到达当前面板的最后一个字段时，该选项卡会将他带到下一个面板。

因此，我需要的是避免每个表单的最后一个字段接受选项卡事件，或者避免从选项卡访问每个表单的第一个字段。或者类似的。

换句话说：如何仅对某些字段禁用 Tab 键？或者，如何将选项卡操作限制为表单中的一组特定字段？

我尝试了几种方法，但没有成功：

// on last panel field
$('.block-tab').on('keypress', function(e) { 
  if (e.keyCode == 9) e.preventDefault();
});

// on first panel field
$('.block-tab').on('keyup', function(e) { 
  if (e.keyCode == 9) e.preventDefault(); 
});

我来自 Vue 2，习惯于使用 WordPress 标准 html 页面并在其中使用一些 Vue 组件。只需将容器传递给主应用程序el属性，然后我就可以在我想要的地方使用容器上的组件，而无需删除或替换所有默认容器的内容。基本上，将 dom 元素传递给属性el，使该元素成为一个 Vue 应用程序及其所有内容（即使没有任何 Vue 组件）。

使用 Vue 3 和 createApp，似乎没有办法做到这一点，因为一旦我将应用程序安装到容器（比如#app），那么所有容器的内容都会被删除或替换为组件的模板（如果传递了组件） ）。即使以下不使用任何组件，也会清除所有 #app 原始内容：

import { createApp } from 'vue'

createApp({

}).mount('#app');

如何避免？如何在免费的 html 页面上只使用一些备用组件？那么SFC是否也采用同样的方式呢？

特别是在wordpress中,我想知道:从循环中多次访问变量时,$post->ID将$post_id变量保存到变量中是否有意义？

我的意思是: $post_id = $post->ID

然后总是$post_id在需要时调用函数.

我基本上发现自己一直这样做,因为在javascript中你节省了内存.但是在这个php/wordpress上下文中也是如此吗？

我希望能够反转列的顺序（左边的2小，右边的大1）。我尝试了几种解决方案，但没有找到可行的解决方案。

这是代码：

.images-block-box{

    display: grid;
    grid-gap: 16px;
    grid-template-columns: 708fr 340fr;

    & > div:first-child{
      grid-row: span 2;
    }

    &.reverse{
      grid-template-columns: 340fr 708fr;

      & > div:first-child{
         order: 2; // doesn't work (I want to place the first item at the end of the 3)
      }
    }// reverse

}// images-block-box

请注意，我确实想颠倒列本身的顺序，而不仅仅是颠倒它们的尺寸。

我遇到了一个奇怪的问题：我无法从 vue 实例访问 data() ：

const vueapp = Vue.createApp({
  data(){
    return {
      form:{ .... }
[etc..]

// later:

console.log(vueapp.$data, vueapp.form) // both undefined

为什么？