设置字体: 小中大

前端工程师面试

一些前端工程师面试内容
1.Doctype? 严格模式与混杂模式-如何触发这两种模式，区分它们有何意义?

2：行内元素有哪些？块级元素有哪些？CSS的盒模型？

3.CSS引入的方式有哪些? link和@import的区别是?

4.CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和important哪个优先级高？

5:前端页面有哪三层构成，分别是什么？作用是什么？

6:css的基本语句构成是？
Show more »

五月 30th, 2010 in (x)Html/Css, JS/JQuery | tags: 面试题 | 492 次浏览 | 1 Comment

腾讯Q组内部考核题

这个题目是一个网友树人发给我的，听说他是问鬼哥要的，我打开看了看，原来是以前看见过的，只是没有做，本来打算计划这周不加班，周五晚上开始做这个试题，结果突然来了项目要做，没都办法周六得去加班啊，周五晚上也加了的。昨天晚上我就用了几个小时，今天中午起来吃了个面包就继续，搞了一下午终于搞出来了。话说这道题是以前我做过的面试题的综合而已，不过里面有很多值得学习的地方，绝对值得大家一做。

详细题目：
http://www.hemin.cn/demo/tengxunMS10-01-17/考核题关注.doc
http://www.hemin.cn/demo/tengxunMS10-01-17/q_group.psd

答案：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>腾讯Q组内部考核题(www.hemin.cn/blog)</title> <link rel="stylesheet" href="http://www.hemin.cn/demo/tengxunMS10-01-17/styles/main.css" type="text/css" /> </head> <body> <div id="header"> <div class="top"> <div class="fl"><a class="logo" href="#" target="_blank" title="logo"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/logo.jpg" width="61" height="21" alt="logo" /></a> <a class="home" href="#" target="_blank" title="首页">首页</a><a class="help" href="#" target="_blank" title="帮助">帮助</a> <a class="join-crowd" href="#" target="_blank" title="我加入的群">我加入的群</a></div> <div class="fr"><a href="#" target="_blank" title="退出登录">退出登录</a></div> </div> <div class="top-title"> <a class="q-logo" href="#" target="_blank" title="">群logo</a> <h1>爱生活爱hemin</h1> <p><strong>[广东省]</strong>爱生活爱hemin爱生活爱hemin爱生活爱hemin爱生活爱hemin</p> </div> <div class="login-inf"> <div class="fl"><a class="picture" href="#" ><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></a><span>飘飘</span><span>创建于</span><span>2003.12.12</span></div> <div class="fr"><a class="management" href="#" title="群空间管理">群空间管理</a></div> </div> </div> <div id="main"> <div class="part_c"> <div class="c-top"> <div class="fl"> <img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ad.jpg" width="180" height="110" alt="" /></div> <h5>群内公告</h5> <p>为了她，我已经爱上了hemin,为了她，我已经爱上了hemin,为了她，我已经爱上了hemin,为了她，我已经爱上了hemin,为了她，我已经爱上了hemin,</p> </div> <div class="c-bottom"> <div class="c-title"><strong class="fl">群空间论坛</strong><a class="fr" href="#" title="">发帖</a></div> <table width="100%" border="0"> <tr> <th class="pl-27 title">文章标题</th> <th class="author" >作者</th> <th class="time">时间</th> <th class="reply" >浏览/回复</th> </tr> <tr> <td class="pl-27">[<a class="title" href="#" title="通知版">通知版</a>]<a href="#" title="为了她，我已经爱上了hemin,">为了她，我已经爱上了hemin,</a></td> <td><span class="picture"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><a href="#" title="hemin">hemin</a></td> <td>01.31 13.45</td> <td class="tc">10/0</td> </tr> <tr> <td class="pl-27">[<a class="title" href="#" title="通知版">通知版</a>]<a href="#" title="为了她，我已经爱上了hemin,">为了她，我已经爱上了hemin,</a></td> <td><span class="picture"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><a href="#" title="hemin">hemin</a></td> <td>01.31 13.45</td> <td class="tc">10/0</td> </tr> <tr> <td class="pl-27"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/player.jpg" width="13" height="13" />[<a class="title" href="#" title="通知版">通知版</a>]<a href="#" title="为了她，我已经爱上了hemin,">为了她，我已经爱上了hemin,</a></td> <td><span class="picture"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><a href="#" title="hemin">hemin</a></td> <td>01.31 13.45</td> <td class="tc">10/0</td> </tr> <tr> <td class="pl-27">[<a class="title" href="#" title="通知版">通知版</a>]<a href="#" title="为了她，我已经爱上了hemin,">为了她，我已经爱上了hemin,</a></td> <td><span class="picture"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><a href="#" title="hemin">hemin</a></td> <td>01.31 13.45</td> <td class="tc">10/0</td> </tr> <tr> <td class="pl-27">[<a class="title" href="#" title="通知版">通知版</a>]<a href="#" title="为了她，我已经爱上了hemin,">为了她，我已经爱上了hemin,</a></td> <td><span class="picture"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><a href="#" title="hemin">hemin</a></td> <td>01.31 13.45</td> <td class="tc">10/0</td> </tr> <tr> <td class="pl-27">[<a class="title" href="#" title="通知版">通知版</a>]<a href="#" title="为了她，我已经爱上了hemin,">为了她，我已经爱上了hemin,</a></td> <td><span class="picture"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><a href="#" title="hemin">hemin</a></td> <td>01.31 13.45</td> <td class="tc">10/0</td> </tr> <tr> <td class="pl-27">[<a class="title" href="#" title="通知版">通知版</a>]<a href="#" title="为了她，我已经爱上了hemin,">为了她，我已经爱上了hemin,</a></td> <td><span class="picture"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><a href="#" title="hemin">hemin</a></td> <td>01.31 13.45</td> <td class="tc">10/0</td> </tr> <tr> <td class="pl-27">[<a class="title" href="#" title="通知版">通知版</a>]<a href="#" title="为了她，我已经爱上了hemin,">为了她，我已经爱上了hemin,</a></td> <td><span class="picture"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><a href="#" title="hemin">hemin</a></td> <td>01.31 13.45</td> <td class="tc">10/0</td> </tr> <tr> <td class="pl-27">[<a class="title" href="#" title="通知版">通知版</a>]<a href="#" title="为了她，我已经爱上了hemin,">为了她，我已经爱上了hemin,</a></td> <td><span class="picture"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><a href="#" title="hemin">hemin</a></td> <td>01.31 13.45</td> <td class="tc">10/0</td> </tr> <tr> <td class="pl-27">[<a class="title" href="#" title="通知版">通知版</a>]<a href="#" title="为了她，我已经爱上了hemin,">为了她，我已经爱上了hemin,</a></td> <td><span class="picture"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><a href="#" title="hemin">hemin</a></td> <td>01.31 13.45</td> <td class="tc">10/0</td> </tr> <tr> <th colspan="4" class="bor-t"><a class="more" href="#" target="_blank" title="更多">更多>></a> </th> </tr> </table> </div> </div> <div class="part_l"> <div class="group-info"> <dl> <dt><strong>普通群</strong>[<span>非公开</span>]</dt> <dd><span class="name">群成员数</span><em>87/100人</em></dd> <dd><span class="name">相册空间</span> <div class="loadbar"><span class="bar"><strong style="width:0%"> </strong></span></div> <em>0/10M</em></dd> <dd><span class="name">硬盘空间</span> <div class="loadbar"><span class="bar"><strong style="width:100%"> </strong></span></div> <em>10/16M</em></dd> </dl> <a class="upgrade" href="#" title="升级">升级</a> </div> <div class="menu"> <ul class="menu-list"> <li> <h3 class="home"><a href="#" title="首页">首页</a></h3> </li> <li> <h3 class="bbs"><a href="#" title="论坛">论坛</a></h3> <ul class="bbs-list"> <li><a href="#" title="讨论版">讨论版</a></li> <li><a href="#" title="贴图版">贴图版</a></li> <li><a href="#" title="随写">随写</a></li> <li><a href="#" title="分享">分享</a></li> </ul> </li> <li> <h3 class="album"><a href="#" title="相册">相册</a></h3> </li> <li> <h3 class="record"><a href="#" title="群聊天记录">群聊天记录</a></h3> </li> <li class="mb0"> <h3 class="members"><a href="#" title="群成员">群成员</a></h3> </li> </ul> </div> </div> <div class="part_r"> <div class="r-top"> <div class="result"> <a class="to-result" href="#" title="我要给群里充值">我要给群里充值</a> <a class="plan" href="#" title="群返利计划">群返利计划</a> </div> </div> <div class="r-bottom"> <div class="members-list"> <h6>成员列表</h6> <ul> <li class="leading"><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱生活爱hemin爱爱</a></span></li> <li class="assistant"><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱生活爱hemin</a></span></li> <li class="assistant"><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱生活爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> <li><span class="fl"><img src="http://www.hemin.cn/demo/tengxunMS10-01-17/images/ico-02.gif" width="16" height="16" alt="" /></span><span class="fr"><a href="#" title="分享">我爱hemin</a></span></li> </ul> <a class="more" href="#" target="_blank" title="更多">更多>></a> </div> </div> </div> </div> <div id="footer"> <p class="link"><a href="#" target="_blank" title="关于腾讯">关于腾讯</a><a href="#" target="_blank" title="About">About</a><a href="#" target="_blank" title="Tencent">Tencent</a><a href="#" target="_blank" title="服务条款">服务条款</a><a href="#" target="_blank" title="广告服务">广告服务</a><a href="#" target="_blank" title="腾讯招聘">腾讯招聘</a><a href="#" target="_blank" title="客服中心">客服中心</a><a href="#" target="_blank" title="网站导航">网站导航</a></p> <p class="copyright">Copyright © 1998 - 2008 Tencent Inc. All Rights Reserved</p> <p>腾讯公司版权所有腾讯网络文化经营许可证</p> </div> </body> </html>

提示：你可以先修改部分代码再运行。

测试：IE6,7.8,FF3.6.op10,chrome

一月 17th, 2010 in (x)Html/Css | tags: css, 面试题 | 1,942 次浏览 | 12 Comments

百度2010校园招聘前端开发笔试题

1、JS主要数据类型？5分
答：主要的类型有 number、string、object 以及 Boolean 类型,其他两种类型为 null 和 undefined。

2、img的alt和title的异同？10分
答：title属性为设置该属性的元素提供建议性的信息。比如为链接添加描述性文字。
为不能显示图像、窗体或applets的用户代理（UA），alt属性用来指定替换文字。使用alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明。

3、CSS的JS调用？如font-family, -moz-border-radius 10分
答：fontFamily、MozBorderRadius
Show more »

十二月 30th, 2009 in (x)Html/Css, AS3/Flex, JS/JQuery | tags: js, 面试题 | 1,905 次浏览 | 6 Comments

08年阿里巴巴前端开发面试题

1.用CSS实现布局

提示：你可以先修改部分代码再运行。

十二月 24th, 2009 in (x)Html/Css, JS/JQuery | tags: js, 面试题 | 1,785 次浏览 | 6 Comments

面试题：纯CSS菜单和纯CSS选项卡

昨天把一部分项目做完，今天早上一来就上蓝色看了下，感觉蓝色里面的zhiz先生好学，面试题出现困难了就特意帮他写了，如看了自己好好研究下。

1.纯CSS菜单

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS的下拉菜单(www.hemin.cn)</title> <style type="text/css"> *{margin:0;padding:0;} .menu{font-size:12px;position:relative;z-index:100;} .menu ul{list-style:none;} .menu li {float:left;position:relative;} .menu ul ul {visibility:hidden;position:absolute;left:3px;top:23px;} .menu table {position:absolute; top:0; left:0;} .menu ul li:hover ul, .menu ul a:hover ul{visibility:visible;} .menu a{display:block;border:1px solid #000;background:#8192A6;padding:2px 10px;margin:3px;color:#fff;text-decoration:none;} .menu a:hover{background: #0FF;color:#f00;border:1px solid #00F;} .menu ul ul{} .menu ul ul li {clear:both;text-align:left;font-size:12px;} .menu ul ul li a{display:block;width:100px;height:13px;margin:0;border:0;border-bottom:1px solid red;} .menu ul ul li a:hover{border:0;background:#f2cdb0;border-bottom:1px solid #00F;} </style> </head> <body> <div class="menu"> <ul> <li><a href="">menu1 </a>  <ul> <li><a href="#">submenu1</a></li> <li><a href="#">submenu2</a></li> <li><a href="#">submenu3</a></li> <li><a href="#">submenu4</a></li> </ul>  </li> <li><a href="">menu2 </a>  <ul> <li><a href="">submenu1</a></li> <li><a href="">submenu2</a></li> </ul>  </li> <li><a href="">menu3 </a>  <ul> <li><a href="">submenu1</a></li> <li><a href="">submenu2</a></li> </ul>  </li> <li><a href="">menu4</a></li> <li><a href="">menu5</a></li> </ul> </div> </body> </html>

提示：你可以先修改部分代码再运行。

八月 12th, 2009 in (x)Html/Css | tags: css, 实例, 面试题 | 1,111 次浏览 | 1 Comment

随写08年腾讯面试题(实习生)

今天中午在吃饭的时候一位以前的同事发来一个08年腾讯的面试题来考我，本来打算去笔架山公园散步的，结果突然下大雨去不了，后来闲着无聊就练习了下~写完后雨停了，可又太晚了，结果还是没去。嘻嘻~~~~

详细题目：http://www.hemin.cn/demo/tengxunMS08-4-18/20080418000001.doc

08腾讯实习生招聘设计类网页重构组岗位公开试题

请将答卷、作品及简历压缩后发送到：Campus@tencent.com 邮箱，投递作品请在主题标明：职位+地区+学校+姓名，如：用户研究+北京+北京大学+张三

一、 耐心填一填！（每空4分，共24分）
Show more »

六月 28th, 2009 in (x)Html/Css | tags: 实例, 面试题 | 2,671 次浏览 | 17 Comments

练习迅雷面试题

今天下午闲着在蓝色理想里面逛了下，看见迅雷面试题，感觉大家都做得不理想，我就打算练习练习一下。
详细题目
http://www.hemin.cn/demo/xunleiMS09-6-21/q.png

第一题（修正图片和ol）

提示：你可以先修改部分代码再运行。

第二题

提示：你可以先修改部分代码再运行。

六月 21st, 2009 in (x)Html/Css | tags: 实例, 面试题 | 4,104 次浏览 | 19 Comments

此页面上的内容需要较新版本的 Adobe Flash Player。

He Min Blog 每一步细节注定你将来的命运。

前端工程师面试

腾讯Q组内部考核题

百度2010校园招聘前端开发笔试题

08年阿里巴巴前端开发面试题

面试题：纯CSS菜单和纯CSS选项卡

随写08年腾讯面试题(实习生)

08腾讯实习生招聘设计类网页重构组岗位公开试题

练习迅雷面试题

Webmaster

Category

Tag Cloud

Recent Article

Random Pages

Recent Comments

Gallery

Pigeonhole

Links

Tunnel

Translation

访问者分析