web前端面试题分解.docx

  1. 1、本文档共12页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
1 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性) 答: document.onclick=function(e){ ? e=e||window.event; ? var o=e.srcElement||e.target; ? alert(o.tagName); }? ? 2 请指出一下代码的性能问题,并经行优化。 ?? var info=腾讯拍拍网()是腾讯旗下知名电子商务网站。; ?? info +=拍拍网于2005年9月12日上线发布,; ?? info +=2006年3月13日宣布正式运营,; ?? info +=是目前国内第二大电子商务平台。; ?? info=info.split(,); ?? for(var i=0; iinfo.length; i++) ??? { ?????? alert(info[i]); ??? } 答:输出字符串没有必要用for。 3?? 请给出异步加载js方案,不少于两种。 答:1.直接document.write); ??????? script ??????? document.write(script src=test.js/script); ??????? /script ???? 2.动态改变已有script的src属性 ??????? script src= id=s1script ??????? script ??????? s1.src=test.js ??????? /script ???? 3.动态创建script元素 ??????? script ??????? var oHead=document.getElementsByTagName(HEAD).item(0); ??????? var oScript=document.createElement(script); ??????? oScript.type=text/javascript; ??????? oScript.src=test.js; ??????? oHead.appendChild(oScript); ?????? /script 4?? 请写出jQuery绑定事件的方法,不少于两种。 答: $().click() $().ready() $().change() $().focus() 5?? 请设计一套方案,用于确保页面中JS加载完全。 答:原生用onload,jq用ready。 6. 用 CSS 实现布局 让我们一起来做一个页面 首先,我们需要一个布局。 请使用 CSS 控制 3 个 div,实现如下图的布局。 这题不难,在平时项目开发过程中也经常会碰到: 主要考虑几个问题:1. IE6 的 3 像素 BUG;2. 清楚浮动; CSS代码 [css]?view plaincopy 1. *{margin:0;padding:0;}?? 2. div{background:blue;}?? 3. .frist{float:left;width:100px;height:150px;}?? 4. .second{clear:left;float:left;width:100px;height:150px;margin:10px?0?0?0;}?? 5. .third{width:200px;height:310px;margin-left:110px;_margin-left:107px;}?? XML/HTML代码 [html]?view plaincopy 1. div?class=first?id=first1/div?? 2. ?? 3. div?class=second?id=second2/div?? 4. ?? 5. div?class=third?id=third3/div?? 7. 用 javascript 优化布局 由于我们的用户群喜欢放大看页面 于是我们给上一题的布局做一次优化。 当鼠标略过某个区块的时候,该区块会放大25%, 并且其他的区块仍然固定不动。 提示: 也许,我们其他的布局也会用到这个放大的效果哦。 可以使用任何开源代码,包括曾经你自己写的。 关键字:javascript、封装、复用 惭愧啊,用上边那个布局我怎么也没把它优化出来,硬这头皮用绝对定位改了布局; 所以样式改成了这样 [css]?view plaincopy 1. *{margin:0;padding:0;}?? 2. div{background:blue;?position:absolute}?? 3. .first{width:100px;height:150px;float:left;}?? 4. .second{top:160px;width:100px

文档评论(0)

jiayou10 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

版权声明书
用户编号:8133070117000003

1亿VIP精品文档

相关文档