小编DAD*_*ADU的帖子

CSS3 3D弯曲透视

CSS3 3D变换+动画很棒.我想知道是否有办法让某些东西弯曲.

这个例子翻转了(纸质)div,但是动画看起来很僵硬,因为实际上,当你翻动纸张时,它会弯曲一点.

那么我忽略的任何属性,或者是一个让它看起来像弯曲的组合?

div {
    width: 90%;
    height: 700px;
    position: fixed;
    left: 5%;
    top: 0;
    background-color: rgba(0,0,0,0.9);

    -webkit-transform: perspective(1000);
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: top;
    -webkit-animation: "page curl down" 1s ease-out forwards;
}

@-webkit-keyframes "page curl down" {
    from {
        -webkit-transform: rotate3D(1,0,0,180deg);
    }

    to {
        -webkit-transform: rotate3D(0,0,1);
    }
}
Run Code Online (Sandbox Code Playgroud)

带弯曲的示例页面卷曲(图像):http://numerosign.com/software/css3machine/#documentation

html css 3d css-transforms css-animations

7
推荐指数
1
解决办法
8405
查看次数

HTML5 contentEditable检查是否使用execCommand应用了格式?

使所选文本变为粗体:

document.execCommand('bold', null, null);
Run Code Online (Sandbox Code Playgroud)

当用户再次选择那段文本(或其中的一部分)时,您怎么知道它已经变得粗体?

大胆只是一个例子.的commandName可能是underline,heading,createLink,...

javascript html5 contenteditable execcommand

7
推荐指数
1
解决办法
2406
查看次数

清除搜索查询的网址?

这有效:

HTML

<a href="/search/querystring">query</a>
Run Code Online (Sandbox Code Playgroud)

htaccess的

RewriteRule ^search/([-0-9a-z]+)$ /search.php?q=$1 [L]
Run Code Online (Sandbox Code Playgroud)

浏览搜索表单:

<form method="get" action="/search">
<input type="search" name="q" value="querystring" />
<input type="submit" />
</form>
Run Code Online (Sandbox Code Playgroud)

这是否可以使用htaccess或者我是否需要在search.php中使用PHP重定向?

示例所需的结果:http://twitter.com/search/hello

编辑

我不喜欢依赖JavaScript来执行此操作,因此搜索引擎和禁用JavaScript的人也会看到这一点.

php .htaccess search clean-urls

6
推荐指数
1
解决办法
7706
查看次数

将PHP设置与Javascript通信的最佳方法是什么?

当您构建使用PHP在服务器端设置设置的应用程序时,在页面加载上将这些设置传达给Javascript的最佳方法是什么?

为什么设置服务器端的所有设置而不是部分客户端,部分服务器端? 因为应用程序肯定是在PHP中,但Javascript部分可能是用简单的Javascript,JS Prototype,jQuery编写的......所以这样我们就可以为整个应用程序保留一组独立于Javascript层的PHP函数.

我自己一直在考虑几种解决方案:

1.通过隐藏的表格字段:

<input typ="hidden" name="settings" value="JSON encoded settings" />
Run Code Online (Sandbox Code Playgroud)

缺点:

  • 可在源代码中直接查看.
  • 隐藏输入意味着提交隐藏数据,而不是获取数据.

2.使用Ajax

一旦页面加载,就会向服务器发送一个ajax post请求,检索设置.

好处:

  • 清洁
  • 客户端只能请求所需的设置.

缺点:

  • 页面加载较重

3.直接通过源设置文件(XML)

好处:

  • Javascript和PHP代码完全解耦(关于设置).

缺点:

  • 设置文件加载两次(服务器端+客户端)

还有别的吗?

编辑:为2号增加了一个优势

javascript php xml settings

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

通过数组定义类选项是不好的做法吗?

当我们看看像Dojo,Mootools,jQuery,JS Prototype等Javascript框架时,我们看到选项通常通过这样的数组定义:

dosomething('mainsetting',{duration:3,allowothers:true,astring:'hello'});
Run Code Online (Sandbox Code Playgroud)

在编写PHP类时实现相同的想法是不好的做法?

一个例子:

class Hello {

    private $message = '';
    private $person = '';


    public function __construct($options) {

        if(isset($options['message'])) $this->message = $message;
        if(isset($options['person'])) $this->person = $person;
    }


    public function talk() {

        echo $this->person . ' says: ' . $this->message;
    }
}
Run Code Online (Sandbox Code Playgroud)

常规方法:

class Hello {

    private $message = '';
    private $person = '';


    public function __construct() {}


    public function setmessage($message) {

        $this->message = $message;
    }


    public function setperson($person) {

        $this->person = $person;
    }


    public function talk() {

        echo …
Run Code Online (Sandbox Code Playgroud)

php settings class options

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

Twitter + HTML5 webSocket API

有没有办法通过HTML5 webSocket API(JavaScript)连接到Twitter?

目前http://streamie.org/似乎正在做类似的事情,但他们通过http://local.streamie.org:8888/引导它,所以看起来他们正在运行websocket.

JavaScript部分非常清楚:

websocket = new WebSocket('ws://echo.websocket.org/');


websocket.onopen = function(event) {

    websocket.send('hello from client');

    console.log('CONNECTED');
};

websocket.onclose = function(event) {

    console.log('DISCONNECTED');
};

websocket.onmessage = function(event) {

    console.log(event.data);
};

websocket.onerror = function(event) {


};
Run Code Online (Sandbox Code Playgroud)

但Twitter的websocket地址是什么?

twitter html5 websocket

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

XMLHttpRequest 2下载进度事件仅触发一次

我试图通过以下代码获取ajax请求的进度:

var xhr = new XMLHttpRequest();


xhr.addEventListener('progress', function(event) {

    console.log(event.loaded / event.total);
},
false);

xhr.addEventListener('load', function() {

    console.log('load');
},
false);


xhr.open('get', 'test.php', true);
xhr.send();
Run Code Online (Sandbox Code Playgroud)

问题是,progress事件只在load事件发生之前触发一次(也就是说,在Webkit中,它似乎不能在Gecko下工作).

我做错了什么还是不正确支持?

javascript ajax html5 xmlhttprequest-level2

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

按另一个数组的键排序数组

有2个阵列,两个都有相同的长度和相同的键:

$a1 = [1=>2000,65=>1354,103=>1787];
$a2 = [1=>'hello',65=>'hi',103=>'goodevening'];

asort($a1);
Run Code Online (Sandbox Code Playgroud)

a1和a2的键是来自数据库的id.

a1按值排序.一旦排序,我们如何在a2中使用相同的排序顺序?

谢谢!

php arrays sorting key

4
推荐指数
1
解决办法
3162
查看次数

用于显示路径/目录的语义HTML标记?

是否有适合标记路径或目录的标记?

例如: <path>user/project/</path>

我已经检查了所有新的HTML5标签,但似乎没有适合此目的的标签.那么哪一个会接近?

html tags path semantics

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

任何使JavaScript比较始终为真的值?

是否存在任何使得比较始终为真的JavaScript值?

低于运算符的示例:

true < 10           true
false < 10          true
null < 10           true
Run Code Online (Sandbox Code Playgroud)

使用大于运算符的示例:

true > 10           false
false > 10          false
null > 10           false
Run Code Online (Sandbox Code Playgroud)

我在找什么:

alwaysTrue < 10     true
alwaysTrue > 10     true
Run Code Online (Sandbox Code Playgroud)

我想使用它来使if语句的一部分默认返回true,并且当第一个比较值更改时返回true或false.

这可能不存在,但我想完全确定.

javascript comparison operators

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

主要内容的HTML5语义文章标签

语义:你想让他们正确,但有时他们只是混乱.

网站文件结构:

<body>
    <header>
    <div id="main">
        <header> (not on every page)
        <div id="content">
        <footer> (not on every page)
    <aside>
    <footer>
Run Code Online (Sandbox Code Playgroud)

文章标签替换div#main在语义上是否正确?

article html5 semantics

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

XPath 结果为 PHP 中的命名键数组

用 PHP 解析 Dom 很痛苦。当然,如果您看看使用 JavaScript 是多么容易。

这就是我从每个输入元素获取所有属性的方式:

$dom = new DOMDocument();
$dom->loadHTML('<form><input type="text" required /><input type="password" name="password" required /></form>');
$xpath = new DOMXPath($dom);

$result = $xpath->query('//input/@*');

foreach($result as $key=>$value) {

    echo $key . ': ' . $value->nodeValue . '<br />';
}
Run Code Online (Sandbox Code Playgroud)

如何获得命名键而不是编号键?

php xpath dom

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