我刚在终端上制作了一个非常简单的Docker文件,基本上我做了以下工作:
mkdir pgrouted
cd pgrouted
touch Dockerfile
Run Code Online (Sandbox Code Playgroud)
现在我在nano编辑器中打开Docker文件,然后将以下命令添加到Docker文件中:
FROM ubuntu
MAINTAINER Gautam <gautamx07@yahoo.com>
LABEL Description="pgrouting excercise" Vendor="skanatek" Version="1.0"
ENV BBOX="-122.8,45.4,-122.5,45.6"
# Add pgRouting launchpad repository
RUN sudo apt-add-repository -y ppa:ubuntugis/ppa
RUN sudo apt-add-repository -y ppa:georepublic/pgrouting
RUN sudo apt-get update
# Install pgRouting package (for Ubuntu 14.04)
RUN sudo apt-get install postgresql-9.3-pgrouting
# Install osm2pgrouting package
RUN sudo apt-get install osm2pgrouting
# Install workshop material (optional, but maybe slightly outdated)
RUN sudo apt-get install pgrouting-workshop
# For workshops at …Run Code Online (Sandbox Code Playgroud) 我刚刚通过这里的角度和openlayers指令的示例,并遇到了以下示例:
<!DOCTYPE html>
<html ng-app="demoapp">
<head>
<script src="../bower_components/openlayers3/build/ol.js"></script>
<script src="../bower_components/angular/angular.min.js"></script>
<script src="../bower_components/angular-sanitize/angular-sanitize.min.js"></script>
<script src="../dist/angular-openlayers-directive.js"></script>
<link rel="stylesheet" href="../bower_components/openlayers3/build/ol.css" />
<script>
var app = angular.module('demoapp', ['openlayers-directive']);
app.controller('DemoController', [ '$scope', function($scope) {
angular.extend($scope, {
center: {
lat: 0,
lon: 0,
autodiscover: true
}
});
}]);
</script>
</head>
<body ng-controller="DemoController">
<openlayers ol-center="center" height="400px"></openlayers>
<h1>Center autodiscover example</h1>
<form>
Latitude : <input type="number" step="any" ng-model="center.lat" />
Longitude : <input type="number" step="any" ng-model="center.lon" />
Zoom : <input type="number" step="any" ng-model="center.zoom" />
<button ng-click="center.autodiscover=true">Discover position</button>
</form> …Run Code Online (Sandbox Code Playgroud) 我是jQuery的新手,我一直在尝试查找bootstrap transition.js(第50行)代码并弄清楚它是如何工作的.我偶然发现了以下情况:
$.event.special.bsTransitionEnd = {
bindType: $.support.transition.end,
delegateType: $.support.transition.end,
handle: function (e) {
if ($(e.target).is(this)) return e.handleObj.handler.apply(this, arguments)
}
Run Code Online (Sandbox Code Playgroud)
我已经阅读了文档,但除了以下内容之外,我真的不太了解:
bindType: // the event you want to bind with
delegateType: // the event you want to delegate with
Run Code Online (Sandbox Code Playgroud)
经过一些研究,我发现了以下内容:
这些是转换结束事件的特殊属性,可供以后在transition.js中使用.
我试图通过阅读这篇文章来弄清楚事情,但我想知道的是......什么是$.event.special这条线的使用是 什么?它的常见用法是什么?
PS:我确实在SO上阅读了这个问题,但它有更多的外部链接而不是答案本身.我希望我们能够有一个关于最基本用途的明确的规范问答$.event.special?
我需要使用flexbox来集中我的导航,因此我想出了以下内容:
.navbar-brand > img {
width: 100px;
}
.navbar-default {
background-color: #fff;
border-color: #fff;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.navbar-default .navbar-nav > li > a {
color: #464646;
text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:active {
color: #727272;
}
.navbar-default .navbar-nav > li:not(.active) > a:before {
content: '';
position: absolute;
bottom: 0;
left: 30%; …Run Code Online (Sandbox Code Playgroud)我真的很喜欢使用sublime text-3而且我已经使用这个编辑器一段时间了,我真的很喜欢这个编辑器的一些功能,我安装了以下软件包:
颜色更高.JS-掉毛
我特别高度依赖JS-linting,因为在编辑器中捕获错误而不是稍后在浏览器中捕获错误非常重要.
下面是插件在开发过程中如何帮助我的截图:
彩色荧光笔
JSLint的
现在这是一个奇怪的问题,但不知何时有插件工作有时,有时他们没有,没有特定的模式,他们只是有时不工作,IE有时,我将有明显的错误在我的编辑器和JSlinter,将甚至没有突出他们.为什么会发生这种情况,我该如何解决这个问题呢?
PS我希望你能意识到,如果你的linter决定突然停止工作会有多糟糕.
编辑:我在我的控制台中看到以下错误.错误日志
我使用这个名为transit.js的插件来创建一个简单的菜单动画,基本上我有以下菜单,见下图:
打开和关闭菜单的代码如下:
$('.main-header .nav-toggle-button').on('click' , function() {
// $('.main-header .navigation').toggleClass('show');
if ($('.main-header .navigation').hasClass('show')) {
$('.main-header .navigation').stop().removeClass('show');
return false;
}
$('.main-header .navigation').stop().transition({
perspective: '1000px',
rotateY: '180deg',
duration : 0
}, function() {
$(this).addClass('show').stop().transition({ rotateY: '0' });
});
return false;
});
Run Code Online (Sandbox Code Playgroud)
DEMO HERE,(对不起,小提琴只是没有重现这个问题.)
BUG:正如你所看到的那样,没有动画,菜单消失,现在当页面滚动超过
200px+和低于992px宽度时会出现这个错误 ,所以基本上当你点击汉堡包时,菜单会打开一个旋转动画但是当你再次点击汉堡包时,即使从菜单中删除了'show'类,菜单有时也不会关闭.
这是我之外的其中一个错误,在控制台中检查并通过JS代码实际上并没有真正帮助.
我真的很感激,如果有人能指出我在这里做错了什么,因为JS和CSS看起来确实很完美但是使用传输的css转换只是没有按预期工作.
我只是调试modal.js并遇到了以下代码:
that.$element.find('.modal-dialog') // wait for modal to slide in
.one('bsTransitionEnd', function () {
that.$element.trigger('focus').trigger(e)
})
.emulateTransitionEnd(Modal.TRANSITION_DURATION) :
that.$element.trigger('focus').trigger(e)
Run Code Online (Sandbox Code Playgroud)
我的问题是关于以下几行:
emulateTransitionEnd(Modal.TRANSITION_DURATION) :
Run Code Online (Sandbox Code Playgroud)
那是什么?一个jQuery函数?引导程序中的自定义函数?
我搜索了这个函数,但几乎找不到任何东西,我猜这是一个自定义引导函数.但是我根本没有在modal.js(bootstrap.js的子集)中看到这个函数.
我在某处看到了以下内容:链接.
这究竟是emulateTransitionEnd什么?它在哪里定义,它在做什么?
你可以在这里找到我正在谈论的那一行:第99行modal.js
我在Laravel进行了以下迁移:
<?php
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class QualityCheckTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('quality_check', function (Blueprint $table) {
$table->increments('id');
$table->boolean('favicon');
$table->boolean('title');
$table->boolean('image-optimization');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::drop('quality_check');
}
}
Run Code Online (Sandbox Code Playgroud)
我有以下控制器方法,当提交frontEnd中的表单时运行:
public function store(CreateArticleRequest $request) {
// $input = Request::all();
Article::create($request->all());
return redirect('articles');
}
Run Code Online (Sandbox Code Playgroud)
我的表格看起来像,所以:
{!! Form::open([ 'action' => 'QualityCheckController@validateSave' , 'class'=>'quality-check-form' , 'method' => 'POST' ]) …Run Code Online (Sandbox Code Playgroud) 我在本地xampp上有这个表,表名是tags,这在我的本地系统上完全正常,但是当我将这个表上传到我的服务器时,我收到以下错误:
我在桌子peckinga_blog下面的表格如下:
您可以看到tags其中一个,同样对于tags表格,我在laravel应用程序中进行了以下迁移:
<?php
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Database\Migrations\Migration;
class CreateTagsTable extends Migration
{
/**
* Run the migrations.
*
* @return void
*/
public function up()
{
Schema::create('Tags', function (Blueprint $table) {
$table->increments('id');
$table->mediumText('tag');
});
}
/**
* Reverse the migrations.
*
* @return void
*/
public function down()
{
Schema::drop('Tags');
}
}
Run Code Online (Sandbox Code Playgroud)
既然我的数据库清晰可用,为什么我会得到这个错误?我该怎么做才能使我的服务器找到数据库tags而不是Tags?
当我试图fill-rule在SVG中理解时,我看到了以下的svg形状
<div class="contain-demo">
<svg width="250px" height="250px" viewBox="0 0 250 250">
<desc>Yellow star with intersecting paths to demonstrate evenodd value.</desc>
<polygon fill="#F9F38C" fill-rule="evenodd" stroke="#E5D50C" stroke-width="5" stroke-linejoin="round" points="47.773,241.534 123.868,8.466 200.427,241.534 7.784,98.208 242.216,98.208 " />
</svg>
</div>
Run Code Online (Sandbox Code Playgroud)
请注意以下事项:
为什么fill-rule="evenodd"星形SVG的中心部分没有被填充?
我确实阅读了规范 fill-rule="evenodd"
此值通过将光线从该点绘制到任何方向的无穷大并计算光线穿过的给定形状的路径段数来确定形状中点的"内部度".如果这个数字是奇数,则该点在内部; 如果均匀,那么这一点就在外面.
但我仍然不明白为什么当我申请时fill-rule="evenodd",明星的中间没有填满.有人可以解释一下吗?