腾讯 2021年web前端开发面试题

小编:管理员 2085阅读 2021.06.18

第1题:


一、不定项选择题

 jquery ajax中都支持哪些返回类型?       

A、xml

B、html

C、jsonp

D、json



答案:A B D



第2题:


 下面哪些语句可以在JS里判断一个对象oStringObject是否为String。    

A、oStringObject instanceof String

B、typeof oStringObject == 'string'

C、oStringObject is String

D、以上答案都不正确



答案:A



第3题:


 常见的浏览器端的存储技术有哪些?         

A、cookie

B、localStorage

C、session

D、userData



答案:ABD

解析:cookie 是靠谱的浏览器都支持;localStorge 比 cookie   存的更多,获取更方便,而且存储内容不会随请求发送给服务器;session 虽然需要 cookie 支持(通常存放加密过的   sessionId),但是不在浏览器端存放主要信息,排除;IE 支持 userData   存储数据,但是基本很少使用到,除非有很强的浏览器兼容需求。



第4题:


 如何规避javascript多人开发函数重名问题。 

A、根据不同的开发人员实现的功能,在函数名加前缀

B、每个开发人员都把自己的函数封装到类中,然后调用的时候即使函数名相同,但是因为是要类.函数名来调用,所以C、也减少了重复的可能性

D、以上都不正确



答案: A B

解析:

A,函数名之前加上开发人员特有的前缀,可以有效避免重名问题
B,类的封装是面向对象程序设计语言规避重名问题的有效途径



第5题:


 下面属于javascript基本数据类型的有?

A、字符串

B、数字

C、null

D、undefined



答案:A B C D

解析:string number null undefined object boolean 一共六种



第6题:


 下面有关html结构描述正确的有?          

A、

B、

C、

D、



答案:ABCD

解析:

这里主要是讲标签的嵌套。

其中li标签必须嵌套在ul标签或ol标签中;

dt标签和dd标签必须嵌套在dl标签里面,并且dt标签必须位于dd标签前面;

tr标签和td标签必须嵌套在table标签里面,其中td标签必须位于tr标签里面。

综上所述,ABCD选项的表述都正确。



第7题:


 在bootstrap中, 关于导航条,下列说法正确的是?    

A、应该将被包裹的元素放到navbar-collapse类中        

B、表单应该放置于navbar-form内

C、可以使用navbar-left和navbar-right来对齐导航条

D、可以使用navbar-fixed-top和navbar-fixed-bottom来将导航条固定到顶部或底部



答案: A B C D

 


第8题:


 以下是行内元素的有()    

A、span        

B、input

C、ul

D、p



答案:AB

解析:

大多数 HTML 元素被定义为块级元素或内联元素。“块级元素”译为 block level element,“内联元素”译为   inline element。

1.块级元素 在浏览器显示时,通常会以新行来开始(和结束)。块级元素按照其应用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素。
结构化块状元素: 这类元素用于构造文档的结构,没有语义上的含义,仅仅划分出了文档的组织方式,并没有体现文档的内容。 
终端块状元素: 这类元素用于从结构转向内容,拥有语义上的含义,能够表明内容的性质。终端块状元素属于结构的终点,它们不能再包含其他块级元素,只能包含文本或行级元素。
多目标块状元素: 多目标指的是可以自由的扩展或嵌套文档的结构,以可以终端的形式出现。当多目标块状元素以结构化的方式使用时就含有结构化的内涵,以终端的形式使用就含有语义的内涵。 
2.内联元素 (inline element)或称为行内元素 一般都是基于语义级(semantic)的基本元素,只能容纳文本或者其它内联元素。 



第9题:


下面关于IE、FF下面脚本的区别描述错误的是?        

A、innerText IE支持,FIREFOX不支持

B、document.createElement FIREFOX支持,IE不支持

C、setAttribute('class','styleClass') FIREFOX支持,IE不支持

D、用setAttribute设置事件 FIREFOX不支持,IE支持



答案:B D



第10题:


 下面有关javascript内部对象的描述,正确的有?     

A、History 对象包含用户(在浏览器窗口中)访问过的 URL

B、Location 对象包含有关当前 URL 的信息

C、Window 对象表示浏览器中打开的窗口

D、Navigator 对象包含有关浏览器的信息



答案:A B C D

解析:

Navagator:提供有关浏览器的信息

Window:Window对象处于对象层次的最顶层,它提供了处理Navagator窗口的方法和属性

Location:提供了与当前打开的URL一起工作的方法和属性,是一个静态的对象

History:提供了与历史清单有关的信息

Document:包含与文档元素一起工作的对象,它将这些元素封装起来供编程人员使用



第11题:


 假设当前屏幕分别率为1024×768,定义一个居中的占屏幕一半大小的表格的语句是 

A、

B、

C、

D、



答案:A B C D

 


第12题:


嵌入在HTML文档中的图像格式可以是?

A、*.gif

B、*.tif

C、*.bmp

D、*.jpg



答案:A  C    D



第13题:


  关于h标签

h1. Bootstrap heading Secondary text

以下说法正确的是

A、

最大

B、

最大

C、用法错误

D、表示副标题



答案: A D

 


第14题:


 下面属于CSS3新增属性的有?      

A、box-shadow

B、text-shadow

C、border-radius

D、rgba



答案:A B C D

解析:

A:box-shadow: [<颜色><水平偏移><纵向偏移><模糊半径>]  || [<水平偏移><纵向偏移><模糊半径><颜色>];

说明:

(1) <颜色>和<模糊半径>是可选的, 当<颜色>未指定时, 将使用文本颜色;       当<模糊半径>未指定时, 半径值为0;

(2) shadow可以是逗号分隔的列表, 如:

     box-shadow:      2px 2px 2px #ccc, 3px 3px 3px #ddd;

(3) 阴影效果会按照shadow      list中指定的顺序应用到元素上;

(4) 这些阴影效果有可能相互重叠, 但不会叠加文本本身;

(5) 阴影可能会跑到容器的边界之外, 但不会影响容器的大小.

 

B:阴影的参数格式和box-shadow相同;

 

C:border-radius: r; Box的四个角可以由边框半径来设置弯曲度,其定义方式和border属性类似;

 

D:rgba(0-255,0-255,0-255,0-1)  
前三个数值是 RGB 颜色的值, 最后一个数值指代的是元素的透明度 (0 表示透明, 1 表示不透明).



第15题:


 问一份标准的HTML文档有哪几个必须的HTML标签?  

A、

B、

C、 </p> <p> D、<body> </p> <p> <br /> </p> <p> <br /> </p> <p> <strong>答案:</strong>ABCD </p> <p> <br /> </p> <p> <br /> </p> <b>第16题:</b> <p> <br /> </p> <p>  二、解答题 </p> <p> 请给Array本地对象增加一个原型方法,它用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除的重复条目的新数组 </p> <p> <br /> </p> <p> <br /> </p> <p>   </p> <p> Array.prototype.distinct = function() { </p> <p>     var ret = []; </p> <p>     for (var i = 0; i < this.length; i++) </p> <p>     { </p> <p>         for (var j = i+1; j < this.length;) {    </p> <p>             if (this[i] === this[j]) { </p> <p>                 ret.push(this.splice(j, 1)[0]); </p> <p>             } else { </p> <p>                 j++; </p> <p>             } </p> <p>         } </p> <p>      } </p> <p>      return ret; </p> <p> } </p> <p> //for test </p> <p> alert(['a','b','c','d','b','a','e'].distinct()); </p> <p> <br /> </p> <b>第17题:</b> <p> <br /> </p> <p>   </p> <p> 请填充代码,使mySort()能使传入的参数按照从小到大的顺序显示出来。 </p> <p> function mySort() { </p> <p>     var tags = new Array();//使用数组作为参数存储容器 </p> <p>     请补充你的代码 </p> <p>     return tags;//返回已经排序的数组 </p> <p> } </p> <p>   </p> <p> var result = mySort(50,11,16,32,24,99,57,100);/传入参数个数不确定 </p> <p> console.info(result);//显示结果 </p> <p> <br /> </p> <p> <br /> </p> <p>   </p> <p> function mySort() { </p> <p>     var tags = new Array(); </p> <p>     for(var i = 0;i < arguments.length;i++) { </p> <p>         tags.push(arguments[i]); </p> <p>     } </p> <p>     tags.sort(function(compare1,compare2) { </p> <p>         return compare1- compare2; </p> <p>     }); </p> <p>     return tags; </p> <p> } </p> <p>   </p> <p> var result = mySort(50,11,16,32,24,99,57,100); </p> <p> console.info(result); </p> <p> <br /> </p> <b>第18题:</b> <p> <br /> </p> <p>  用javascript实现用户登录验证的代码。 </p> <p> <br /> </p> <p> <br /> </p> <p>   </p> <p> <script language=javascript> </p> <p> function checkSubmit() </p> <p> { </p> <p>     if ((document.form1.name.value)==”) </p> <p>     { </p> <p>         window.alert (‘姓名必须填写’); </p> <p>         document.form1.name.select(); </p> <p>         document.form1.name.focus(); </p> <p>         return false; </p> <p>     } </p> <p>     else </p> <p>         return true; </p> <p> } </p> <p> </script> </p> <p> <form name=”form1″ onsubmit=”javascript:return checkSubmit()”> </p> <p> <input type=”text” name=”name”> </p> <p> </form> </p> <p> <br /> </p> </div> </div> <!-- 功能 --> <div class="zhishi-function"> <div class="details-function-box clearfix"> <div class="details-function-left"> <h6>关联标签:</h6> <ul class="relation-list clearfix"> <li><a href="http://www.hunt007.com/wiki/qiuzhimianshi/">求职面试</a></li> <li><a href="http://www.hunt007.com/wiki/shitibishi/">试题/笔试</a></li> </ul> </div> <div class="details-function-right"> <div class="details-function-share"> <div class="bdsharebuttonbox bdshare-button-style1-16" data-bd-bind="1510036568633"> <a href="#" class="bds_more" data-cmd="more"></a> <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a> <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a> <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> <a href="#" class="bds_douban" data-cmd="douban" title="分享到豆瓣网"></a> <a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a> <a href="#" class="bds_tsohu" data-cmd="tsohu" title="分享到搜狐微博"></a> <a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a> </div> <script> window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": '', "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "1", "bdSize": "16" }, "share": {}, "image": { "viewList": ["qzone", "tsina", "tqq", "renren", "weixin", "douban", "sqq", "tsohu", "tieba"], "viewText": "分享到:", "viewSize": "16" }, "selectShare": { "bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin", "douban", "sqq", "tsohu", "tieba"] } }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)]; </script> </div> </div> </div> </div> </div> <!-- 相关推荐 --> <div class="about-box"> <p>相关推荐</p> <ul class="about-list-one"> <li class="clearfix noImgLi"> <a class="about-li-title" href="http://www.hunt007.com/wiki/93649.html">腾讯 2021年WEB前端开发实习生面试题</a> <a class="about-li-details" href="http://www.hunt007.com/wiki/93649.html"> 第1题: 请实现,鼠标点击页面中的任意标签,alert该标签的名称.(注意兼容性)第2题: 请指出一下代码的性能问题,并经行优化。var info=&quot;腾讯拍拍网(www.paipai.com)是腾讯旗下知名电子商务网站。&quot;;info +=&quot;拍拍网于2005年9月12日上线发布,&qu… </a> </li> <li class="clearfix noImgLi"> <a class="about-li-title" href="http://www.hunt007.com/wiki/93884.html">2021年腾讯面试题(技术岗)</a> <a class="about-li-details" href="http://www.hunt007.com/wiki/93884.html"> 第1题: 一、不定项选择题(共25题,每题4分,共100分,多选、少选、错选均不得分)1、 如果MyClass为一个类,执行”MyClass a[5], *b[6]”语言会自动调用该类构造函数的次数是()A. 2 B.5 C. 4 D.9第2题: 2、下面程序的运行结果是()#includeusing n… </a> </li> <li class="clearfix noImgLi"> <a class="about-li-title" href="http://www.hunt007.com/wiki/101521.html">经典笔试题-JDBC及Hibernate篇</a> <a class="about-li-details" href="http://www.hunt007.com/wiki/101521.html"> 五、JDBC 及Hibernate:(共12 题:基础10 道,中等难度2 道)110、数据库,比如100 用户同时来访,要采取什么技术解决?【基础】 答:可采用连接池。111、什么是ORM?【基础】 答:对象关系映射(Object—Relational Mapping,简称ORM)是一种为了解决面向对象… </a> </li> </ul> </div> <!-- 推荐百科 --> <div class="about-box"> <p>推荐百科</p> <ul class="about-list-one"> <li class="clearfix"> <h2><a href="http://www.hunt007.com/baike/2966.html"><img src="http://ep2016.hunt007.com/ask/2020/7/30/20200730032932454.jpg" alt=""></a></h2> <a class="about-li-title" href="http://www.hunt007.com/baike/2966.html">怎么做危机营销</a> <a class="about-li-details" href="http://www.hunt007.com/baike/2966.html"> 市场中隐藏着各种各样影响企业经营的危机事件。这件事如果处理不当,将会给企业带来巨大的影响甚至企业彻底失败。而今天要给大家讲的危机营销,就是让企业学会把危机事件当做一个营销项目来做,下面我们就一起来看看有关危机营销的知识。 </a> </li> </ul> </div> </div> <!-- 右侧栏目 --> <div class="main-right-box"> <!-- 推荐百科 --> <div class="zhishibaike-about-box slideTxtBox"> <div class="about-head"> <ul class="clearfix hd"> <li class="on">大家关注</li> </ul> </div> <div class="about-body bd"> <ul> <li><a href="http://www.hunt007.com/wiki/93523.html"> 拼多多2021笔试真题集 </a></li> <li><a href="http://www.hunt007.com/wiki/13402.html"> excel怎么快速计算样本标准偏差,STDEV.S函数实用技巧 </a></li> <li><a href="http://www.hunt007.com/wiki/16303.html"> excel数据筛选技巧,excel如何设置多条件筛选数据 </a></li> <li><a href="http://www.hunt007.com/wiki/12749.html"> excel怎么快速合并单元格,excel合并单元格技巧 </a></li> <li><a href="http://www.hunt007.com/wiki/13437.html"> excel怎么打印数据透视表 </a></li> </ul> </div> </div> <!-- 相关百科 --> <div class="zhishibaike-about-box slideTxtBox"> <div class="about-head"> <ul class="clearfix hd"> <li class="on">热门知识</li> </ul> </div> <div class="about-body bd"> <ul> <li><a href="http://www.hunt007.com/wiki/229092.html"> 金蝶云在审批节点如何添加联查单据的按钮,可以查看到该单据的上下游单据的情况 </a></li> <li><a href="http://www.hunt007.com/wiki/229090.html"> 金蝶云根据核销记录生成凭证,币别和汇率需要取入库单和应付单怎么取值呢? </a></li> <li><a href="http://www.hunt007.com/wiki/228990.html"> 3DMAX块/样式父级 </a></li> <li><a href="http://www.hunt007.com/wiki/228996.html"> 3DMAX明暗器(mental ray 渲染器) </a></li> <li><a href="http://www.hunt007.com/wiki/229025.html"> 金蝶云potal端,工作流角色修改时,页面显示的包含下级为是,保存后变为否? </a></li> </ul> </div> </div> </div> </div> <script type="text/javascript"> jQuery(".slideTxtBox").slide({ trigger: "click" }); </script> <!-- 底部 --> <div class="footer-box"> <div class="footer"> <div class="fl"> <dl> <dt><i class="qq"></i></dt> <dd> <h2>QQ客服</h2> <p class="footer-pp clearfix"> <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1145028743&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:1145028743:7" alt="找工易人才网客服专员,欢迎咨询" title="找工易人才网客服专员,欢迎咨询" width="71" height="24"></a>  <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=1078189145&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:1078189145:7" alt="找工易人才网客服专员,欢迎咨询" title="找工易人才网客服专员,欢迎咨询" width="71" height="24"></a>  <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2359735528&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:2359735528:7" alt="找工易人才网客服专员,欢迎咨询" title="找工易人才网客服专员,欢迎咨询" width="71" height="24"></a> </p> </dd> </dl> <dl> <dt><i class="yx"></i></dt> <dd><h2 style="margin-top: 4px;">E-mail:market#hunt007.cn</h2></dd> </dl> </div> <div class="fr"> <div class="footMenu"> <a href="http://wap.hunt007.com/help/aboutus.htm">关于本站</a> | <a href="http://wap.hunt007.com/help/contact.htm">联系我们</a> | <a href="http://www.hunt007.com/help/link.htm">友情链接</a> | <a href="http://www.hunt007.com/help/law.htm">法律声明</a> | <a href="http://www.hunt007.com/help/help.htm">求职帮助</a> | <a href="http://www.hunt007.com/cn-hot/">热门搜索</a> </div> <p><a href="http://beian.miit.gov.cn" target="_blank">粤ICP备10072383号-2</a> Copyright◎ 2024 hunt007.com, All Rights Reserved. </p><p class="ba"><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44010402000066" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="http://www.beian.gov.cn/file/ghs.png" style="float:left;">粤公网安备 44010402000066号</a></p> </div> </div> </div> </body> </html> <div style="display:none"> <script> var _hmt = _hmt || []; (function () { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d640e320c5cd6fbe5ee863df87a34999"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> <script src='http://v13.cnzz.com/stat.php?id=553175&web_id=553175' language='JavaScript' charset='gb2312'></script> </div>