小编Cra*_*der的帖子

我有一个名为people包含对象的数组,如下所示:

之前

[
  {id: 0, name: 'Bob', age: 27},
  {id: 1, name: 'Frank', age: 32},
  {id: 2, name: 'Joe', age: 38}
]

它可以改变:

后

[
  {id: 0, name: 'Bob', age: 27},
  {id: 1, name: 'Frank', age: 33},
  {id: 2, name: 'Joe', age: 38}
]

弗兰克刚满33岁.

我有一个应用程序,我正在尝试观察人员数组,当任何值更改时,请记录更改:

<style>
input {
  display: block;
}
</style>

<div id="app">
  <input type="text" v-for="(person, index) in people" v-model="people[index].age" />
</div>

<script>
new Vue({
  el: '#app',
  data: {
    people: [
      {id: 0, name: 'Bob', age: …

我想删除当您将鼠标悬停在超链接上时出现的手形光标.

我试过这个css:

a.link {
    cursor: pointer;
}

还有这个:

a.link {
    cursor: pointer !important;
}

当我将鼠标悬停在链接上时,它仍会改变.

有没有人有任何关于为什么会发生这种情况的想法或一个能让我实现这种效果的解决方案？

我正在制作菜单栏时遇到问题.似乎菜单项之间存在差距,对于我的生活,我不明白这是什么原因.

作为对下面的屏幕截图的描述,第一个链接(主页)是当前页面并且它被突出显示.当我的光标在这个项目上时,第二个链接(page1)是一个悬停效果.您会注意到这两个项目之间存在间隙(究竟是什么导致这个？!),它显示包含菜单的div的背景颜色.

值得注意的是,我使用的是最新版本的firefox.

这是我的问题的屏幕截图:

这是列表的html:

<div class="nav">
    <ul>
        <li class="selectedPage"><a href="#">HOME</a></li>
        <li><a href="#">PAGE1</a></li>
        <li><a href="#">PAGE2</a></li>
    </ul>
<!-- end .nav --></div>

这是css:

div.nav {
    width: 750px;
    background: #52b5f0; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1JSIgc3RvcC1jb2xvcj0iIzUyYjVmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzM2OTlkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzE5NjM4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  #52b5f0 5%, #3699d0 49%, #19638a 95%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#52b5f0), color-stop(49%,#3699d0), color-stop(95%,#19638a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #52b5f0 5%,#3699d0 49%,#19638a 95%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #52b5f0 5%,#3699d0 …

我正在努力获得我一起考虑的标题的布局.

这是到目前为止的HTML:

<div id="header">
    <img src="/img/headerBg.jpg" alt="" class="headerBg" />
    <a href="/"><img src="/img/logo.png" alt="Logo" class="logo" /></a>
    <div id="loginBox">
        other code
    </div>
</div>

到目前为止的CSS:

#header {
    height: 130px;
    margin: 5px 5px 0 5px;
    border: #0f0f12 outset 2px;
    border-radius: 15px;
}

#loginBox {
    float: right;
    width: 23.5%;
    height: 128px;
    font-size: 75%;
}

.headerBg {

}

.logo {
    width: 50%;
    height: 120px;
    float: left;
    display: block;
    padding: 5px;
}

我想要完成的是将图像"headerBg.jpg"显示为div"header"的100%宽度,所以基本上它将是div本身的背景.然后将图像"logo.png"和div"loginBox"显示在"headerBg.jpg"上方.

徽标应该浮动到最左端,loginBox浮动到最右边,就像在CSS中一样.

删除图像后,徽标和div被正确放置,但是当引入图像时,它们会在流中的图像之后放置两个浮动项目.

我已经尝试了各种添加和重新配置,但没有一个已经证明可以解决我想要的方式.

我已经在css中添加了图像作为标题div的背景,但它不会以这种方式伸展100%.

有人能够对此提供一些见解吗？

此外,任何涵盖此类内容的教程都将是我收藏的一个很好的补充!

谢谢!

我想知道是否可以使用mysql查询:

我有一个叫做更新的表.

在更新表中,我有2列,id和timestamp.

我有5行,每行有相同id但有不同的日期时间戳.此时间戳的一个示例是值:2012-08-04 23:14:09.

我想从5个结果中仅选择最新的时间戳值.这也可以通过说我想选择最接近当前日期和时间的值来解释.我怎么能这样做？

尝试按时间戳值排序某些结果时遇到问题.

我想根据时间戳值将这些结果从最新显示到最旧显示.

所以要解释一下,想象一下有3个结果:

2012-07-11 17:34:57
2012-07-11 17:33:28
2012-07-11 17:33:07

这个结果集将是我需要的,但给出以下查询

SELECT timestamp
FROM randomTable
ORDER BY timestamp ASC

我明白了:

2012-07-11 17:34:57
2012-07-11 17:33:07
2012-07-11 17:33:28

这是因为它按数值排序并且07在之前28.

如果我按降序排序,我得到

2012-07-11 17:33:07
2012-07-11 17:33:28
2012-07-11 17:34:57

这就是我正在寻找的......但它正好相反.

所以我的问题很简单,我怎么能按照我的描述按升序对这些值进行排序？

编辑:

EDIT2:

CREATE TABLE `user_quotations` (
 `id` int(100) NOT NULL AUTO_INCREMENT,
 `quoteNumber` int(100) NOT NULL,
 `lastModified` datetime NOT NULL,
 `userId` int(100) NOT NULL,
 `manufacturer` varchar(250) COLLATE latin1_general_ci NOT NULL,
 `modelNumber` varchar(250) COLLATE latin1_general_ci NOT NULL,
 `productDesc` varchar(1000) COLLATE latin1_general_ci NOT NULL, …

我有一个基于PHP的网站.就像在,所有的页面html都是通过php输出的.

这是一个简单的例子:

<?php
ob_start();

$pageStart = '
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MY WEBSITE PAGE</title>
</head>
<body>
<p>CONTENT</p>
</body>
</html>
';

echo $pageStart;
exit;
?>

我想做的是在这个页面中使用一些jquery.

所以我的第一次尝试自然是将脚本包含在php变量中,如下所示:

<?php
ob_start();

$pageStart = '
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">
    var datefield=document.createElement("input")
    datefield.setAttribute("type", "date")
    if (datefield.type!="date"){ //if browser doesn't support input type="date", load files for jQuery UI …

我正在尝试设置选择下拉框的样式。

到目前为止，我已经通过将某些样式应用于 select 标签，在下拉框本身（带有选项的下拉框）中实现了样式效果。

这是我到目前为止使用的css：

input, select {
    background: #fcfcfc;
    padding: 7px 25px;
    border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #6a6f75;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); 
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: , 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px …

我有问题试图在Laravel中进行表单验证,这很奇怪,因为它通常只是起作用.

在我的用户模型中,我创建了验证规则:

public static $rules = array(
    'firstname'=>'required|min:2|alpha',
    'lastname'=>'required|min:2|alpha',
    'email'=>'required|email|unique:users',
    'password'=>'required|alpha_num|between:8,12|confirmed',
    'password_confirmation'=>'required|alpha_num|between:8,12',
    'telephone'=>'required|between:10,12',
    'admin'=>'integer'
);

在我的用户控制器中,我仅在验证通过时定义操作,否则用户被重定向回错误:

public function postCreate() {
    $validator = Validator::make(Input::all(), User::$rules);

    if ($validator->passes()) {
        $user = new User;
        $user->firstname = Input::get('firstname');
        $user->lastname = Input::get('lastname');
        $user->email = Input::get('email');
        $user->password = Hash::make(Input::get('password'));
        $user->telephone = Input::get('telephone');
        $user->save();

        return Redirect::to('users/signin')
            ->with('message', 'Thank you for creating a new account. Please sign in.');
    }

    return Redirect::to('users/create-account')
        ->with('message', 'Something went wrong')
        ->withErrors($validator)
        ->withInput();
}

发生以下错误:

在视图中,如果存在错误,则显示错误:

@if($errors->has())
    <div id="form-errors">
    <p>The following errors have occurred:</p> …

我试图让DataTables从AJAX数据源读取列名,但似乎必须有一些我必须在这里丢失的东西.

我做了一个小提琴小提琴,我可以手动定义表格使用的数据和列.

该表在HTML中声明,不需要定义列名(<thead>..</thead>):

<table id="example" class="display table table-striped table-bordered" 
       cellspacing="0" width="100%"></table>

在JS中我们手动定义数据:

var data = [
    [ "Row 1 - Field 1", "Row 1 - Field 2", "Row 1 - Field 3" ],
    [ "Row 2 - Field 1", "Row 2 - Field 2", "Row 2 - Field 3" ],
];

然后手动定义列名称或标题:

var columns = [
    { "title":"One" },
    { "title":"Two" }, 
    { "title":"Three" }
];

然后,当我们初始化表时,我们只需将以前声明的信息传递给DataTables使用:

$(document).ready(function() {
  $('#example').DataTable( {
    dom: "Bfrtip",
    data: data,
    columns: …