小编Dja*_*ave的帖子

我让MAMP工作了几个月,最近安装了PostgreSQL.它也建议安装Apache,我这样做是为了确保PostgreSQL能够正常工作.然后我卸载了PostgreSQL和apache构建并尝试重新启动MAMP.它启动了MySQL数据库(绿灯)但Apache没有启动.我卸载并重新安装MAMP只是为了面对同样的问题.

Apache似乎没有在MAMP文件夹中记录任何错误,所以没有任何错误报告我正在努力从哪里开始修复它.我希望它能解决这个问题,即我安装了另一个版本(并删除了它)导致了这个问题,但是我太缺乏经验而无法知道我做了什么.

如果不在MAMP文件夹中,我在哪里可以找到任何错误？不在:

• /应用/甲基苯丙胺/库/日志
• /应用程序/ MAMP /斌/日志

我认为这不一定是基于Vue的问题,但我遇到了一些麻烦.

我想在画布上写一个Vue变量.如果我删除vue,我的初始代码工作正常,但是如果我添加Vue,画布实际上并没有启动.

这是我的代码

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');

ctx.fillStyle = "black";
ctx.font="20px Georgia";
ctx.fillText("Hello World!",10,50);

var v = new Vue({
  el: '#app',
  data: {
    'exampleContent': 'This is TEXT'
  },
  watch: {
    exampleContent: function(val, oldVal) {
      ctx.clearRect(0,0,canvas.width,canvas.height);
      ctx.fillStyle = "black";
      ctx.font="20px Georgia";
      ctx.fillText(this.exampleContent,10,50);
    }
  }
});

如果我评论出/* var v = new Vue({ ...初始位有效.如果我记录exampleContent观察者的值也可以.但关于画布的一些东西是行不通的.

演示:http: //codepen.io/EightArmsHQ/pen/EgGbgR？edit = 1010

刚打开一个客户端的javascript文件,第一行是这样的:

{
    var s_account="blog";
}

我没有得到.通常,根据我的经验,花括号缠绕一个函数...

function welcome(){ ...

......或者 JSON JavaScript对象

var attributes = { this : "that...

任何人都可以告诉我为什么在他们之前或之后没有文字的花括号？它做了什么/有什么意义呢？

我刚刚开始使用Laravel所以请原谅任何noobness.

我有一个User和Order模型,一个用户有很多订单:

# Inside User model
public function orders()
{
    $this->hasMany('Order');
} 

# Inside Order
public function user()
{
    return $this->belongsTo('User');
}

// Not sure if this is upsetting anything (also in Order)
public function products()
{
    return $this->belongsToMany('Product');
}

所以我认为我有上述权利.

但是当我这样做时:

 $users = User::with('orders')->find(1);
 return $users;

我得到Call to a member function addEagerConstraints() on null.

但是,如果我以相反的方式做到这一点,那么效果很好:

$orders = Order::with('User')->get();
return $orders;

我做错了什么/我不懂什么？!或者我的问题比我想象的还要大？

数据库:

编辑

我基本上试图创造马里奥风格的跳跃,所以当你触摸/身体上的mousedown时,我有一个开始向上移动的物体,但当你松开时,这个加速停止.这意味着我无法使用FastClick,因为我正在寻找touchstart,touchend事件,而不是单个click事件.

〜

我正试图touchstart在浏览器中回复手机上的活动.目前我正在使用这两个听众:

document.body.addEventListener('touchstart', function(e) {
  e.preventDefault();
  space_on();
  return false;
}, false);

document.body.addEventListener('touchend', function(e) {
  e.preventDefault();
  space_off();
  return false;
}, false);

我本质上是试图模仿我工作得非常好的东西,我使用的东西keydown和keyup事件分别使盒子跳跃和下降.

我遇到的问题是触摸开始,如果你不滑动,实际上是延迟了一会儿.要么是这样,要么计算使我失去帧率.

我已经在使用fastclick了,这并没有影响到这一点(可能是因为它从未打算触发touchstart监听器).你可以在这里看到我的意思:

https://www.youtube.com/watch?v=8GgjSFgtmFk

我刷了3次,盒子立即跳了,然后我点击了3次,你可以看到(特别是在第二个)它失去了一点帧速率或延迟.这是另一个可能更清晰的例子:https://www.youtube.com/watch？v = BAPw1M2Yfig

这里有一个演示:

http://codepen.io/EightArmsHQ/live/7d851f0e1d3a274b57221dac9aebc16a/

请记住,您需要使用手机或触摸设备或模拟镀铬触摸.

任何人都可以帮助我失去在不会变成滑动的触控启动上遇到的帧率下降或延迟吗？

我遇到一个问题，横向版本的 Chrome 在屏幕的左侧和右侧添加了空白区域。

以下是规格：

我有一个“厨房水槽”方法，我已经尝试了一切来删除这些白条并使背景全屏显示。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">

以及以下 CSS：

html{
  margin: env(safe-area-inset);
  padding: env(safe-area-inset);
}


html, body, img{
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 0;
  width: 120vw;

}

img{
  margin: env(safe-area-inset);
  object-fit: cover;
}

这是一个可以玩的现场演示：

https://codepen.io/EightArmsHQ/pen/JjYygPg

我在iOS Safari中获得了很好的结果，但似乎就到此为止了。已提出类似问题env(safe-area-inset-top) 不适用于 Android Pie + WebView 69

我想知道这是否是 Chrome iOS 的错误，或者我的实现是否不正确。值得注意的是，当添加这些属性时，Safari确实会删除空格。

我正在尝试在加载SVG时为圆圈设置动画.这应该:

1. 最初加载一组,小尺寸(半径为1)
2. 在设定的秒数后开始
3. 将尺寸增加到设定尺寸(半径为17)
4. 永远留在这个半径

这是我正在做的事情:

<svg width="36px" height="36px">
    <circle r="1" cy="18" cx="18">
        <animate attributeName="r" from="1" to="17" dur="1s" begin="1s"></animate> 
    </circle>
</svg>

但是,如果您查看结果(以及链接中包含的另一个选项),您可以看到它在其中任何一个中都不起作用:

http://codepen.io/sheepysheep60/pen/Hjfdo

任何人都可以了解如何播放动画直到结束,然后暂停动画,或者是否有我缺少的设置？

Laravel Doc

我的laravel版本const VERSION ='5.4.15';

HomeController的

$collection = collect([
    ['name' => 'Desk', 'price' => 200],
    ['name' => 'Chair', 'price' => 100],
    ['name' => 'Bookcase', 'price' => 150],
]);

$sorted = $collection->sortBy('price');

$sorted->values()->all();

return $sorted;

以JSON格式返回时的结果:

{
     0: {
          name: "Desk",
          price: 200
     },
     1: {
          name: "Chair",
          price: 100
     },
     2: {
          name: "Bookcase",
          price: 150
     }
 }

我错过了什么？为什么不sortBy工作？

我有一个这样的列表:

var v = new Vue({
  'el' : '#app',
  'data' : {
    'list' : [1,2,3,4,5,6,7,8,9,10]
  },
  
  methods: {
    activateClass($event){
      $event.target.classList.remove('animate');
      void $event.target.offsetWidth;
      $event.target.classList.add('animate');
    },
    changeRandomValue(){
      var randomAmount = Math.round(Math.random() * 12);
      var randomIndex = Math.floor(Math.random() * this.list.length);
      Vue.set(this.list, randomIndex, randomAmount)
    }
  },
  
  mounted(){
    var vm = this;
    setInterval(function(){
      vm.changeRandomValue();
    }, 500);
  }
})

.animate{
  animation: fade 0.5s;
}

@keyframes fade{
  0% { background:blue; }
  100% { background:white; }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js"></script>
<div id="app">
  <ul>
    <li v-for="item in list" v-html="item" @click="activateClass($event)"></li> …

我知道你可以做这样的事情：

<div id="app">
  <div class="container">
    <h1 class="title is-1" v-html="text"></h1>
    <get-slot-contents>
      <p>Hi there</p>
      <p>Hi <span>heloo</span></p>
      <p>Hi there</p>
      <p>Hi there</p>
    </get-slot-contents>
  </div>
</div>

// JS

Vue.component('get-slot-contents', {
  data: function () {
    return {
      html : false
    }
  },
  template: `<div>
    ****
    <slot></slot>
    ****
  </div>`,
  mounted(){
    console.log(this.$slots.default);
  }
});

这会记录以下内容：

[fo, fo, fo, fo, fo, fo, fo]

每个fo包含如下内容：

{tag: undefined, data: undefined, children: undefined, text: " ", elm: text, …}

我console.log会怎么样：

<p>Hi there</p><p>Hi <span>heloo</span></p><p>Hi there</p><p>Hi there</p>

为此，您可以假设没有嵌套组件。