-
WEB前端开发群
71795209(HTML+CSS,满)| 84902436(jQ满)
67764949(满) | 62389544(满)
80215851(满) | 31584324(满)
84902397(CSS,满)|71795162 (满)
71795235(满) | 62544413(jQ,满)|
84902470(js群,满)| 80215721(jQ,满)
75791124(满)|
7617538(js森林,入群条件)
66198794(jQuery森林,新群)
66199085(前端综合群)
潜水者勿扰,一个月清理一次潜水 -
订阅我/收藏我/关注我
-
文章分类
-
赞助商
-
近期评论
- 小山 在 JQ插件:slide滚动插件 上的评论
- woiweb 在 JQ插件:slide滚动插件 上的评论
- 愚人码头 在 JQ插件:slide滚动插件 上的评论
- 小山 在 JQ插件:slide滚动插件 上的评论
- goodcza 在 【IE6的疯狂系列】IE6下position:absolute相邻元素margin-top失效的bug 上的评论
- xiaohui 在 友情链接 上的评论
- web前端寒风 在 【IE6的疯狂系列】IE6下position:absolute相邻元素margin-top失效的bug 上的评论
- sfs 在 写在js森林一周年之际 上的评论
- woiweb 在 Axure RP Pro 5.5.0.1945简体中文汉化包 上的评论
- 幻 在 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG(2010年3月30日更新) 上的评论
-
最近文章
-
标签
前端名言趣言 前端开发 前端开发工具 前端招聘 变形 图片压缩 布局 开发人员工具 招聘 渐变 相对定位 知识库 线性渐变 语法提示 调试 闪光字 页面模块化 Ajax border-radius box-shadow css css3 css hack css Sprites DebugBar hasLayout html IE IE6 IE6 BUG IE8 ieTester JavaScript jquery jQuery入门 jQuery插件 jQuery选择器 line-height meta MTJS PNG position:fixed transform vs2008 win7 -
文章存档
-
-
管理
点击最高的文章
- 关于前端开发工程师的地域、薪水、工龄、技能的调查 - 25,011 views
- 一个关于透明度继承的问题 - 21,547 views
- 【IE6的疯狂系列】IE6 BUG大全(bug征集、整理中..) - 16,829 views
- IE的条件注释【转载】 - 15,607 views
- 前端开发必备工具之网页调试工具篇(2009年4月6日更新发布) - 8,860 views
- 友情链接 - 8,585 views
- IE8的css hack - 8,378 views
- 【jQuery插件】等比例缩放图片浏览-LoadImage - 7,763 views
- 作为一名前端开发工程师居然没有IE6! - 7,447 views
- 用Aptana调试JavaScript教程 - 7,404 views
- Flex皮肤设计制作的捷径 - 7,361 views
- 《精通CSS:高级Web标准解决方案》(CSS Mastery:Advanced Web Standards Solutions)下载 - 7,307 views
- css自定义导航、按钮样式 - 7,225 views
- web开发利器Aptana studio 1.2(下载,破解,汉化)(2008年11月3日更新) - 7,158 views
- 【IE6的疯狂之九】li在IE中底部空行的BUG - 7,078 views
- DW cs4的jQuery语法提示插件 - 6,884 views
- 前端开发必备工具(2009年3月23日更新) - 6,386 views
- Blueprint CSS栅格化框架可视化生成工具-Boks - 6,364 views
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG(2010年3月30日更新) - 6,300 views
- 前端调试利器DebugBar - 6,092 views
-
RSS源
【IE6的疯狂系列】IE6下position:absolute相邻元素margin-top失效的bug
昨天发现了一个ie6的bug,绝对定义(position:absolute)的相邻元素margin-top竟然会失效;
看demo把(请用ie6围观):http://www.css88.com/demo/absolute-bug/absolute-bug.html
这里有几个条件:
- 相邻元素是有width属性的,如果去掉width属性,margin-top又会生效,点击查看:http://www.css88.com/demo/absolute-bug/absolute-bug-1.html
- 增加相邻元素浮动,margin-top也会又会生效;点击查看:http://www.css88.com/demo/absolute-bug/absolute-bug-2.html
如果没有复杂的背景什么的可以使用padding-top替换margin-top;
还可应在相邻元素间插入一个空标签的方法:
<div style="position: absolute; width: 500px; top: 0; left: 0; height: 30px; background-color: #666;">此处显示新 Div 标签的内容</div> <!--[if IE 6]> <div></div> < ![endif]--> <div style="margin-top: 35px; width: 100px; float: left; background-color: #3fc;">此处eeeeeeeee显示新 Div 标签的内容</div>
点击查看:http://www.css88.com/demo/absolute-bug/absolute-bug-4.html
————————————————
另赠送一个IE6下与float元素相邻的position:absolute元素消失BUG
围观地址:http://blog.dengsa.com/?p=342 http://www.webchina110.cn/?p=105
Javascript浅拷贝与深拷贝
js中的赋值都为引用传递.就是说,在把一个对像赋值给一个变量时,那么这个变量所指向的仍就是原来对像的地址.引用就是浅拷贝。
深拷贝就是不紧复制对象的基本类,同时也复制原对象中的对象.就是说完全是新对象产生的,新对象所指向的不是原来对像的地址。
Javascript深拷贝有很多封装的方法,大家网上可以搜索一下.看下面这个例子:
var S=KISSY,
obj={a:"a",b:"b"};
var newObj=S.clone(obj);//深拷贝
var newObj1=obj;//浅拷贝,赋值
obj.b="b2";
S.log(obj);//{a:"a",b:"b2"}
S.log(newObj);//{a:"a",b:"b"}
S.log(newObj1)//{a:"a",b:"b2"}
js中的hasOwnProperty和isPrototypeOf方法
hasOwnProperty:是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是,此方法无法检查该对象的原型链中是否具有该属性,该属性必须是对象本身的一个成员。
isPrototypeOf是用来判断要检查其原型链的对象是否存在于指定对象实例中,是则返回true,否则返回false。
function siteAdmin(nickName,siteName){
this.nickName=nickName;
this.siteName=siteName;
}
siteAdmin.prototype.showAdmin = function() {
alert(this.nickName+"是"+this.siteName+"的站长!")
};
siteAdmin.prototype.showSite = function(siteUrl) {
this.siteUrl=siteUrl;
return this.siteName+"的地址是"+this.siteUrl;
};
var matou=new siteAdmin("愚人码头","WEB前端开发");
var matou2=new siteAdmin("愚人码头","WEB前端开发");
matou.age="30";
// matou.showAdmin();
// alert(matou.showSite("http://www.css88.com/"));
alert(matou.hasOwnProperty("nickName"));//true
alert(matou.hasOwnProperty("age"));//true
alert(matou.hasOwnProperty("showAdmin"));//false
alert(matou.hasOwnProperty("siteUrl"));//false
alert(siteAdmin.prototype.hasOwnProperty("showAdmin"));//true
alert(siteAdmin.prototype.hasOwnProperty("siteUrl"));//false
alert(siteAdmin.prototype.isPrototypeOf(matou))//true
alert(siteAdmin.prototype.isPrototypeOf(matou2))//true
使<pre>的内容自动换行
<pre> 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
而我们经常碰到的一个问题是如果一个代码上碰到有图片或者网页地址就会使代码很长,结果会造成页面撑开或者代码超出边界。非常难受,如果用overflow:hidden那么会将原来的代码隐藏掉,用overflow:auto则会出现滚动条,代码也不方便阅读。
点击查看:http://www.css88.com/demo/pre/index-1.html
今天折腾了一个晚上终于搞定<pre>的内容自动换行的问题:
1.先尝试使用:word-wrap: break-word;将内容自动换行,IE,OP,Chrome,Safari都可以,FF就悲剧了。
各浏览器的默认CSS
在丸子主编的帮助下终于找到了各浏览器的默认CSS。只要是由于今天解决了一个特殊的问题,依靠的就是看各浏览器的默认CSS,然后重置它,所以很多时候浏览器的默认css还是很有用的。
各浏览器的默认CSS可以在这里http://www.iecss.com/找到,贪心一下,把这些样式都保存了一份:
腾讯即时通讯企业产品中心招聘Web前端开发工程师、网页重构工程师
工作地点:上海
Web前端开发工程师
工作职责:
1.负责web产品网站的前端实现;
2.协助web产品网站的性能优化;
职位要求:
1.精通各种Web前端技术,包括XHTML/XML/CSS/Javascript/ActionScript等(JS和AS之一即可);
2.深刻理解Web标准,对可用性、可访问性等相关知识有实际的了解和实践经验;
3.有基于Ajax或Flash的RIA应用开发经验;
4.至少精通一门非Web前端脚本的语言(如Java/PHP/C++,PHP优先),并有项目经验;
5.个性乐观开朗,逻辑性强,善于和各种背景的人合作;
6.计算机、数学、自动化等相关专业本科以上学历优先;
7.两年工作经验以上。
==============================================
网页重构工程师
工作职责:
1.负责web产品网站的页面原型实现;
2.协助web产品网站的性能优化;
职位要求:
1.对符合web标准的网站重构有丰富经验,有成功案例;
2.精通结构化语言xhtml、xml与解释性语言css;
3.精通图像处理软件与网页编辑软件;
4.对业界最新的页面实现有浓厚的兴趣和深入的见解;
5.逻辑分析能力强,善于沟通,较强的学习能力;
6.熟悉对象模型与脚本语言,有前台开发、门户网站重构经验者优先考虑;
7.计算机、数学、自动化等相关专业本科以上学历优先;
8.两年工作经验以上。
=========================================
以上岗位来都为急聘,请直接发简历到:phourmliang@tencent.com,主题注明“xxx应聘xxx岗位 ”,条件符合者我们马上安排面试,谢谢!

