- 浏览: 152372 次
- 性别:
- 来自: 北京
最新评论
-
lixinlixin2008:
fireinjava 写道请问有解了不? 不搞js了,不知道了 ...
再说IE script内存不回收问题 -
fireinjava:
请问有解了不?
再说IE script内存不回收问题 -
cherful:
我看不懂也
isPointInPath方法 -
wcily123:
不厚道 bs!!!
iphone的click导致div变黑 -
lixinlixin2008:
嘿嘿,在抄袭Google maps api V3,V3就能在手 ...
简单搭建mobile web app开发环境
文章列表
canvas中如果用路径画了一个多边形,或者圆,想在点击多边形或者圆的时候删掉它,如何实现呢?
可以用isPointInPath方法,这个方法可以判断坐标是否在路径内
以下引用一篇文章:
“
了解canvas这个标签后,会发现在一个canvas类似一个img图片,在canvas中绘制的图形都是一个整体,所有的事件也都是发生在这一个标签上,没有办法直接判断事件是发生在canvas中的某个图形上。但是通过canvas中的路径的概念可以解决这个问题。
关键:通过路径来绘制图形,用每一个图形是一个路径,事件绑定在canvas标签上,获得事件的发生的x,y坐标。再通过 isPointInP ...
两个获取经纬度的方法,一个是获取一次
另一个是持续获取(用于轨迹)
1:
navigator.geolocation.getCurrentPosition
2:
navigator.geolocation.watchPosition
详细信息请看这里:
http://www.ibm.com/developerworks/cn/xml/x-html5mobile1/index.html
一种网上常见的方法是这样的:
1. var pro = window.HTMLElement.prototype;
2. pro.__defineGetter__("outerHTML", function(){
3. var str = "<" + this.tagName;
4. var a = this.attributes;
5. for(var i = 0, len = a.length; i < len; i++){
6. ...
calc() 这样用:
#a {
width:75%;
margin-right: 1em;
}
#b {
width: -moz-calc(25% - 1em);
}
目前支持
+, -, *, /, mod, min, and max
这样用:
div {
height: -moz-min(36pt, 2em);
width: -moz-max(50%, 18px);
}
详细信息请猛击:
http://hacks.mozilla.org/2010/06/css3-calc/
FF实现了链接预取功能,支持link标签(不支持A标签,可能以后会支持A标签)。
支持HTTPS(Starting in Gecko 1.9.1 (Firefox 3.5))。
预取的资源会在浏览器空闲时加载,iframe全部加载完毕。
可以预取的资源只能是HTTP协议的,还有url中带查询字符串的也不会预取。
如果使用FF进行下载的话,预取会停止,等待用户下载完毕。
支持预取不同host的url。
预取的请求会包含referer,所有的预取会在http header加入X-moz: prefetch,可能会有变动,是非标准的。
用户可以加入user_pref("network.pre ...
gmail和网易邮箱支持附件拖拽操作了,直接从桌面拖拽文件到附件栏即可,支持多文件拖拽
HTML5 File API实现, 这个功能甚好无比
不过仅firefox3.6和chorme支持
File API 使用请猛击如下链接:
http://www.w3.org/TR/FileAPI/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<title>WebForm5</title>
<style>
.dv1{
position: absolute;
border: 1px soli ...
在cloudgamer兄blog上看到一篇讲Lazyload延迟加载的文章,不错,地址如下:
http://www.cnblogs.com/cloudgamer/archive/2010/02/01/lazyload.html
请看一下startTest函数,首先改变一个div样式,然后执行一段耗时的操作,可以看到startTest函数结束以后,
页面才会重新reflow和repaint,即使写成 onclick="startTest();startTest2()" 效果也依然是一样的(opera除外), 这是由javascript引擎的单线程引起的,我们知道,javascript引擎是单线程的,只有一个任务结束以后,
页面才会重新reflow和repaint,如果想要设置的样式马上生效而不想等后面那段罗嗦的代码执行完再reflow和repaint,怎么办呢?
解决方法:
只有当一个 ...
用Loader去加载一个服务器图片,发现不成功,原理是服务器对referer有限制,而Loader没有referer
由于权限的原因,也没办法设置referer,as3设置referer会报错,这样可以防止伪造referer
网上查到这么一句话"通过ActiveX显示的内容不向服务器提供Referer Header(例如,Flash,WindowsMedia等),ActiveX插件不传递Referer,但是却忠实的传递Cookie"
总结: 个人感觉referer是应该带上去的...没有referer会很郁闷...
获取body相对于屏幕的位置,还是比较郁闷的,下面是本人的方法:
可选择的有screenLeft,screenTop,screenX,screenY,不过由于工具栏高度未知,所以很难计算出body的位置.
ie:window.screenLeft,window.screenTop为body相对于屏幕的位置(或许是html元素),(不用担心高度不定的工具条了)...
opera: 和IE一样, screenX和screenY始终为-4和-23,奇怪...(也不用担心可以随意拖动高度的工具条了)
ff: screenTop无值,screenY为浏览器相对于屏幕的位置...这样要加上工具条高度,( ...
textarea在chrome和safari浏览器下可以拖动大小,有时候我们希望大小能固定
解决方法:
resize: none;
或者:
max-width:300px;
max-height:300px;
width:300px;
height:300px;
参考地址:
http://drupal.org/node/164793
http://www.cnblogs.com/kidi/archive/2009/06/12/1502285.html
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=GB2312"/>
<meta name="keywords" content="SE_JsTree"/>
<title>使用选择城市对象</title>
<style type="text/css">v\:* ...
当输入法开启时,safari4和chrome3的 maxlength属性失效,智能abc输入法5.0还会导致safari4崩溃掉(偶尔)
其它不同点:
1,脚本给safari4和chorme3 input赋值的时候受maxlength限制(多余部分被截断),其它浏览器不受限制
...
post和get组合提交
1,get + get : action中的查询字符串会消失掉
2,get + post : 可以得到get和post的数据,如果get和post有相同的name,则get的数据在post的前面
3,get + url中有锚点 : IE6,7,8会把锚点丢掉,ff3.5,chrome3.0,safari4,opera10会把锚点保留下来.
4,post + url中有锚点 : 所有浏览器都保留锚点.
总结:
如果您需要提交的页面有锚点的话最好用post提交,非要get提交?!!! 那只 ...