名企面试真题！360web前端面试笔试题揭秘！

在360公司的web前端岗位面试中，笔试题是评估应聘者技术能力的重要环节。这些题目不仅考察了应聘者的基础知识，还考察了他们的逻辑思维和问题解决能力。以下是一些经典的有难度的笔试题，每一道题目都有答案，希望能帮助你更好地准备面试。

1.请简述HTML5的新特性及其作用。

答案：HTML5的新特性主要包括语义化标签、多媒体支持、本地存储、Web Workers等。这些新特性使得网页更加丰富、交互性更强，提高了用户体验。例如，语义化标签使得搜索引擎更容易理解网页内容，提高了网页的搜索排名；多媒体支持使得网页可以播放音频和视频，增强了网页的表现力；本地存储使得网页可以在离线状态下运行，提高了网页的可用性；Web Workers使得网页可以在后台执行复杂的计算任务，提高了网页的性能。

2. 请简述CSS3的新特性及其作用。

答案：CSS3的新特性主要包括圆角、阴影、渐变、动画等。这些新特性使得网页样式更加丰富、动态，提高了用户体验。例如，圆角使得元素边缘更加平滑，增强了元素的美观性；阴影使得元素具有立体感，增强了元素的层次感；渐变使得元素颜色过渡更加自然，增强了元素的视觉效果；动画使得网页元素可以动态变化，增强了网页的交互性。

3. 请简述JavaScript的事件模型。

答案：JavaScript的事件模型主要包括事件捕获阶段和事件处理阶段。事件捕获阶段是从根节点开始，沿着DOM树向下传播事件；事件处理阶段是从触发事件的元素开始，沿着DOM树向上传播事件。事件处理函数可以通过addEventListener方法注册到元素上，也可以通过HTML属性直接绑定到元素上。事件对象包含了与事件相关的信息，如事件类型、目标元素等。

4. 请简述AJAX的工作原理。

答案：AJAX（Asynchronous JavaScript and XML）是一种在不刷新整个页面的情况下，与服务器交换数据并更新部分网页内容的技术。其工作原理主要包括以下几个步骤：1）创建XMLHttpRequest对象；2）通过open方法设置请求方式、URL和是否异步；3）通过send方法发送请求；4）监听readyState属性的变化，当其值为4时表示请求已完成；5）通过responseText或responseXML属性获取服务器返回的数据；6）将获取到的数据更新到网页上。

5. 请简述响应式布局的原理及其实现方法。

答案：响应式布局是一种能够根据设备屏幕大小自动调整网页布局的技术。其原理是通过媒体查询（Media Queries）检测设备屏幕的大小，并根据不同的屏幕尺寸应用不同的CSS样式。实现响应式布局的方法主要有：1）使用百分比单位设置元素宽度；2）使用rem单位设置字体大小；3）使用max-width属性限制元素宽度；4）使用flexbox或grid布局实现自适应排列；5）使用媒体查询为不同屏幕尺寸应用不同的CSS样式。

6.在internet流媒体播放时,为了提高传输速率,使用的端到端连接协议是（）。
A：tcp
B：ip
C：http
D：udp
参考答案：D

7.UDP是传输层进行端到端连接的主要协议之一,以下不属于UDP特点的是（）。
A：面向无连接
B：不可靠服务
C：全双工传输模式
D：提供可靠服务
参考答案：D

8.socket中so_pcb指向一个结构体，该结构体中不包含的参数是（）。
A：inp_fport
B：inp_lport
C：inp_faddr
D：inp_proaddr
参考答案：D

9.把C类网络192.168.2.0/24进行子网划分,如果某个子网需要容纳16台主机,需要配置的子网掩码是( ) 。
A：255.255.255.240
B：255.255.255.128
C：255.255.255.192
D：255.255.255.224
参考答案：D

10.以下主机地址中与192.168.2.131/26在同一个网段的是( ) 。
A：192.168.2.119/26
B：192.168.2.129/26
C：192.168.2.193/26
D：192.168.2.60/26
参考答案：B

11.为了解决IPv4地址短缺问题,地址升级为IPv6,IPv6的长度是( ) 。
A：48位
B：64位
C：128位
D：256位
参考答案：C

12.IPv6地址2130:1201:0000:3321:0000:0000:456A下列缩写中错误的是( ) 。
A：2130:1201:0:3321::456A
B：642130:1201::3321:0:0:456A
C：2130:1201::3321::456A
D：2130:1201:0:3321:0:0:456A
参考答案：C

13.计算机通过http协议访问www.test.com网站时需要域名解析的服务是( ) 。
A：DHCP
B：MAIL
C：DNS
D：FTP
参考答案：C

14.在windows系统中,IIS提供了应用服务平台,IIS不包含的服务是( ) 。
A：Web
B：FTP
C：SMTP
D：IMAP
参考答案：D

15.下列哪项不属于DOM查找节点的属性（）？
A：parentObj.firstChild
B：parentObj.children
C：neborNode.previousSibling
D：neborNode.siblings
参考答案：D

16.DOM中，给父节点添加子节点的正确方法为（）？
A：appendChild(parentNode,newNode);
B：append(parentNode,newNode);
C：parentNode.append(newNode);
D：parentNode.appendChild(newNode);
参考答案：D

17.获取被拖拽对象的相关数据，需要使用下面哪个方法（）？
A：dataTransfer.get()
B：dataTransfer.getItem()
C：dataTransfer.getData()
参考答案：C