小编pan*_*hro的帖子

页眉和页脚标签是否应位于主标签内

我正在使用main标签 - 我应该将标题和页脚标签放在主标签内还是应该分开?

另外,主标签是否需要role ="main"?

html5

21
推荐指数
3
解决办法
2万
查看次数

保持纵横比与最小/最大高度/宽度?

我的网站上有一个用户可以上传图片的图库.

我希望图像位于保持其高度的div中,图像的高度不应超过500px.宽度应自动保持纵横比.

HTML:

<div id="gallery">
    <img src="uploads/my-dynamic-img.jpg">
</div>
Run Code Online (Sandbox Code Playgroud)

我试过这个CSS:

#gallery{
    height: 500px;

    img{
        max-height: 500px;
        max-width: 100%;
    }
}
Run Code Online (Sandbox Code Playgroud)

以上效果很好,画廊总是500px高,图像高度不超过500px.我遇到问题虽然图像较小,但如果用户上传的图片非常小,我希望它"炸毁"至少200px.我知道这可以通过min-height在图像上设置来实现,问题是,如果图像高度小于200px但是说宽度为2000px,则图像的高度会高达200px,但是长宽比是拧紧,因为图像比图像父div更宽.

我怎样才能达到最小高度但保持纵横比?

html css sass aspect-ratio

20
推荐指数
3
解决办法
2万
查看次数

Haxe/OpenFL/Flixel

我一直在浏览Haxe/OpenFL/Flixel的网站,但我很难理解每个人的用途.

据我了解:

Haxe是一种可以部署到多个平台的语言.OpenFL与Flash有关.Flixel是一个帮助您制作游戏的库.

谁能纠正我/让它更清楚.

haxe openfl haxeflixel

19
推荐指数
2
解决办法
7397
查看次数

获取表单数据提交?

提交表单后,我希望得到一个输入值:

<input type="text" id="name">
Run Code Online (Sandbox Code Playgroud)

我知道我可以使用表单输入绑定来将值更新为变量,但我怎样才能在提交时执行此操作.我目前有:

<form v-on:submit.prevent="getFormValues">
Run Code Online (Sandbox Code Playgroud)

但是如何在getFormValues方法中获取值?

另外,附带问题,当用户通过绑定输入数据时,在提交时执行此操作是否有任何好处而不是更新变量?

vue.js vuejs2

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

Browserify import/require?

我正在尝试浏览浏览器,并通过了很多例子.

在一个例子中,我看到'import'的使用:

import 'jquery';
Run Code Online (Sandbox Code Playgroud)

和导入本地文件:

import Header from './Header';
Run Code Online (Sandbox Code Playgroud)

但在其他例子中我看到人们通过以下方式导入

require('./Header');
Run Code Online (Sandbox Code Playgroud)

有什么不同?

javascript browserify ecmascript-6

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

在刀片模板中包含css文件?

我想在我的Laravel刀片模板中包含一个css文件.

我试过了:

@include(public_path('css/styles.css'))
Run Code Online (Sandbox Code Playgroud)

但它说视图不存在.它确实存在.

我怎样才能包含css文件?

请注意,我知道这不是链接css文件的正确方法,但对于我的用例它是(我不是在建立一个网站).

laravel laravel-5 laravel-5.4

17
推荐指数
4
解决办法
6万
查看次数

Bootstrap行?

我有一个表单,我对行混淆.

我应该在哪里排?我需要它们吗?我需要一个模态吗?一个用于整个表单或每个表单输入?

这就是我所拥有的:

<div class="container">
  <div id="modal" class="modal fade">
  //modal stuff
  </div><!-- /.modal -->

  <h1>Title Here</h1>
  <form id="content-add-form" class="form-horizontal" role="form" name="content-add-form" enctype="multipart/form-data">

   <div class="form-group">
        <label for="title" class="col-md-2 control-label">Title:</label>
        <div class="col-md-4">
            <input name="title" type="text" class="form-control" placeholder="Title">
        </div>
    </div>

    <div class="form-group">
        <label for="date" class="col-md-2 control-label">Date:</label>
        <div class="col-md-2">
            <div class='input-group date' id='date-picker'>
                <input type='text' class="form-control" name="date" value="{{ date("d-m-Y") }}" data-format="dd-MM-yyyy" readonly/>
                <span class="input-group-btn">
                    <button class="btn btn-default datepicker-invoker" type="button"><i class="icon-calendar"></i></button>
                </span>
            </div>
        </div>
    </div>


</form>
Run Code Online (Sandbox Code Playgroud)

css twitter-bootstrap twitter-bootstrap-3

16
推荐指数
1
解决办法
4万
查看次数

ES6类:脚本中的意外标记?

我正在复制一个试图学习ES6的例子,但是我收到了一个编译错误:

Unexpected token (2:5)
Run Code Online (Sandbox Code Playgroud)

它似乎是指count = 0;

我究竟做错了什么?

class Counter {
    count = 0;

    constructor() {
        setInterval(function() {
            this.tick();
        }.bind(this), 1000);
    }

    tick() {
        this.count ++;
        console.log(this.count);
    }
}
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6

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

防止fieldset元素的边框通过图例元素

我有一个字段集,如何将图例放在带边框的字段集中?我希望边界绕过传说,而不是通过它的中间.

的jsfiddle

fieldset {
  border: 0;
  padding: 0!important;
  margin: 0;
  min-width: 0;
  border: 1px solid red;
}
legend {
  padding: 0!important;
}
Run Code Online (Sandbox Code Playgroud)
<fieldset>
  <legend>Title</legend>
</fieldset>
Run Code Online (Sandbox Code Playgroud)

html css

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

调用未定义的方法Illuminate\Foundation\Application :: bindShared()

我刚刚将Laravel从5.0升级到5.1.

我收到此错误:

Call to undefined method Illuminate\Foundation\Application::bindShared()
Run Code Online (Sandbox Code Playgroud)

所以经过一些搜索我需要将bindShared更改为单例.

我可以在vendor/illuminate/html/HtmlServiceProvider.php中执行此操作

问题是,当另一个开发人员在项目上工作并执行编写器安装或部署到服务器时会发生什么.

如何将更改保留在供应商文件夹中的文件?

laravel composer-php laravel-5

14
推荐指数
2
解决办法
2万
查看次数