我需要将一个元素对齐到它的'祖父母'的边缘.
这是代码的示例:
<div id='grandparent'>
<div class='parent' style='display:inline-block'>
<div class='child'></div>
</div>
<div class='parent' style='display:inline-block'>
<div class='child'></div>
</div>
<div class='parent' style='display:inline-block'>
<div class='child'></div>
</div>
<div class='parent' style='display:inline-block'>
<div class='child'></div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
因此.parent元素将被内联定位,这取决于#grandparent元素的宽度.我需要将每个.child元素定位到#grandparent的左边缘.
没有javascript,这有可能吗?
我将存储在javascript变量中的文本追加到div元素中.问题在于,根据情况,可能存在或可能不存在该变量中存储的文本.如果没有,我最终得到文本'undefined',其中有效文本将在div中.
举个例子:
htmlelement.innerhtml = '<h2>'+array.object.title+
'</h2><p>'+array.object.textField1+
'</p><p>'+array.object.textField2+
'</p><p>'+array.object.textfield3+'</p>';
Run Code Online (Sandbox Code Playgroud)
这将显示在将为数组中的每个对象运行的函数中.并非所有对象都包含所有3个文本字段中的内容.
那么是否有一种简单的方法可以防止"未定义"被打印出来?
现在我在前一行之前有这个:
if (!array.object.textfield1) {
array.object.textfield1 = ' ';
}
if (!array.object.textfield2) {
array.object.textfield2 = ' ';
}
if (!array.object.textfield3) {
array.object.textfield3 = ' ';
}
Run Code Online (Sandbox Code Playgroud)
但如果需要检查很多变量,这不是一个实用的解决方案.
我有一个我刚刚开始的Koa应用程序,我需要测试一些从配置文件中获取数据的东西.
我需要使用特定数据进行测试,但我不确定如何修改测试从配置文件中接收的数据.
例:
app.js
var router = require('koa-router');
var config = require('./config.js');
var db = require('./db.js');
var auth = require('./auth');
var app = require('koa')();
router.get('/', function *() {
if(auth(this.req, config.credentials.secret)) { // Authenticates request based on a hash created using a shared secret
this.body = "Request has been authenticated";
}
});
app.use(router.routes());
app = module.exports = http.createServer(app.callback());
app.listen(3000);
Run Code Online (Sandbox Code Playgroud)
appSpec.js
var request = require('supertest');
var app = require('../app.js');
describe('app', function() {
it('should authenticate all requests against config shared secret', function() { …Run Code Online (Sandbox Code Playgroud) 我在子目录的nginx上有一个作为代理运行的节点应用程序。我在重定向时遇到了麻烦,该重定向指向应用程序本身的不同部分。它们始终重定向到根目录,而不是重定向到代理的子目录。
例:
如果我的应用程序代理位于,https://example.com/myApp/并且重定向到,/admin/我希望页面重定向到https://example.com/myApp/admin/否https://example.com/admin/。
这是我的配置的相关部分:
location /myApp {
rewrite /myApp(.*) $1 break;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $host;
proxy_set_header X-NginX-Proxy true;
proxy_pass http://localhost:3030;
proxy_redirect http://localhost:3030/ /myApp/;
}
Run Code Online (Sandbox Code Playgroud)
我也尝试设置proxy_redirect为(^|^http://localhost:3030)/ /myApp/;
这是此域的完整配置文件:
upstream php-handler {
#server 127.0.0.1:9000;
server unix:/var/run/php5-fpm.sock;
}
## HTTP
server {
listen 80 default_server;
listen [::]:80 default_server ipv6only=on;
server_name example.com www.example.com;
return 301 https://$server_name$request_uri;
}
## HTTPS
server {
listen 443 ssl;
server_name example.com;
ssl_certificate /etc/ssl/www.example.com.crt; …Run Code Online (Sandbox Code Playgroud) Google Chrome开发工具不再允许我将其重新定位到页面底部而不是右侧.有谁知道如何重新启用此功能?这使得在某些屏幕布局中使用它变得非常困难.
我使用的是Chrome v 33.0.1750.154 m Windows 8.1
有趣的是,在Canary(v 35.0.1900.0 canary)中则相反.在金丝雀开发工具中,工具粘在底部,不能重新定位到侧面.
是否有一些我不小心点击的复选框或什么?目前我只能停靠或取消停靠开发工具面板,但是更改它在窗口内的位置的选项已经消失.
我试图通过业力运行jasmine Specs但是当karma查找我包含的文件时,它使用了一个基本路径,C:\即使配置文件在C:\dev\project\.
我在吞咽任务中运行Karma:
var karma = require('karma').server;
gulp.task('test', function (done) {
karma.start({configFile: '../../../karma.conf.js', singleRun: true}, done);
});
Run Code Online (Sandbox Code Playgroud)
与此问题相关的设置:
basePath: '',
files: [
{patterns:'bower_components/**/*.js',included:true},
{patterns:'src/*.js', included:true},
{patterns:'tests/*Spec.js', included:true}
],
exclude: []
Run Code Online (Sandbox Code Playgroud)
当我gulp test从业力中运行日志吐出这个:
WARN [watcher]: Pattern "C:/bower_components/**/*.js" does not match any file.
WARN [watcher]: Pattern "C:/src/*.js" does not match any file.
WARN [watcher]: Pattern "C:/tests/*Spec.js" does not match any file.
Run Code Online (Sandbox Code Playgroud)
我是业力新手,我不确定这里的问题是什么.我试过basePath的'','./'和'/'.
通过阅读文档,该设置undef似乎是控制“x 未定义”警告的原因。但将其设置为 false 并不会阻止这些警告。所以这让我想知道undef到底是什么。
有人可以比文档更好地解释这一点吗?
注意:要忽略这些警告,我必须使用/*jshint -W117 */
我一直在为koa应用编写身份验证路由器。
我有一个模块,可以从数据库获取数据,然后将其与请求进行比较。我只想yield next通过身份验证即可运行。
问题在于,与数据库通信的模块返回了一个Promise,如果我尝试yield next在该Prom中运行,则会出现错误。无论是SyntaxError: Unexpected strict mode reserved word还是SyntaxError: Unexpected identifier取决于是否被使用严格模式。
这是一个简化的示例:
var authenticate = require('authenticate-signature');
// authRouter is an instance of koa-router
authRouter.get('*', function *(next) {
var auth = authenticate(this.req);
auth.then(function() {
yield next;
}, function() {
throw new Error('Authentication failed');
})
});
Run Code Online (Sandbox Code Playgroud) 我无法弄清楚为什么这会打破我的页面.有人可以看看吗?谢谢!
while ($row = mysql_fetch_array(mysql_query("SELECT * FROM `mytable` WHERE `col1` = 0"))) {
echo $row['id'];
}
Run Code Online (Sandbox Code Playgroud)
我已经看到这种类型的while循环在google搜索中经常出现,只是浏览stackoverflow.我不知道为什么它不适合我.
我如何达到预期的效果?(回显每行的id col1 = 0)
我正在使用gulpfile.js由yeoman的gulp-webapp生成器生成并由我稍微修改以满足我的需求.出于某种原因,当我尝试运行构建过程(默认任务)时,我一直遇到问题.在'html'任务期间抛出错误,大多数错误引用都在`node_modules\gulp-useref\index.js'中.
这是错误输出:
stream.js:94
throw er; //Unhandled stream in pipe.
TypeError: path must be a string
at Object.fs.openSync (fs.js:427:18)
at Object.fs.readFileSync (fs.js:284:15)
at Transform.<anonymous> (C:\dev\project\node_modules\gulp-useref\index.js:54:44)
at Array.forEach (native)
at Transform.<anonymous> (C:\dev\project\node_modules\gulp-useref\index.js:50:31)
at Array.forEach (native)
at Transform.<anonymous> (C:\dev\project\node_modules\gulp-useref\index.js:41:36)
at Array.forEach (native)
at Transform._transform (C:\dev\project\node_modules\gulp-useref\index.js:38:23)
at Transform._read (C:\dev\project\node_modules\gulp-useref\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:184:10)
at Transform._write (C:\dev\project\node_modules\gulp-useref\node_modules\through2\node_modules\readable-stream\lib\_stream_transform.js:172:12)
Run Code Online (Sandbox Code Playgroud)
这是HTML任务:
gulp.task('html', ['styles', 'scripts'], function () {
var jsFilter = $.filter('**/*.js');
var cssFilter = $.filter('**/*.css');
return gulp.src(['app/**/*.html','app/**/*.php'])
.pipe($.useref.assets())
.pipe(jsFilter)
.pipe($.uglify())
.pipe(jsFilter.restore())
.pipe(cssFilter)
.pipe($.csso())
.pipe(cssFilter.restore())
.pipe($.useref.restore())
.pipe($.useref())
.pipe(gulp.dest('dist'))
.pipe($.size());
});
Run Code Online (Sandbox Code Playgroud) 我试图浮动元素.这是我的css:
width: 320px;
float: left;
border: 1px solid #ccc;
margin-top: 10px;
margin-right: 10px;
border-radius: 5px;
Run Code Online (Sandbox Code Playgroud)
我的生成输出

但我想以这种格式显示我的div

请帮帮我.如何使用CSS防止垂直间隙?
我试图通过多个值对多维数组进行排序,但我不断收到错误:
Warning: array_multisort() [function.array-multisort]: Array sizes are inconsistent in - on line 19
第19行是我调用array_multisort函数的地方:
array_multisort($column1, $column2, $column3, $row);
我一直无法在测试中复制这个问题,所以我没有太多运气来解决这个问题.
所以基本上我将MySql表保存为多维关联数组.然后我试图通过三个不同的列对行进行排序.我检查过并且传入array_multisort()函数的所有数组都是相同的大小.我通过手动查看每一行并使用来检查两者sizeof().
什么可能导致这个和/或解决方案是什么?
javascript ×6
html ×3
css ×2
gulp ×2
koa ×2
php ×2
alignment ×1
css3 ×1
generator ×1
grandchild ×1
jshint ×1
karma-runner ×1
koa-router ×1
mysql ×1
nginx ×1
node.js ×1
parent ×1
proxy ×1
redirect ×1
sorting ×1
tdd ×1
undefined ×1
unit-testing ×1
variables ×1
while-loop ×1
yeoman ×1