我的webpack配置中有多个入口点用于登录,应用程序,错误页面,我只需要登录和应用程序输出这些条目的js文件,错误只输出样式.目前所有条目都输出样式和脚本,我不太确定如何具体获取输出？
的WebPack
entry: {
'main': [
'babel-polyfill',
'./source/styles/src/imports/main/main.scss',
'./source/app/app.main.js'
],
'login': [
'./source/styles/src/imports/login/login.scss',
'./source/scripts/login.js'
],
'errors': './source/styles/src/imports/errors/errors.scss'
},
output: {
path: path.resolve(__dirname, 'dist'),
filename: './scripts/[name]/[name].min.js',
chunkFilename: './scripts/chunks/[id].[name].min.js'
}
输出
dist/
scripts/
errors/ <---- doesn't need to be here
main/
login/
styles/
errors/
main/
login/
任何人都可以建议我如何排除错误在脚本中输出？
我试图在我的选择框中注销我附加到每个选项的数据属性但没有成功,我是否正确使用.on('更改'...或者我应该做些什么来实现这一目标？
JS
$('select').children().on('change', function(e){
console.log( $(this).data('id') );
e.preventDefault();
});
HTML
<select>
<option value="1" data-id="option1">wgwg</option>
<option value="1" data-id="option2">wgwerg</option>
<option value="1" data-id="option3">wgwg</option>
<option value="1" data-id="option4">wgr</option>
</select>?
dir === 'next' ? ++$currentSlide : --$currentSlide;我的JS中有一个三元运算符,用于递减递减整数.当我在grunt JSHint中运行我的脚本时,请将此行作为Expected an assignment or function call and instead saw an expression.
任何人都可以建议我在哪里出错吗？我应该以不同的方式设定我的病情吗？
我添加了facebook like按钮<fb:like href="http://mysite.com" class="myFacebook" layout="button_count" ></fb:like>.
当我的页面加载任何,即在出现类似按钮之前有明显的白色背景时,是否有任何方法可以删除它？
我想创建一个2列布局,其中第2列被分成2行但是没有真正有任何喜欢试图找出如何做到这一点.我知道这个布局被添加到Main.sublime菜单,所以我复制了一个布局并称之为自定义1,不知道我必须添加作为键/值对或数组.有人可以帮我这个吗？
这是我到目前为止的工作:
{
"caption": "Custom 1",
"command": "set_layout",
"args":
{
"cols": [0.0, 0.5, 1.0],
"rows": [0.0, 0.5, 1.0],
"cells": [[0, 0, 1, 1], [0, 1, 1, 2], [0, 2, 1, 3]]
}
}
我想在我的$(document).ready()函数中添加youtube iframe api代码,但是当我这样做时,播放器似乎无法加载,当我将代码移到文档外时.播放器加载得很好.任何人都可以向我提供有关如何在功能内部显示此视频的任何建议吗？
JS
$(document).ready(function() {
var tag = document.createElement('script');
tag.src = "//www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('player', {
height: '390',
width: '640',
videoId: 'u1zgFlCw8Aw',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady() {
console.log('ready');
}
function onPlayerStateChange() {
console.log('player changed');
}
});
我完全理解为了学习javascript我需要知道函数是如何工作的,我理解传递参数的基础知识,然后调用带有值的函数可能会将某些东西添加到一起等等.我读过无数关于函数的文章以及书籍等,但我只是不知道如何使用它们以及何时应该使用等等,更高级的功能可能有4个参数并且正在进行不同的计算并返回被反射到脚本完全让我困惑.
我想知道的是,首先我如何克服这种困惑以及你可能拥有的任何智慧之词？我还要补充一点,我之前没有任何编程经验,并且在过去的两个月里经常撞到我的脑袋,因为我无法理解javascript.
我想知道每个人都用来测试你的移动开发的模拟器,想确保我使用最准确的模拟器/模拟器.
我目前使用电动梅花电动移动模拟器进行ipad和iphone仿真以及Opera Mini和Mobile仿真器.我已经下载了Android SDK,但是无法完成这项工作,所以我对这个结果非常怀疑.
我知道使用真实的设备来测试我的页面将获得最好的结果,但我也希望在桌面上有一个像样的软件包,只是为了给我一个关于开发过程如何进展的粗略指导.
欢迎所有建议和反馈
凯尔
我查看了各种建议来解决对类属性的测试均未成功的问题，并且想知道是否有人可以对我可能会出错的地方给予更多的了解，这是我已经尝试了所有带有错误的模拟的测试函数已被调用，但未被调用。
Search.jsx
import React, { Component } from 'react'
import { func } from 'prop-types'
import Input from './Input'
import Button from './Button'
class SearchForm extends Component {
static propTypes = {
toggleAlert: func.isRequired
}
constructor() {
super()
this.state = {
searchTerm: ''
}
this.handleSubmit = this.handleSubmit.bind(this)
}
handleSubmit = () => {
const { searchTerm } = this.state
const { toggleAlert } = this.props
if (searchTerm === 'mocky') {
toggleAlert({
alertType: 'success',
alertMessage: 'Success!!!'
})
this.setState({
searchTerm: ''
}) …是否可以将文本添加到svg路径,我创建了一个svg三角形,并希望在其中心添加一个字母,但不确定这是否可行？