"

                  ✅彩票网址平台✅品牌实力,资金雄厚,彩票网址平台,诚信为本,原生态App体验千百款游戏,彩票网址平台,7x24服务,欢迎您来体验!

                                  "
                                      
                                      

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

                                  小编:管理员 256阅读 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、<ul> <li> </li> </ul>

                                  B、<ol> <li> </li> </ol>

                                  C、<dl> <dt> </dt> <dd> </dd> </dl>

                                  D、<table> <tr> <td></td> </tr> </table>



                                  答案: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、<TABLE ALIGN=”CENTER” WIDTH=”50%”></TABLE>

                                  B、<TABLE ALIGN=”CENTER” WIDTH=”512″></TABLE>

                                  C、<DIV ALIGN=”CENTER”><TABLE WIDTH=”512″></TABLE></DIV>

                                  D、<CENTER><TABLE WIDTH=”50%”></TABLE></CENTER>



                                  答案:A B C D

                                   


                                  第12题:


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

                                  A、*.gif

                                  B、*.tif

                                  C、*.bmp

                                  D、*.jpg



                                  答案:A  C    D



                                  第13题:


                                    关于h标签

                                  <h1>h1. Bootstrap heading <small>Secondary text</small></h1>

                                  以下说法正确的是

                                  A、<h1>最大

                                  B、<h6>最大

                                  C、<small>用法错误

                                  D、<small>表示副标题



                                  答案: 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、<html>

                                  B、<head>

                                  C、<title>

                                  D、<body>



                                  答案:ABCD



                                  第16题:


                                   二、解答题

                                  请给Array本地对象增加一个原型方法,它用于删除数组条目中重复的条目(可能有多个),返回值是一个包含被删除的重复条目的新数组



                                   

                                  Array.prototype.distinct = function() {

                                      var ret = [];

                                      for (var i = 0; i < this.length; i++)

                                      {

                                          for (var j = i+1; j < this.length;) {   

                                              if (this[i] === this[j]) {

                                                  ret.push(this.splice(j, 1)[0]);

                                              } else {

                                                  j++;

                                              }

                                          }

                                       }

                                       return ret;

                                  }

                                  //for test

                                  alert(['a','b','c','d','b','a','e'].distinct());


                                  第17题:


                                   

                                  请填充代码,使mySort()能使传入的参数按照从小到大的顺序显示出来。

                                  function mySort() {

                                      var tags = new Array();//使用数组作为参数存储容器

                                      请补充你的代码

                                      return tags;//返回已经排序的数组

                                  }

                                   

                                  var result = mySort(50,11,16,32,24,99,57,100);/传入参数个数不确定

                                  console.info(result);//显示结果



                                   

                                  function mySort() {

                                      var tags = new Array();

                                      for(var i = 0;i < arguments.length;i++) {

                                          tags.push(arguments[i]);

                                      }

                                      tags.sort(function(compare1,compare2) {

                                          return compare1- compare2;

                                      });

                                      return tags;

                                  }

                                   

                                  var result = mySort(50,11,16,32,24,99,57,100);

                                  console.info(result);


                                  第18题:


                                   用javascript实现用户登录验证的代码。



                                   

                                  <script language=javascript>

                                  function checkSubmit()

                                  {

                                      if ((document.form1.name.value)==”)

                                      {

                                          window.alert (‘姓名必须填写’);

                                          document.form1.name.select();

                                          document.form1.name.focus();

                                          return false;

                                      }

                                      else

                                          return true;

                                  }

                                  </script>

                                  <form name=”form1″ onsubmit=”javascript:return checkSubmit()”>

                                  <input type=”text” name=”name”>

                                  </form>


                                  关联标签:
                                  彩票网址平台