webrebuild.org第四届年会——金秋四城联动

JS正则表达式详解(转)

JS的正则表达式//校验是否全由数字组成

function isDigit(s)
{
var patrn=/^[0-9]{1,20}$/;
if (!patrn.exec(s)) return false
return true
}

//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串

function isRegisterUserName(s)
{
var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;
if (!patrn.exec(s)) return false
return true
}
(查看全文»)

08年学习计划

学习目标:web前端工程师必备技能进入中级

参照《Web前端工程师技能列表》

03.19 – 04.20 读完《javascript高级程序设计》
05.01 – 06.20 学习Ajax
07.01 – 08.20 学习AS(入门)
07.01 开始学习AIR(入门)

下半年即深入研究JS/AS/AIR

IE 6实现min/max-height/width

1.min/max-height

css
*html Element {
	_height: expression(this.scrollHeight > 475?"475px":"auto");
}

2.min/max-width

css
*html Element {
	width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1202? "1200px" : "auto");
}
css
*html Element {
	width:expression(this.offsetWidth>200?200:'');
}

display:inline-block

display:inline-block 的详细介绍至PlanABC

display:inline-block:将对象呈递为内联对象,但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内

支持inline-block的浏览器:Opera、Safari

各浏览器中的hack:

1.Opera中出现多余外边距:

css
vertical-align:middle;

2.IE下实现inline-block:
div {display:inline-block;}

css
div {
*display:inline;
*zoom:1;
}

/*两处display需要分开声明*/

3.Mozilla(FireFox 2.x)浏览器实现方法:(FF 3.0开始已经全面支持inline-block)

css
div {
display:-moz-inline-box;/** FF 实现inline-block**/
-moz-box-pack:center; /** FF 解决水平居中**/
-moz-box-align:center;/** FF 解决垂直居中 **/
}

AddOn Studio for World of Warcraft

AddOn Studio for World of Warcraft

基于vs的魔兽插件开发工具(开源),可到codeplex进行下载

注意安装要30分钟以上,在公司装了2个多小时才搞定- -’

演示视频:Addon Studio Demonstration

直接看他们的帮助文件更好,听不懂E文。

魔兽世界漫画封面

漫画介绍及购买见:Wildstorm
魔兽世界漫画封面-开卷  魔兽世界漫画封面-1卷01  魔兽世界漫画封面-1卷02  魔兽世界漫画封面-2卷  魔兽世界漫画封面-3卷  魔兽世界漫画封面-4卷 (查看全文»)

页面制作

专精于web前端,设计已搁浅

web页面制作统一放在此日志

暗黑破坏神3

魔兽世界

传奇联盟中文网

物业宝:页面demo

131首页http://www.131.com/

浏览器特定选择器(hack)

IE6以下

css
*html{
  ...
}

IE 7 以下

css
*:first-child+html {
    ...
}
* html {
   ...
}

只对IE 7

css
*:first-child+html {
   ...
}

只对IE 7 和现代浏览器

css
html>body {
 ...
}

只对现代浏览器(非IE 7)

css
html>/**/body {
  ...
}

最新的Opera 9以下版本

css
html:first-child {
  ...
}

Safari

css
html[xmlns*="] body:last-child {
  ...
}

最新的,由bias发表在蓝色《最新css兼容方案》

css
.e {/*FF OP*/
background-color: #FF0000
}
css
html* .e{/*Sa IE7 OP*/
background-color:#FF00FF
}
css
*+html .e{
background-color:#000000;/*OP*/
*background-color:#0000FF;/*IE7*/
}
css
* html .e{/*IE6*/
background-color:#00FFFF
}

仅FireFox

css
@-moz-document url-prefix() {body {
	font-size:0px;
}}

李阳疯狂英语集训营专题页

页面demo:http://www.vfresh.org/case/lycamp/

想尝试华丽风格的设计- -结果成了这样
初次使用ajax,使用的纯静态方式

疯狂英语集训-首页   疯狂英语集训-内页

页面平滑加载js

为了避免JS在HTMLDOM加载完之前就运行而产生错误,一般是通过window.onload事件来控制页面加载完之后才执行JS,但window.onload的加载还包括了图片、视频等,这样造成js最终执行可能要等上很长一段时间。

下面的代码能判定DOM是否加载完成:

提供支持的2个东东:

  • Mozilla提供的DOMContentLoaded事件——在Dom树构完成但图片资源等未完成时触发
  • IE的defer属性——包括在W3C的DOM1标准里,但defer只能放在script标签里.冏

(查看全文»)