小编Nes*_*esh的帖子

我正在尝试将字符串的开头和结尾字符匹配为相同的元音.我的正则表达式在大多数场景中都有效,但在其他场景中失败了:

var re = /([aeiou]).*\1/;
re.test(str);

样本输入:

• abcde,输出 - 假(有效)
• abcda,输出 - 真(有效)
• aabcdaa,输出 - 真(有效)
• aeqwae,output - true(无效)
• ouqweru,output - true(无效)

以下是我的代码,它正常工作,除了margin-bottom: 5px;从.tagcss类添加的容器中的最后一行.

我面临的问题是标签列表是动态的,所以我无法直接定位Item-13,14等等.

让我知道在flex中我们有权在我的flex容器的最后一行添加自定义css.

* {
	margin: 0;
	padding: 0;
}
html, body {
box-sizing: border-box;
}

.container {
	width: 600px;
	margin: 0 auto;
	margin-top: 25px;
	border: 1px solid;
	padding: 5px;
}

.tags {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.tag {
	padding: 5px;
	background-color: #76FF03;
	margin: 0 5px 5px;
}

<div class="container">
  <ul class="tags">
    <li class="tag item-1">Tag Item 1</li>
    <li class="tag item-2">Tag Item 2</li>
    <li class="tag item-3">Tag Item …

我正在学习ES6,所以请耐心等待.

以下是运行正常的代码,如果我单击" 运行"按钮一次,但在第二次命中时它会开始显示TypeError: redeclaration of let myArr错误.

让我知道这种奇怪的(可能不是)行为.

let myArr = [34,45,67,2,67,1,5,90];
let evenArr = [];
let oddArr = [];
myArr.forEach(x => {
    if (x % 2 === 0) {
        evenArr.push(x);
    } else {
        oddArr.push(x);
    }
});

console.log(evenArr);
console.log(oddArr);

错误 -

我正在学习ES6,以下是我的ES5代码运行正常 -

var myArr = [34,45,67,34,2,67,1,5,90];
var evenArr = [];
var oddArr = [];

myArr.map(function(x){
  if(x%2==0) evenArr.push(x);
  else oddArr.push(x);
});

现在,如果我将其转换为ES6,我会收到Unexpected token附近的错误if,让我知道我在这里做错了什么 -

我的ES6代码 -

var myArr = [34,45,67,34,2,67,1,5,90];
var evenArr = [];
var oddArr = [];
myArr.map( x => if(x%2==0) evenArr.push(x) else oddArr.push(x) )

以下是我的文件夹结构及用于文件React项目,这是工作的罚款,但我无法添加CSS通过SCSS通过Webpack使用extract-text-webpack-plugin.让我知道我在配置上做错了什么.

文件夹结构 -

Webpack.config.js文件 -

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const HtmlWebpackPluginConfig = new HtmlWebpackPlugin({
    template: './app/index.html',
    filename: 'index.html',
    inject: 'body'
});
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const ExtractTextPluginConfig = new ExtractTextPlugin('main.css',{
    allChunks: true
});

module.exports = {
    entry: './app/app.jsx',
    output: {
        path: path.resolve('dist'),
        filename: 'bundle.js'
    },
    devtool: 'source-map',
    module: {
        loaders: [
            {test: /.js$/, loader: 'babel-loader', exclude: /node_modules/},
            {test: /.jsx$/, loader: 'babel-loader', exclude: /node_modules/},
            {test: /\.scss$/, loader: …

以下是我的代码，其中我试图将最后一个 div(class="four")向右对齐，并且我正在使用它align-self: flex-end;，但它仍然不会向右对齐。让我知道我在这里做错了什么。

.container {
  display: flex;
  flex-direction: row;
  border: 2px solid blue;
}

.one {
  background: red;
}

.two {
  background: yellow;
}

.three {
  background: pink;
}

.four {
  background: teal;
  display: inline-block;
  align-self: flex-end;
}

<div class="container">
  <div class="one">One</div>
  <div class="two">Two</div>
  <div class="three">Three</div>
  <div class="four">Four</div>
</div>

以下是我的代码片段,其中我需要在复选框值的基础上聚焦输入字段,如果我选中复选框,它应该聚焦第二个元素,它不知何故不起作用.让我知道我在Angular中做错了什么.

注意 - 我已经使用指令检查了几个例子,但我想知道我在这里缺少的概念/代码等

<input type="checkbox" ng-model="vm.check" />
<br>
<input type="text" ng-model="vm.input1" />
<input type="text" ng-model="vm.input2" ng-focus="vm.check" />
<input type="text" ng-model="vm.input3" />

Plnkr代码 - http://plnkr.co/edit/q15Jht9AsVj60xrutVfm?p=preview

以下是我得到的代码Cannot read property 'forEach' of undefined。

const print2 = function(x, y) {
  console.log(x*y)
}

[1,2,3,4].forEach( x => print2(x, 20) )

让我知道我在这里做错了什么，但如果我这样做 -

function print2(x, y) {
  console.log(x*y)
}

[1,2,3,4].forEach( x => print2(x, 20) )

这工作正常。

以下是我的代码，其中我无法创建底部曲线，但增加 border-top-left-radius/border-top-right-radius 无法创建如图所示的凹凸。让我知道如何仅使用 CSS 处理此问题。

代码：

.container {
  position: relative;
}
.rect {
  width: 334.5px;
  height: 223px;
  background: #34EFEE;
  text-align: center;
  line-height: 223px;
}
.rect:after {
  content: '';
  position: absolute;
  bottom: 0px;
  width: 334.5px;
  height: 15px;
  background: #FFFFFF;
  left: 0;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

<div class="container">
  <div class="rect">
    <h3>334.5 X 223</h3>
  </div>
</div>

预期输出 -

PLNKR —— http: //plnkr.co/edit/7oTCHyn8PFABri0KHSrH?p=preview

以下是我的代码，如果我用字符串初始化测试，它工作正常，但如果我将其更改为new Date()抛出错误。让我知道我做错了什么，因为我刚开始使用 React。

代码 -

import React from 'react';
import ReactDOM from 'react-dom';
import registerServiceWorker from './registerServiceWorker';

    class App extends React.Component {
        render() {
            //let test = 'this is a string'; // WORKING FINE
            let test = new Date();
            return (
                <div>
                    <h1>Hello World</h1>
                    <p>{test}</p>
                </div>
            );
        }
    }

    ReactDOM.render(<App />, document.getElementById('root'));
    registerServiceWorker();

错误 -

对象作为 React 子对象无效（找到：2017 年 7 月 21 日星期五 02:11:18 GMT+0530（印度标准时间））。如果您打算渲染一组子项，请改用数组或使用 React 附加组件中的 createFragment(object) 包装对象。