小编Hal*_*ton的帖子

有没有办法在没有jQuery/javascript的情况下将元素与其"祖父母"对齐?

我需要将一个元素对齐到它的'祖父母'的边缘.

这是代码的示例:

<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,这有可能吗?

html css parent alignment grandchild

5
推荐指数
1
解决办法
4015
查看次数

有没有办法防止未定义的javascript变量在插入html时显示'undefined'?

我将存储在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)

但如果需要检查很多变量,这不是一个实用的解决方案.

html javascript variables undefined

5
推荐指数
1
解决办法
2249
查看次数

如何模拟我的配置文件进行测试?

我有一个我刚刚开始的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)

javascript tdd unit-testing node.js koa

5
推荐指数
3
解决办法
5023
查看次数

如何使Nginx代理停止重定向到root?

我在子目录的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)

proxy redirect nginx

5
推荐指数
1
解决办法
2770
查看次数

Chrome Dev Tools不再让我定位到最底层

Google Chrome开发工具不再允许我将其重新定位到页面底部而不是右侧.有谁知道如何重新启用此功能?这使得在某些屏幕布局中使用它变得非常困难.

我使用的是Chrome v 33.0.1750.154 m Windows 8.1

有趣的是,在Canary(v 35.0.1900.0 canary)中则相反.在金丝雀开发工具中,工具粘在底部,不能重新定位到侧面.

是否有一些我不小心点击的复选框或什么?目前我只能停靠或取消停靠开发工具面板,但是更改它在窗口内的位置的选项已经消失.

google-chrome web-developer-toolbar google-chrome-devtools

3
推荐指数
1
解决办法
592
查看次数

Karma basePath默认为C:\

我试图通过业力运行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'','./''/'.

javascript karma-runner karma-jasmine gulp

3
推荐指数
1
解决办法
1605
查看次数

JSHint 选项“undef”有什么作用?

通过阅读文档,该设置undef似乎是控制“x 未定义”警告的原因。但将其设置为 false 并不会阻止这些警告。所以这让我想知道undef到底是什么。

有人可以比文档更好地解释这一点吗?

注意:要忽略这些警告,我必须使用/*jshint -W117 */

javascript jshint

3
推荐指数
1
解决办法
595
查看次数

如何在promise或callback中运行“ yield next”?

我一直在为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)

javascript generator koa koa-router

3
推荐指数
1
解决办法
1641
查看次数

PHP无休止地循环而不是遍历MySQL表行

我无法弄清楚为什么这会打破我的页面.有人可以看看吗?谢谢!

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)

php mysql while-loop

1
推荐指数
1
解决办法
153
查看次数

Gulp-useref抛出错误:"path必须是一个字符串"

我正在使用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)

yeoman yeoman-generator gulp

1
推荐指数
1
解决办法
5409
查看次数

如何在没有垂直间隙的情况下浮动元素?

我试图浮动元素.这是我的css:

width: 320px;
float: left;
border: 1px solid #ccc;
margin-top: 10px;
margin-right: 10px;
border-radius: 5px;
Run Code Online (Sandbox Code Playgroud)

我的生成输出

我的输出使用css

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

需要这种输出

请帮帮我.如何使用CSS防止垂直间隙?

html javascript css css3

1
推荐指数
1
解决办法
1843
查看次数

使用array_multisort时"数组大小不一致"错误

我试图通过多个值对多维数组进行排序,但我不断收到错误:

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().

什么可能导致这个和/或解决方案是什么?

php sorting

0
推荐指数
1
解决办法
5366
查看次数