心语2012
- 浏览: 45815 次
- 性别:
- 来自: 杭州
-
文章列表
1.IOS关闭键盘自动大写：对input属性
autocapitalize="off".
2.IOS禁止用户保存/复制图片对img设置或都禁止用户在新窗口打开页面
-webkit-touch-callout:none;
3.IOS禁止用户选中文字对文字标签设置
-webkit-user-select:none
移动开发页面要写一些media和link
最主要的是 viewport
<media name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
还有一些meida(注意这些都是IOS设备下)：
IOS桌面图标启动是否是全屏值有yes|no
<media name="apple-mobile-web-app-capable" content="yes&q ...
在工作中正则用得好会省了我们好多麻烦，但是我只会用一些简单的正则，所以我是菜鸟，话不多说我们一起来学习怎么使用正则吧。
1>捕获不捕获
正则中用()就是捕获如：
var str="abcdefg";
var reg=/a(b)/g;
var result = reg.exec(str);
返回：["ab", "b"]会把正则中()中匹配的内容存储起来
2>反向引用
例子来了:
var str="abbaddd";
var reg=/(a)(b)\2\1/;
var re ...
最近做了一个H5的活动页面发现了一个问题就是对于有边框的列表项如有底框的列表项会出现 相邻的两个列表项中的一个边框变成2px:如图：
;
有三个解决方案
(1)把border-top-color:#fff;把上边框定义成白色的
(2)把 border换成box-shadow
(3)用list项的after属性定义边框然后再用scale(0.5)(推荐最后这项，因为这项也可以解决在ios7下1PX的问题)
.multi-line{
word-break: break-all;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
弹性布局有以下样式
(1),dispaly:-webkit-Box/-moz-box（用于父容器上)
(2),(-webkit-/-moz-)box-orient:horizontal/vertical(用于父元素)
(3),(-webkit-/-moz-)box-pack:center/justify(用于父元素)
(4),(-webkit-/-moz-)box-flax:N(用于子元素)
(5),(-webkit-/-moz-)box-direction:reverse(用于父元素)
(6）,(-webkit-/-moz-)box-ordinal-group:N(用于子元素功能等同与5)
...
在估项目是用opacity做半透明层时总遇到一个恼人的问题就是父容器半透明了，子窗口也会半透明;
后来发现css3提供了一个rgba挺管用的
div{
background:rgba(255,0,0,0.5);
}
这个对于除IE外的高级浏览器都支持
对于IE可以用滤镜
div{
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000050,endColorstr=#99000050);
}
这样对所有的浏览器都支持了
对于iframe高度的问题，需要分两类，第一种是同域的父页面和子页面解决方法是
假如iframe的ID是iframeExp
var newIframe = docment.getElementById("iframeExp");
function setHeight(){
var doc=newIframe.contentWindow.document;
var maxHeight=Math.max(doc.documentElement.scrollHeight,doc.body.scrollHeight);
if(maxHeight!=getSty ...
最近做项目时PD提出交互就是弹出层弹出的时候把页面的滚动条去掉，起初想着很简单在body上加overflow="hidden"就可以了，实际上是不行的，后来查了一些文档这个还有html元素相关：
只有你设置html{overflow:visible;} body{overflow的值}才能传递到html{}中去，
设置了body{overflow:hidden}，还会出现滚动条，不过这个滚动条不是body的，是html的
这样html的值就变成了{overflow:hidden}，ok没有滚动条了
这样就很明了啦，并不是bug，而是浏览器初始值不同产生的问题。
问题：在firefox中相同URL不去访问，所以在刷新验证码时就出问题了，不去访问servlet。
解决办法如下：
function refresh(){
//重新获取验证码图片的src属性
document.getElementById("imageField").src='/servlet/MyGraphics'+'?r='+Math.random();
}
注意："+'?r='+Math.random()"是必须的
最近在项目中遇到，如果在IE6下写隐藏域的话会把布局破坏，写display="none"也不行，最后写在
<div style="display:none">
<input type="hidden" name="type" value="6"/>
</div>
才把事件解决。
ShareObject,顾名思义共享对象,而通常意义上的共享，从B/S结构上来讲,无非是客户端（浏览器端）的共享和服务器端的共享了,不错,ShareObject刚好份演了这两种角色。而且ShareObject也是按此进行了两种分类,一类是LSO——Local Share Object ...
最近项目中有用到，用file控制上传图片前验证图片的大小的问题，查过了很多文件，发现比较麻烦，因为这个存在兼容性问题，对于IE和火狐有不同的处理。
火狐下可以直接获得上传文件的大小进行判断：fileupload.files[0].fileSize；
ie下就不同了，首先需要获得本地文件的路径，开启安全设置ActiveX功能后，才可以获取文件大小，但是如果客户去用了，还需要去开启什么ActiveX功能，那不是很麻烦么。
解决方案:
对于火狐的操作
var fileSize = fileupload.files[0].fileSize;
对于IE可以用请求服务器端反回文件大小然后再操作。
iframe是我们工作中经常用的东西.我把我的理解整理一下记录一下。
首先要说的访问iframe用contentWindow和contentDocument，contentDocument有兼容性问题在chrome下是不行的。contentWindow兼容性比较好，所有的浏览器都支持，但是必须用到服务器下才可以。
比如要让一个iframe自适应高度的话就可以
iframe.height = iframe.contentWindow.document.body.offsetHeight;就OK了
另一个要说的是在iframe中访问父窗口用window.parent和window.top。如果一 ...
//获得样式
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj,false)[attr];
}
}
//运动函数
function startMove(obj,json,fn){
clearInterval(obj.timer);
var iStop = true;
obj.timer = function(){
...