小编Mar*_*ijn的帖子

在CSS中旋转地球仪

我在CSS中创建旋转地球效果.我用CSS创建了globe:

body {
  background-color: #111;
}

#earth {
    width: 300px;
    height: 300px;
    background: url(http://www.noirextreme.com/digital/Earth-Color4096.jpg);
    border-radius: 50%;
    background-size: 610px;
    box-shadow: inset 8px 36px 80px 36px rgb(0, 0, 0),
    inset -6px 0 12px 4px rgba(255, 255, 255, 0.3);
    animation-name: rotate;
    animation-duration: 12s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 12s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

@keyframes rotate {
    from { background-position: 0px 0px; }
    to { background-position: 500px 0px; }
}
@-webkit-keyframes rotate {
    from { background-position: 0px 0px; }
    to { …
Run Code Online (Sandbox Code Playgroud)

html css html5 css3 css-animations

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

如何验证具有多个复选框的表单以检查至少一个

我正在尝试使用jquery的validate插件验证表单.我想要求用户检查组中的至少一个复选框,以便提交表单.这是我的jquery代码:

$().ready(function() {
$("#subscribeForm").validate({
   rules:   { list: {required: "#list0:checked"} },
   messages:  { list:  "Please select at least one newsletter"}                                                        
 });
 });
Run Code Online (Sandbox Code Playgroud)

这是html表单:

<form action="" method="GET" id="subscribeForm">
<fieldset id="cbgroup">
    <div><input name="list" id="list0" type="checkbox"  value="newsletter0" >zero</div>
    <div><input name="list" id="list1" type="checkbox"  value="newsletter1" >one</div>
    <div><input name="list" id="list2" type="checkbox"  value="newsletter2" >two</div>
</fieldset>
<input name="submit" type="submit"  value="submit">
Run Code Online (Sandbox Code Playgroud)

问题是即使没有检查任何内容,表单也会提交.我该如何解决这个问题?

html javascript checkbox jquery-validate

40
推荐指数
5
解决办法
13万
查看次数

与元素 id 相同的字符串返回元素

我遇到了一种有效的情况,但我不明白为什么。如果我命名一个元素id="abc"并且不console.log(abc)先设置它,它就会给我 HTML 对象。任何人都可以解释这种行为吗?

例子

<h1 Id="abc" >abcdefghj</h1> 

<script>
  // without using document.getElementById
  console.log(abc); // Returns h1 element  
 </script>
Run Code Online (Sandbox Code Playgroud)

我不知道为什么它在不使用 document.getElementById() 的情况下给了我整个元素。

html javascript

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

为什么Googlebot会抓取未在任何地方引用的/ mobile/*和/ m/*页面?

自5月底以来,我在网站站长工具/ Google搜索控制台的智能手机抓取错误页面中出现了很多新的404错误.所有这些都以/ m /或/ mobile /开头,其中没有一个是现有的,也没有链接到网站上的任何地方.

例如,我在http://www.example.com/mobile/foo-bar/http://www.example.com/m/foo-bar页面上有404错误.根据Search Console,这些页面在现有页面http://www.example.com/foo-bar/中链接,但它们不是.

Googlebot是否决定自己寻找每个页面的移动版本?我可以禁用此行为吗?这是因为我的网站还不适合移动设备(我收到了Google的另一条警告信息).

mobile seo googlebot google-webmaster-tools

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

常规错误:1364字段'user_id'没有默认值

我试图为user_id分配当前用户,但它给了我这个错误

SQLSTATE[HY000]: General error: 1364 Field 'user_id' doesn't have a 
default value (SQL: insert into `posts` (`updated_at`, `created_at`) 
values (2017-04-27 10:29:59, 2017-04-27 10:29:59))
Run Code Online (Sandbox Code Playgroud)

这是我的方法

//PostController
Post::create(request([
        'body' => request('body'),
        'title' => request('title'),
        'user_id' => auth()->id()
    ]));
Run Code Online (Sandbox Code Playgroud)

与这些填料

//Post Model
protected $fillable = ['title', 'body', 'user_id']
Run Code Online (Sandbox Code Playgroud)

然而,这种方法可以胜任

//PostController
auth()->user()->publish(new Post(request(['title' ,'body']))); 

//Post Model
public function publish(Post $post)
{
    $this->posts()->save($post);
}
Run Code Online (Sandbox Code Playgroud)

知道为什么会失败吗? 在此输入图像描述

php laravel

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

Sequel Pro与Docker中的Mysql

我用docker-compose构建了2个docker容器.我在Mac上使用Docker,没有boot2docker.

version: '2'
    services:
        drupal-web:
            image: drupal:latest
        ports:
            - "8080:80"
    depends_on:
            - mysql-server
    links:
            - mysql-server:mysql
    mysql-server:
        image: mysql
    environment:
        MYSQL_DATABASE: drupal
        MYSQL_ROOT_PASSWORD: root
        MYSQL_USER: drupal
        MYSQL_PASSWORD: drupal
Run Code Online (Sandbox Code Playgroud)

一切正常.我成功安装了Drupal.

问题是:我想将SequelPro连接到我的数据库,但我没有连接到mysql容器.我是码头初学者.谢谢你的帮助Micha

mysql sequelpro docker

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

React:export const + export default vs export default

我通过"双"导出遇到了当前的组件创建.你能解释一下它是否有真正的用途,或者只是作者的偏好?

import React from 'react'
import DuckImage from '../assets/Duck.jpg'
import './HomeView.scss'

export const HomeView = () => (
  <div>
    <h4>Welcome!</h4>
    <img
      alt='This is a duck, because Redux!'
      className='duck'
      src={DuckImage} />
  </div>
)

export default HomeView
Run Code Online (Sandbox Code Playgroud)

PS:当前代码稍后由webpack2捆绑.

ecmascript-6 reactjs webpack

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

Uncaught InvalidValueError:setMap:不是Map的实例

当我使用sencha touch2.2.1时,我遇到了一个问题.在观众中:

items: [{
    id: 'mapCanvas',
    xtype:'map',
    useCurrentLocation: true,
}]
Run Code Online (Sandbox Code Playgroud)

在控制器中:

var map= Ext.getCmp('mapCanvas');
console.dir(map);
var marker= new google.maps.Marker({
                position: new google.maps.LatLng(25,118),
            });
marker.setMap(map);
Run Code Online (Sandbox Code Playgroud)

报告错误:

Uncaught InvalidValueError:setMap:不是Map的实例,而不是StreetViewPanorama的实例

我可以看到地图,但我看不到标记,以及如何解决问题?

google-maps sencha-touch

13
推荐指数
3
解决办法
4万
查看次数

date_diff()期望参数1为DateTimeInterface,给定字符串

我遇到了这个问题,我不知道该怎么做......他们有相同的格式

$ date_expire ='2014-08-06 00:00:00';

$ date1 = date("Ymd G:i:s"); $ date2 = date_create($ date_expire);

$ diff = date_diff($ date1,$ date2); //这行有误

php datediff

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

两个内联块和块元素之间的垂直空间

.rectangle {
    width: 420px;
    height: 143px;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px 0px 20px 10px;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.triangle {
    width: 0;
    height: 0;
    border-top: 92px solid transparent;
    border-bottom: 92px solid transparent;
    border-left:45px solid rgba(0, 0, 0, 0.7);
    display: inline-block;
}

.block {
  width: 200px;
  height: 80px;
  background: red;
}
Run Code Online (Sandbox Code Playgroud)
<div class="rectangle"></div><!--
--><div class="triangle"></div>
<div class="block"></div>
Run Code Online (Sandbox Code Playgroud)

它从何而来?如何在没有负边距的情况下摆脱它(因为在某些屏幕上它们可能重叠).

html css

9
推荐指数
3
解决办法
2410
查看次数