我正在采用以下方法在屏幕上设置星形场的动画,但我仍然坚持下一部分.
JS
var c = document.getElementById('stars'),
ctx = c.getContext("2d"),
t = 0; // time
c.width = 300;
c.height = 300;
var w = c.width,
h = c.height,
z = c.height,
v = Math.PI; // angle of vision
(function animate() {
Math.seedrandom('bg');
ctx.globalAlpha = 1;
for (var i = 0; i <= 100; i++) {
var x = Math.floor(Math.random() * w), // pos x
y = Math.floor(Math.random() * h), // pos y
r = Math.random()*2 + 1, // radius
a = …Bootstrap 3在列上应用15px左右填充.
这给我带来了麻烦,因为我的布局有很多嵌套列:
<div class="col-md-6"></div>
<div class="col-md-6"></div>
<div class="col-md-12">
<div class="col-md-6">
<div class="col-md-12"></div>
<div class="col-md-12"></div>
</div>
<div class="col-md-6"></div>
</div>
见小提琴.
我不需要删除填充因为我需要元素之间的分离.
我在视觉上看到的结果是:http://jsfiddle.net/Aeup8/8/
我的第一个方法是设置:
[class^='col-'] {
padding:0;
}
[class^='col-'] + [class^='col-'] {
padding-left: 15px;
}
但是,这不会修复换行到第二行的列.
我的第二种方法是使用JavaScript:
(function($) {
var $els = $('[class^="col-"');
//console.log($els);
var cols = {};
$els.each(function(i, col) {
var classes = $(col).attr('class').split(' ');
classes.forEach(function(str) {
var match = str.match(/col-(\w+)-(\d+)/);
if ( match ) {
//console.log($els.eq(i));
cols[match[1]] = cols[match[1]] || {};
var current = …假设一个fruits看起来像这样的表:
------------------------------------------
| id | name | color | calories |
------------------------------------------
| 1 | apple | red | 20 |
| 2 | orange | orange | 10 |
| 3 | grapes | green | 5 |
| 4 | bananas | yellow | 15 |
| 5 | plum | purple | 25 |
------------------------------------------
如何将行的值与另一行交换,使id号保持不变？
例:
SWAP ROW WITH ID "5" WITH ROW WITH ID "2"
结果:
------------------------------------------
| id | name …我有一个包含两个子模块的存储库,我想将其转换为单个项目.许多答案涉及脚本,有些似乎过于复杂.
[submodule "site"]
path = wp-content/themes/site
url = https://ajf-@bitbucket.org/ajf-/site.git
fetchRecurseSubmodules = true
ignore = all
[submodule "wpsite"]
path = wp-content/themes/wpsite
url = https://ajf-@bitbucket.org/ajf-/wpsite.git
fetchRecurseSubmodules = true
ignore = all
是否有正式支持/记录的方法将这些子模块合并到父存储库中？
我根据本指南设置了轻量级,我并没有真正使用已安装的lighttpd守护进程(这是驻留在/etc/init.d/lighttpd中的守护进程).我不希望网络服务器一直在运行,除非我在工作.我想在需要时调用lighttpd -Df lighttpd.conf.
我怎么能禁用它？
我正在使用mocha测试React组件.我试图捕捉一些警告(通过console),主要与"失败的propType"和React可以给出的其他警告有关.但是我不得不重复使用其他测试方法,因为测试只会在第一次显示警告.
这是我的测试代码:
var jsdom = require('mocha-jsdom');
var { expect, assert } = require('chai');
var sinon = require('sinon');
describe('Deck', function() {
jsdom();
var React = require('react/addons');
var TestUtils = React.addons.TestUtils;
var Deck, Card, OtherMock;
var renderer, result;
beforeEach(function() {
Deck = require('../App/Components/Deck.js');
Card = require('../App/Components/Card.js')
OtherMock = React.createClass({ render: function() { return null } });
renderer = React.addons.TestUtils.createRenderer();
renderer.render(
<Deck>
<OtherMock />
<OtherMock />
<OtherMock />
<Card />
<Card />
<Card />
</Deck>
);
result = renderer.getRenderOutput();
});
afterEach(function() …我的项目使用Varying-Vagrant-Vagrants作为子模块/machine.
VVV提供了通过自定义文件配置它的可能性.我的自定义文件是:
machine/
??? Customfile
??? config
? ??? nginx-config
? ??? sites
? ??? mysite.conf
??? www
??? mysite
??? vvv-hosts
??? vvv-init.sh
??? wp-cli.yml
这些路径在VVV的.gitignore文件中都被忽略.
什么是在我的项目中提供这些文件的好方法,以便在整个项目被递归克隆时它们与vvv位于同一目录中？希望无需制作跟踪这些文件的分支.
只需添加包含这些文件的子模块,就会产生以下结果:
$ git submodule add https://github.com/Varying-Vagrant-Vagrants/VVV.git machine/
'machine' already exists and is not a valid git repo
谢谢
据我所知,获取级联动画的常用方法是:
.box {
animation: someAnimation 3s linear 0s 1 normal none;
}
然后,如果我想实现级联(顺序)效果:
.box:nth-child(1) {
animation-delay: 0s;
}
.box:nth-child(2) {
animation-delay: 0.5s;
}
.box:nth-child(3) {
animation-delay: 1s;
}
etc...
通常,这可以通过mixin自动使用LESS或SASS进行,该mixin为N个元素输出.
问题是:如何在CSS中为无限量的元素执行此操作？ 换句话说,如何在不指定每个孩子的延迟的情况下制作级联动画？
使用新控制器尝试Sails,但视图无法正确呈现.我的控制器看起来像这样:
/**
* QuestionController
*
* @module :: Controller
* @description :: Contains logic for handling requests.
*/
module.exports = {
/* e.g.
sayHello: function (req, res) {
res.send('hello world!');
}
*/
index: function (req, res) {
return res.view({
questions: [{title: 'Freddy a presidente?', content: 'Últimamente Freddy se encuentra con más diplomacia.'}]
});
}
};
虽然我的观点如下:
<h1>Preguntas</h1>
<ul>
<% _.each(questions, function(question) { %>
<li><%= question.title %></li>
<% }) %>
</ul>
但是我收到以下错误:
ReferenceError: /home/alainus/dev/parlamenta/parlamenta/views/question/index.ejs:3
1| <h1>Preguntas</h1>
2| <ul>
>> 3| <% …我是Mocha的新手，正在尝试对此代码进行测试：
"use strict";
process.env.NODE_ENV = 'test';
var assert = require('assert'),
Browser = require('zombie'),
xapp = require('../app'),
app,
User = require('../models/users').User,
testMail = 'aaa@aaa.aaa',
testPassword = 'aD1$#!_é',
server;
before(function(done) {
xapp(function(sapp) {
app = sapp;
server = app.listen(3000, done);
});
});
after(function(done) {
app.closeMongo(function() {
server.close(done);
});
});
function clearDb(done) {
User.findOne({email: testMail}, function(err, user) {
if(err) return done(err);
if(!user) return done();
else {
user.remove(done);
}
});
}
describe('User signup', function() {
this.timeout(3200);
before(clearDb);
describe('Homepage Form', function() {
this.timeout(3200);
it('should load …我刚刚在WP网站联系表上实施了reCaptcha。
它是这样的：
$form.submit(function(e) { e.preventDefault(); return false; }$form[0].submit();<div id="ny_cf-3" class="footer-ny widget widget_ny_cf"><h2 class="widgettitle">Contact Us</h2>
<!-- contact form widget -->
<p class="response"></p>
<form method="post" enctype="multipart/form-data" class="ny-footer-contact-form" action="http://wpstage.leadscon.com/leadsconny/" data-submit="return fm_submit_onclick(1)" id="fm-form-1" name="fm-form-1">
<div class="form-group" id="fm-item-text-53546749dea0d">
<input type="text" name="text-53546749dea0d" id="text-53546749dea0d" style="width:px;" placeholder="Your name" class="form-control">
</div>
<div class="form-group" id="fm-item-text-5354674e4b90b">
<input type="text" name="text-5354674e4b90b" id="text-5354674e4b90b" style="width:px;" placeholder="Email address" class="form-control">
</div>
<div class="form-group" id="fm-item-textarea-5354675009293">
<textarea name="textarea-5354675009293" id="textarea-5354675009293" style="width:px;height:100px;" placeholder="Your message" class="form-control"></textarea>
</div>
<input type="email" class="teddybear" style="display:none">
<button type="submit" id="fm_form_submit" …