小编Ada*_*iff的帖子

我一直在使用巴贝尔有一段时间了,而我一直的印象是,巴贝尔是下transpiler转换器ES6我和ES7的JavaScript到ES5的JavaScript,因为我的假设是,你可以在技术上治疗ES5和ES6作为两种不同的语言.

然而,我不禁注意到,巴贝尔的网站标题描述它作为一个编译器,我相信这是东西从一个非常不同的transpiler.

Babel是一个转换器还是编译器,或者可能提供两种选择？或者网站的标题是不正确的？

披露:我知道这听起来像是一个非常迂腐的问题,但我正在编写有关Babel的文档,我想确保我的描述准确无误

我有这个:

function searchOpen() {
    $('.nav__item__account').addClass('nav__item__account--open');
    $('.nav__item__account-dropdown').slideDown(250);
    $('.nav__item__account-dropdown').addClass('nav__item__account-dropdown--open');
    $('.nav__item__account-dropdown input').focus();
}

function searchClose() {
    $('.nav__item__account').removeClass('nav__item__account--open');
    $('.nav__item__account-dropdown').slideUp(250); 
}

function searchDropdown() {
    if ($('.nav__item__account-dropdown').is(":visible")) {
        searchClose();
    } else {
        searchOpen();
    }
}

CSS for nav__item__account-dropdown--open:

.nav__item__account-dropdown--open {
    display: flex !important;
    justify-content: center;
}

虽然这种解决方法有效,但display: flex在滑动完成之前会将其删除,从而导致一些不需要的视觉效果.

有没有办法让slideUp()和slideDown()应用display: flex,而不是display: block？

我试图从数组中删除一个对象,但由于某种原因它不起作用.我的印象是拼接接受2个参数:首先,数组中的位置开始于.对于参数2,从那时开始删除多少.

我只想删除一个条目,所以我这样做:

array.splice(i,0);

但它没有用.有人能告诉我我做错了什么,并告诉我它应该如何工作.

我目前正在使用PhantomJS和Karma运行测试来测试Angular.js应用程序.随着最近发布的ChromeHeadless,我们开始使用ChromeHeadless测试浏览器而不是默认的PhantomJS浏览器.

我目前安装了karma-chrome-launcher2.1.0.

当我运行我的测试时,我会遇到几个不同的错误,其中的提取列表如下:

Cannot start ChromeHeadless
    [0510/113948.371837:ERROR:resource_bundle.cc(767)] Failed to load /Applications/Google Chrome.app/Contents/Versions/58.0.3029.110/Google Chrome Framework.framework/Versions/A/resources.pak
Some features may not be available.

ChromeHeadless stdout:
10 05 2017 11:39:48.428:ERROR [launcher]: ChromeHeadless stderr: [0510/113948.371837:ERROR:resource_bundle.cc(767)] Failed to load /Applications/Google Chrome.app/Contents/Versions/58.0.3029.110/Google Chrome Framework.framework/Versions/A/resources.pak
Some features may not be available.

ChromeHeadless stderr: [0510/113948.490917:ERROR:resource_bundle.cc(767)] Failed to load /Applications/Google Chrome.app/Contents/Versions/58.0.3029.110/Google Chrome Framework.framework/Versions/A/resources.pak
Some features may not be available.

ChromeHeadless failed 2 times (cannot start). Giving up.
npm ERR! Test failed.  See above for more details.

我曾尝试运行一些命令故宫,也就是npm …

这应该很简单，但由于某种原因它不起作用，我在正确的时间获得了正确的 console.logs，但焦点没有到达正确的位置，请参考我的 jsfiddle

https://jsfiddle.net/bqt0np9d/

function checkTabPress(e) {
    "use strict";
    // pick passed event of global event object
    e = e || event;

    if (e.keyCode === 9) {
        if (e.shiftKey) {
            console.log('back tab pressed');
            firstItem.onblur=function(){
                console.log('last a focus left');
                lastItem.focus();
            };
            e.preventDefault();
        }
        console.log('tab pressed');
        lastItem.onblur=function(){
            console.log('last a focus left');
            firstItem.focus();
        };
        e.preventDefault();
    }
}
modal.addEventListener('keyup', checkTabPress);

我目前正在开发一个利用Material UI Tooltip组件的 React组件。在我的组件中，我需要通过根popper元素 ( MuiTooltip-popper)手动重新定位 Mui 工具提示。

但是，Mui 工具提示是使用一些开箱即用的内联 CSS 属性呈现的：

position: absolute;
transform: translate3d(792px, 68px, 0px); 
top: 0px;
left: 0px;
will-change: transform;

如果尝试提供新样式来替换style属性中的这些样式，则这些属性根本不会被应用——它们完全消失了。如果尝试通过类提供替换样式（例如通过Material UI 提倡的CSS-in-JS 方法），则不会应用这些样式，因为内联样式具有优先权。

我已经能够使用!importantCSS 类中的标志覆盖样式。但是，感觉不是一个非常优雅的解决方案。有没有更“干净”的方式可以覆盖样式？

我想动态切换clickVue.js中div 上事件的类,而不使用属性/数据来执行此操作.

这是我的div

<div class="quiz-item" @click="checkAnswer(1)">

div单击此按钮时,我想添加该类quiz-item--correct或quiz-item--incorrect(此逻辑将在其他地方处理).我无法使用属性,因为测验中有太多答案,因为它是一种可维护/可行的方法.

有没有人对如何实现这一功能有任何想法？

我在Visual Studio Code中创建了一个JavaScript'用户片段',以便稍微调用该console.log()方法(我经常编写的一行代码).

"Console Log": {
    "prefix": "log",
    "body": [
        "console.log($0);"
    ],
    "description": "JavaScript Console.log()"
}

用户代码段有效,但当我log在编辑器中输入内容时,我的自定义代码段位于列表的底部.

我有什么方法可以把它作为第一个建议,而不是最后一个？

我目前正在开发一个处理翻译的应用程序。在原型中，该应用程序可以处理从英语到德语的翻译。

目前，我的<textarea>元素被元素包围<label>：

<label className="m-translation-card__native-field-label" 
       aria-label="Original (English)">
    English

    <textarea className="m-translation-card__native-field-input"
              placeholder="English translation"
              onChange="..." 
              value="..."
    />
</label>

<label className="m-translation-card__translated-field-label"
       aria-label="Translation (Deutsch)">
    Deutsch

    <textarea className="m-translation-card__translated-field-input"
              placeholder="German translation"
              onChange="..."
              value="..."                            
    />
</label>

当通过键盘导航到“英文翻译”文本区域时，屏幕阅读器将以value英文大声朗读文本区域属性内容。这是有道理的 -标签lang的属性<html>设置为“en” - 并且是预期的功能。

但是，当导航到“德语翻译”文本区域时，屏幕阅读器会再次用value英语发音文本区域属性内容 - 这种发音通常与正确的德语发音有很大不同。理想情况下，发音是德语。

我想添加一个属性，以便屏幕阅读器知道第二个文本区域的内容是德语。我尝试过使用该lang="de"属性，但它并没有影响发音。

有办法实现这一点吗？

我目前正在使用React.memo.

大多数这些组件都有子组件。该项目还使用了 TypeScript。

我开始觉得备忘录组件不支持子组件，因为每次出现错误时都会向我显示以下错误消息：

类型“IntrinsicAttributes & object”上不存在属性“children”

事实证明，这仅适用于我为组件提供 Props 类型的情况。例如

const MyComponent: React.SFC<PropType>

如果我删除道具类型（如下所示），则不会发生错误。

const MyComponent: React.SFC

当然，我在大多数情况下都需要道具类型。

我已经设置了一个模拟问题的代码沙箱：

https://codesandbox.io/s/cool-keldysh-urddu?fontsize=14&hidenavigation=1&theme=dark

tl; dr：当为组件道具提供了类型时，为什么 React.memo 组件不接受子道具？

代码： http: //jsfiddle.net/s08nypfd/62/

内块边框重叠，看起来很粗，有解决办法吗？它在 Firefox 和 Chrome 中的呈现方式有所不同。

超文本标记语言

<div class="main_block">
  <div class="block"></div>
</div>

CSS

.main_block{
  width:400px;
  height:100px;
  background:#888;
  border:1px solid black;
}
.block{
  width:100px;
  height:100px;
  border:1px solid red;
}

我正在尝试在PHP API中获取0值的时间戳。我目前在基于Laravel / Dingo API的系统中使用Carbon。

是否有一种简单的方法可以在不对日期进行硬编码的情况下获得0值的时间戳（大概类似于01/01/1970）？

我正在从头开始开发我的投资组合网站.我已经读过一个名为"960.gs"的CSS框架,我使用过类似的东西,但之前我从未使用过CSS-pure框架,所以我自然有点生疏了.

无论如何,这是我的网站.我想删除顶部有"标题"的两段之间的白色间距.我不确定是什么导致它,因为,诚然,我的CSS也有点生疏.

任何解决方案将不胜感激.

我的HTML:

<section class="container_12">
    <article class="grid_9">
        <h1>Title</h1>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
    </article>

    <aside …