已经阅读了很多这方面的主题,但似乎没有任何工作.
刚开始一个项目,我几乎从基础文档网站复制/粘贴代码,它不起作用.
继承人我的HTML测试
<body>
<header>
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="#">My Site</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#">Menu</a></li>
</ul>
<section class="top-bar-section">
<!-- Right Nav Section -->
<ul class="right">
<li class="active"><a href="#">Right Button Active</a></li>
<li class="has-dropdown">
<a href="#">Right Button with Dropdown</a>
<ul class="dropdown">
<li><a href="#">First link in dropdown</a></li>
</ul>
</li>
</ul>
<!-- Left Nav Section -->
<ul class="left">
<li><a href="#">Left Nav Button</a></li>
</ul>
</section>
</nav>
</header>
<footer>
<p>Some copyright and legal notices here. Maybe use the © symbol a …有一些问题使用css3动画比例,不透明度和其他东西工作,但似乎无法使规模工作.
片段:
#treeLeaves {
background: url(https://i.pinimg.com/originals/72/c0/8e/72c08eefa235ae1c8aa72caa71eeba39.jpg);
background-repeat:no-repeat;
width:100%;
height:375px;
z-index:5;
position:absolute;
bottom:140px;
left:0px;
}
@keyframe leaves {
0% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
100% {
transform: scale(2.0);
-webkit-transform: scale(2.0);
}
}
#treeLeaves {
animation: leaves 5s ease-in-out infinite alternate;
-webkit-animation: leaves 5s ease-in-out infinite alternate;
}<div id="treeLeaves"></div>
<div class="leaves">基本上它的1 img,我想随着时间的推移不断扩大和缩小.只使用webkit,因为它只需要在chrome中工作.
谢谢.
我目前正在学习 javascript 并有一个问题。我试图只针对 div id=title 中的 h1 标签我尝试了几种方法，将其用作参考站点等：http : //www.ibm.com/developerworks/library/wa-jsanddom-pr/sidefile1 .html
但似乎没有任何工作，我取回值“未定义”基本上我想要做的只是针对 h1 并将文本更改为其他内容。我怎么做？这是沿着正确的道路还是有不同的方法来做到这一点？
<div id="title">
<h1>Javascript Lesson 1</h1>
<p>The basics</p>
</div>
<script>
var title = document.getElementById('title');
var titleHeading = title.firstChild;
console.log (title.value);
</script>
任何帮助是极大的赞赏。谢谢。
为 React 安装了 Rodal 模态，但是当我添加时
import 'rodal/lib/rodal.css';
我收到一个错误 ->“./~/rodal/lib/rodal.css 模块解析失败”
环顾四周似乎是 babel.config.js 问题，但即使复制其他人的答案，问题仍然存在。下面是 babel.config.js 文件
module.exports = {
entry: [
'./src/index.js'
],
output: {
path: __dirname,
publicPath: '/',
filename: 'bundle.js'
},
module: {
loaders: [
{ test: /\.js$/, exclude: /node_modules/, loaders: 'babel', query: { presets: ['react', 'es2015', 'stage-1'] } },
{ test: /\.css$/, loader: "style-loader!css-loader" }
]
},
resolve: {
extensions: ['', '.js', '.jsx']
},
devServer: {
historyApiFallback: true,
contentBase: './'
}
};
添加 package.json
{
"name": "frontend",
"version": "1.0.0", …我试图找出一些东西.
我有一个简单的网页,图案背景重复,我想在CSS中做的是使用多个背景创建一个颜色叠加.我的代码就是这个.
html,body {
background:
rgba(200, 54, 54, 0.5),
url(../img/background.png) repeat;
}
但它没有任何显示,只是一个白色的屏幕,如果我切换背景位置并将图像放在顶部然后我可以看到它确实找到图像并显示但显然没有颜色叠加.
我是否错过了我认为这应该有效的方法？它不适用于html,body标签？
任何帮助是极大的赞赏.谢谢尼克
使用上一个项目中类似的 React-Route 工作，但这个只是给出一个白屏，如果我在根目录中创建一个导航链接，它会改变路径但保持白色。不知道为什么内容没有加载进来。还有repo 上的代码：repo with code
索引.js
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, browserHistory, IndexRoute } from 'react-router';
import App from './App';
import Test from './components/test';
import Home from './pages/home_page';
import './index.css';
ReactDOM.render((
<Router history={browserHistory}>
<Route path='/' component={App}>
<IndexRoute component={Home}/>
<Route path='/test' component={Test} />
</Route>
</Router>
), document.getElementById('app'))
应用程序.js
import React, { Component } from 'react';
import './App.css';
export default class App extends Component {
render() {
return (
<div>
{this.props.childen} …