lmh2072005
- 浏览: 114031 次
- 性别:
- 来自: 深圳
-
最新评论
-
lmh2072005：
hisense731 写道也可以这样就不用报错了。var da ...
new Date(date) -
hisense731：
也可以这样就不用报错了。
var date = "A ...
new Date(date) -
vimest：
知道IE的就已经足够了，opera,chrome,safari ...
再次总结下css的一些hack
文章列表
记录下部分常用的css3
1.transform (变形、转换)
-moz-transform/-webkit-transform/-o-transform/-ms-transform;
(支持chrome,safari,opera,firefox,IE9)
a.rotate
transform:rotate(90deg); //顺时针旋转90度 支付宝页面看到有用到，IE用的writing-mode:tb-rl 模拟的;
IE 用css滤镜实现翻转效果 filter:FlipH;(水平翻转)；filter:FlipV(垂直翻转)
b.transf ...
这些方法经常要用到，有时候很久不用了又容易混淆，记录下：
详细见：http://www.w3school.com.cn/js/jsref_obj_array.asp
concat()
连接两个或更多的数组，并返回结果。
在做日历插件的时候遇到的记录一下：
var date = "2011,8,8";
var now = new Date(date);
非IE正常 ；IE提示NaN
后来这样解决的
var dates = date.split(",");
var now = new Date(dates[0],dates[1],dates[2]);
或者直接用 new Date('2011/08/08')
getYear() 返回值在2000年以下也不一样。可以用getFullYear()代替
平常习惯于使用描述性的left、top、center、right、bottom或者px等对背景图片定位，百分比比较少用。
其实描述性的也可以用百分比来表示。
比如背景图片水平垂直居中可以用background-position:center center; 或 background-positon:50% 50%;
百分比值是以背景图的中心点到容器左上点的距离百分比
一般用background-position: 50% 10px; 而不用background-position: center 10px;
因为类似这种描述性词语和数值混用的形式不被W3C推荐。
百分比进行 ...
转自：http://www.alexatnet.com/content/model-view-controller-mvc-javascript
The article describes an implementation of Model-View-Controller software design pattern in JavaScript.
I like JavaScript programming, because it is the most flexible language in the world. With the JavaScript language ...
现在越来越多的网站喜欢上了圆角，css3 可以很轻松的实现 ，可是IE6\7\8不支持，又不想用图片和多标签实现 ，很纠结。
网上看了很多相关的文章，比较出名的实现方式有用 border-radius.htc 和DD_roundies 可是这两个方法还是存在许多不足和bug。
用border-radius.htc 实现 则该元素或父标签要有position:relative和zindex 。为了实现个圆角加上这个真的很没必要。而且必须是4个圆角都有，没法实现只有1个、2个、3个圆角。样式和htc文件路径也是个问题，要么同目录要么样式里面用绝对路径。
D ...
color:red; /* 所有浏览器都支持 */
color:red !important;/* Firefox、IE7支持 */
_color:red; /* IE6支持 */
*color:red; /* IE6、IE7支持 */
+color:red;/*IE7支持*/
*+color:red; /* IE7支持 */
color:red\9; /* IE6、IE7、IE8支持 */
color:red\0; /* IE8、IE9支持 */
color:re ...
通常需要到获取页面元素相对窗口的位置：
function getObjPos(obj)
{
var x = y = 0;
if (obj.getBoundingClientRect)
{
var box = obj.getBoundingClientRect();
var D = document.documentElement;
x = box.left + Math.max(D.scrollLeft, document.body.scrollLeft) - D.clientLeft;
y = box.top + Math.max(D.scr ...
DOM元素节点nodeType取值
整数
常量
1
ELEMENT_NODE，元素节点
2
ATTRIBUTE_NODE，属性节点
3
ajax请求基础知识mark
function createXmlHttpRequest(){
if(window.ActiveXObject){ //如果是IE浏览器
return new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
return new XMLHttpRequest();
}
}
//IE7以及以上认识wind ...
以前用惯了float来进行页面item的布局，发现用inline-block属性也是很不错的 。有些地方要注意下：
diaplay:inline-block;
内联元素浏览器都支持；块级元素在IE6/7下面不支持，这时候加上
*display:inline;*zoom:1;就可以了。
关于垂直居中的问题，居然也可以用display:inline-block实现：
由于 inline 元素是可以自然地 vertical-align 的，所以将需要设定垂直居中的元素设定
为 inline-block，同时引入该元素的一个冗余的兄弟元素同样设定为 inline ...
javascript Object.extend的用法
Object.extend = function(destination, source) {for (var property in source) { destination[property] = source[property];}return destination;}
Prototype 对Object类进行的扩展主要通过一个静态函数Object.extend(destination, source)实现了JavaScript中的继承。 从语义的角度,Object.extend(destination, ...
样式：
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,canvas,video,audio
{
display:block;
}
非IE浏览器可以直接用 ，ie9以下的不识别需要用js创建，才可以在样式中识别(仅仅是样式识别，并不具备相关功能)
<!--[if lt IE 9]>
<script>
;(function(eles){
var ele = eles.split(",");
for(var ...
表1.常用的元字符
代码
说明
.
匹配除换行符以外的任意字符
\w
匹配字母或数字或下划线或汉字
\s
贪婪模式：在使用修饰匹配次数的特殊符号时 比如："{m,n}", "{m,}", "?", "*", "+" 是尽可能地多匹配或尽可能的 "要匹配"
比如 "axxaxxxa" 正则 (a)\w+ 将匹配整个字符串，正则(a)\w? 匹配 ax。
在修饰匹配次数的特殊符号后再加上一个 "?" 号，则可以使匹配次数不定的表达式尽可能少的匹配，使可匹配可不匹配的表达式，尽可能的 "不匹配"。这种匹配原则叫 ...