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
使所选文本变为粗体:
document.execCommand('bold', null, null);
Run Code Online (Sandbox Code Playgroud)
当用户再次选择那段文本(或其中的一部分)时,您怎么知道它已经变得粗体?
大胆只是一个例子.的commandName可能是underline,heading,createLink,...
这有效:
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在服务器端设置设置的应用程序时,在页面加载上将这些设置传达给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)
好处:
缺点:
还有别的吗?
编辑:为2号增加了一个优势
当我们看看像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) 有没有办法通过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地址是什么?
我试图通过以下代码获取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下工作).
我做错了什么还是不正确支持?
有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中使用相同的排序顺序?
谢谢!
是否有适合标记路径或目录的标记?
例如: <path>user/project/</path>
我已经检查了所有新的HTML5标签,但似乎没有适合此目的的标签.那么哪一个会接近?
是否存在任何使得比较始终为真的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.
这可能不存在,但我想完全确定.
语义:你想让他们正确,但有时他们只是混乱.
网站文件结构:
<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在语义上是否正确?
用 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)
如何获得命名键而不是编号键?