我在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)我正在尝试使用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)
问题是即使没有检查任何内容,表单也会提交.我该如何解决这个问题?
我遇到了一种有效的情况,但我不明白为什么。如果我命名一个元素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() 的情况下给了我整个元素。
自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的另一条警告信息).
我试图为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)
我用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
我通过"双"导出遇到了当前的组件创建.你能解释一下它是否有真正的用途,或者只是作者的偏好?
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捆绑.
当我使用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的实例
我可以看到地图,但我看不到标记,以及如何解决问题?
我遇到了这个问题,我不知道该怎么做......他们有相同的格式
$ date_expire ='2014-08-06 00:00:00';
$ date1 = date("Ymd G:i:s"); $ date2 = date_create($ date_expire);
$ diff = date_diff($ date1,$ date2); //这行有误
.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 ×4
css ×2
javascript ×2
php ×2
checkbox ×1
css3 ×1
datediff ×1
docker ×1
ecmascript-6 ×1
google-maps ×1
googlebot ×1
html5 ×1
laravel ×1
mobile ×1
mysql ×1
reactjs ×1
sencha-touch ×1
seo ×1
sequelpro ×1
webpack ×1