小编Sea*_*ean的帖子

我一直在使用 2 条移动平均线交叉，这是非常直接的。我想在混合中添加三分之一，我试图找出在 4 根蜡烛或更少的时间内检查是否发生这种情况。

对于两个移动平均线，我使用了以下内容：

  // if shift5MA > shift0MA 
   if (shift5MAArray[1] > shift0MAArray[1]) {
      
      //if shift5MA < shift0MA VALID SELL
      if (shift5MAArray[2] < shift0MAArray[2]) {
         signal = "sell";
      }
      }
   
   if (shift5MAArray[1] < shift0MAArray[1]) {
      
      //if shift5MA > shift0MA
      if (shift5MAArray[2] > shift0MAArray[2]) {
         signal = "buy";
      }
      }

我如何检查 3 条移动平均线何时在 4 根蜡烛或更少的时间内相互交叉，如图像中的三个交叉：

我正在尝试制作我自己的蜂群图，这是一个跨一个维度的点图，其中点根据需要向上移动，以便不与其他点重叠。

我的每个点都有标签，我正在尝试使用 javascript 将它们从基线向上移动，只有当它们与前一个点发生碰撞时。然而，无论它们是否碰撞，它们都在向上移动。

期望的行为：在第一个示例中（取决于您的屏幕宽度）? Juliet Francis应该在基线处向下而不是在顶部附近向上，因为它可以存在于基线处而不会与任何前面的点（从右到左排序）发生碰撞。

我已经测试了碰撞功能，这似乎工作正常。问题似乎出在swarm()或collidesAll()功能上。

我已经研究了几天，但一直无法让它工作。第二双眼睛将不胜感激。

$(function() {
  
  let $graphs = $('.graph')
  let $firstSetOfNames = $('.graph:first-child .graph-dd')
  
  const setup = () => {
    let longest = 0
    $firstSetOfNames.each(function() {
      longest = ($(this).width() > longest) ? $(this).width() : longest
    })
    $graphs.css('padding-right', longest + 'px')
  }
  
  const collides = ($e1, $e2) => {
    let e1x1 = $e1.offset().left
    let e1x2 = e1x1.x1 + $e1.outerWidth( true )
    let e2x1 = $e2.offset().left
    let …

我一直在使用该<math>元素在 HTML 文件中编写化学方程式。

例如，要显示 MnSO4，我会输入：

<math>
    <mi>M</mi>
    <mi>n</mi>
    <mi>S</mi>
    <msub>
        <mi>O</mi>
        <mn>4</mn>
    </msub>
</math>

这在语义上正确吗？如果没有，你能推荐一个替代方案吗？

我不明白为什么在下面的代码中，链接悬停效果从中间开始，而不是从左到右。有人可以解释为什么会这样吗？

.orange-link {
  color: orange;
  position: relative;
  text-decoration: none;
}

.orange-link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: orange;
  bottom: 0;
  border-radius: 5px;
  transform: scaleX(0);
  transition: .25s linear;
}

.orange-link:hover:before,
.orange-link:focus:before {
  transform: scaleX(1);
}

<p>Visit the official rules <a class="orange-link" href="#">here</a> on how to send in a write-in entry.</p>

我正在使用 create-react-app 的 TypeScript 风格：

npx create-react-app my-app --typescript

当我构建应用程序时，捆绑包仍然包含 ES5 后的代码，例如 Symbol。我缺少什么？我的 tsconfig 文件：

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react"
  },
  "include": [
    "src"
  ]
}

我正在尝试建立一个模块化的工作流程，在运行时gulp，它将文件夹中的 SASS 文件编译为 CSS。这些新的 CSS 文件将存储在同一文件夹中。

例如，这是我当前的文件夹结构：

theme
   - modules
      - hero
         - hero.html
         - hero.scss

这是我的“gulpfile.js”：

var gulp = require('gulp');
var sass = require('gulp-sass');

gulp.task( 'sass', function() {
    return gulp.src('modules/**/*.scss')
      .pipe(sass())
      .pipe(gulp.dest('modules/**/*.css'))
});

但是，在运行时gulp sass，这是我的文件夹结构的样子：

theme
   - **
      - *.css
         - hero
            - hero.css
   - modules
      - hero
         - hero.html
         - hero.scss

而我所追求的是：

theme
   - modules
      - hero
         - hero.html
         - hero.scss
         - hero.css (hero.css to appear here after running gulp)

我离得远吗？

我想要制作loader，设计师将其以Figma的Json形式发送给我，但我想将其转换为Lottie可用的json动画。

也许您知道如何自己或在设计师的帮助下正确地做到这一点？

太感谢了！

我在 NodeJS 服务器中使用 Pug 和 Nodemailer 来处理电子邮件模板。

locals就我而言，对象中有以下对象

{
    from: 'abc@xyz.com',
    message: 'a\nb\nc\nd\ne',
}

现在在 Pug 文件中我有以下行

p #{message}

问题是在电子邮件中我没有收到带有新行的文本。

消息归档忽略\n并将所有内容放在同一行a b c d e

我需要使用对象中的新行获取页面中的文本。

a
b
c
d
e

这个问题的解决方案是什么？

我有一个正在渲染的页面，如下所示：

res.render('account.pug', {user: req.user._id})\n

\xe2\x80\x94and 应该显示与用户相对应的个人资料图片，如下所示：

img(id='profilepicture' src='profilepictures/#{user}')\n

然而，巴哥犬渲染为：

<img id='profilepicture' src='profilepictures/#{users}' />\n

\xe2\x80\x94 而不是：

<img id='profilepicture' src='profilepictures/USERID' />\n

\xe2\x80\x94因此不会显示正确的个人资料图片。

这很奇怪，因为当我编写div #{user}它时，它会正确呈现为<div>USERID</div>，所以它显然与我在属性中间字符串上进行插值有关。我尝试过使用反引号而不是引号，但这也不起作用。

尝试在 Safari (v12+) 和 Firefox (v84+) 中使用calc()该stroke-dashoffset属性会导致浏览器呈现该值而0px不是预期值。Chrome 的行为符合预期。

在下面的示例中，两个 SVG 应该看起来相同，线条的笔划延伸到正方形的一半。

svg {
  border: 1px solid red;
}
.withCalc line,
.withoutCalc line {
  stroke-dasharray: 190;
}
.withCalc line {
  stroke-dashoffset: calc(190 / 2);
}
.withoutCalc line {
  stroke-dashoffset: 95;
}

<svg class="withCalc" viewBox="0 0 200 200" width="200" height="200">
  <line x1="5" y1="100" x2="195" y2="100" stroke="black"/>
</svg>
<svg class="withoutCalc" viewBox="0 0 200 200" width="200" height="200">
  <line x1="5" y1="100" x2="195" y2="100" stroke="black"/>
</svg>

这是 Safari 和 Firefox …