前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

3.已知ID的Input输入框,希望改变文本框的背景颜色,怎么做?(原生JS)

前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

4.希望获取到页面中所有的checkbox怎么做?(原生JS)
前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

5.Html事件绑定有几种方式?

  • 直接在DOM里绑定事件:<div onclick=”test()”></div> 这种方式称为原生事件或者属性事件

  • 在JS里通过onclick绑定:xxx.onclick = test

  • Dom标准通过事件添加进行绑定:addEventListener("click",test, false) //第三个参数为是否支持事件捕捉

  • IE事件:attachEvent("onclick",test)

那么问题来了,Javascript的事件流模型都有什么?

  • “事件捕捉”:事件由最不具体的节点先接收,然后逐级向下,一直到最具体的

  • 目标事件

  • “事件冒泡”:事件开始由最具体的元素接受,然后逐级向上传播

  • “DOM事件流”:三个阶段:事件捕捉,目标阶段,事件冒泡

  • IE事件流:目标事件和事件冒泡

阻止事件冒泡的方式:

前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

阻止事件的默认行为:前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

6.看下列代码,将会输出什么?(变量声明提升)
前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

上面的代码经过变量提升后,等价于下面的代码前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

再看下面的输出结果:前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

此时打印a函数,不会打印1,因为下面是一个函数表达式,跟变量声明一样,只会把var a;提升到最前面,a=function(){}保留,会覆盖前面的a=1;因此打印函数。

此题目,我再百度面试的时候问到过。

7.掌握样式的优先级。

!important > style(内联) > Id(权重100) > class(权重10) > 标签(权重1) 同类别的样式,后面的会覆盖前面的。

百度视频部门一道面试题是这样的:

前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

8.怎样添加、移除、移动、复制、创建和查找节点

1)创建新节点

createDocumentFragment() //创建一个DOM片段

createElement() //创建一个具体的元素

createTextNode() //创建一个文本节点

2)添加、移除、替换、插入

appendChild() //添加

removeChild() //移除

replaceChild() //替换

insertBefore() //插入

3)查找

getElementsByTagName() //通过标签名称

getElementsByName() //通过元素的Name属性的值

getElementById() //通过元素Id,唯一性

9.用js写一个正则匹配标签中是否包含一个class(百度面试题)

前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

10.事件循环绑定,输出结果(考察闭包)前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

通过闭包封装后的代码:前端HR熬夜整理,2017年BAT面试题大全集,程序员收藏了,只发一次!

闭包我所知道的两个作用:

a.通过闭包可以把局部变量传递出来,就是通过闭包可以访问函数内部的变量,比如下面的代码:

时间:1年前 (2017/06/28) / 阅读:388 / 评论:0

前端HR熬夜整理,2017年BAT面试题大全集

最流行的5个前端框架对比

  • 创作者: Mark Otto 和 Jacob Thornton.

  • 发行: 2011

  • 当前版本: 3.3.7

  • 人气: GitHub上有111,000颗星

  • 说明: “Bootstrap是最流行的HTML,CSS和JavaScript框架,用于在网络上开发响应式、移动的Web项目。

  • 核心概念/原则: RWD和移动端优先。

  • 框架大小: 154 KB

  • 预处理器: Less和Sass

  • 响应式布局:是

  • 模块化:是

  • 启动模板/布局:是

  • 图标集: Glyphicons Halflings设置

  • 附加/附件:无捆绑,许多第三方插件可用。

  • 独特组件: Jumbotron

  • 文档资源:良好

  • 自定制:基本GUI定制器。但是你需要手动输入颜色值,因为没有颜色选择器可用。

  • 浏览器支持: Firefox,Chrome,Safari,IE8 +(您需要IE8的Respond.js)

  • 许可证: MIT

Bootstrap 说明

Bootstrap的广泛流行是它的优势所在。在技术上,它不一定比列表中的其它框架更好,但它提供了比其它四个框架更多的资源(文章和教程、第三方插件和扩展、主题构建器等)。简而言之,Bootstrap 无处不在,这是人们继续选择的主要原因。

Foundation

Foundation是排在第二名的框架。ZURB这样坚实的公司一直支持着Foundation,所以这个框架有强大的基础。Foundation现已用于许多大型网站,包括Facebook,Mozilla,Ebay,Yahoo!和国家地理等。

最流行的5个前端框架对比

  • 创作者: ZURB

  • 发行: 2011

  • 当前版本: 6.3.1

  • 人气: GitHub上有25,400颗星

  • 说明: “世界上最先进的响应式前端框架”

  • 核心概念/原则: RWD,移动端优先,语义。

  • 框架大小: 197.5 KB

  • 预处理器: Sass

  • 响应式布局:是

  • 模块化:是

  • 启动模板/布局:是

  • 图标集: 基础图标字体

  • 额外/附加组件:是

  • 独特的组件: Icon Bar, Clearing Lightbox, Flex Video, Keystrokes, Joyride, Pricing Tables

  • 文档资源:良好,还有许多额外资源。

  • 自定制:基本的GUI定制程序,类似于Bootstrap定制工具。

  • 浏览器支持: Chrome,Firefox,Safari,IE9 +; iOS,Android,Windows Phone 7+

  • 许可证:MIT

Foundation 说明

Foundation是一个真正的专业框架,提供业务支持、培训和咨询。它还提供了许多资源来帮助你更快更轻松地学习和使用该框架。

Semantic UI

Semantic UI是一个语义化设计的前端开源框架。它利用自然语言原理,从而使代码更加可读和可理解。

时间:1年前 (2017/06/28) / 阅读:336 / 评论:0

最流行的5个前端框架对比