腾讯前端程序员第一轮面试问题答案

2017-09-12 18:48:53 浏览数 (32)

  此前,zijiebao app开发者头条上分享了“腾讯C++初面面经”,不少的程序员小伙伴想问有没有前端开发员面经之类的。


  那么,今天zijiebao这里给小伙伴们挑选腾讯前端第一轮面试的两个问题,并解答。

  1、Angular的特性:

  #1 良好的应用程序结构

  通常情况下,我们编写 JavaScript 没有明确的结构。虽然在编写小应用程序的时候没有问题,但这显然是不适合于大规模的应用程序。使用 AngularJS,您可以通过MVC(模型 - 视图 - 控制器)或MVVM (模型 - 视图 - 视图模型)模式来组织源代码。 AngularJS 是一个 MVW 框架,其中W代表可以用于任何项目。你可以组织你的代码模块,它可显著提高应用程序的可测试性和可维护性。

  #2 双向数据绑定

  数据绑定肯定是 AngularJS 最佳功能之一。你可以声明绑定的模型到 HTML 元素。当模型发生变化时,视图会自动更新,反之亦然。这可以减少大量的传统样板代码,保持模型和视图同步。

  #3 指令

  AngularJS 指令让你使用 HTML 新语法快速的构建应用程序。您可以创建可重用的自定义组件与指令的API。例如,如果你想自定义日期选择器小部件,你可以创建一个组件。如果你想要一个奇特的文件上传与进度指示器可以继续创建一个组件。很酷,不是吗?

  #4 HTML 模板

  AngularJS 使用 HTML 模板,这使事情变得简单,并允许设计人员和开发人员同时工作。设计人员可以按照通常的方式创建用户界面,而开发人员可以使用声明性绑定语法很容易配合不同的UI组件的数据模型。

  #5 可嵌入、注入和测试

  关于 AngularJS 的最好的事情是,它是一个很好的团队成员。它从来没有要求全面承诺。AngularJS 官方网站说,你可以根据你需要使用尽可能多或尽可能少的在项目中使用 AngularJS。如果你只需要双向数据绑定,您可以引入 Angular,只是使用此功能。

  AngularJS 支持依赖注入的开箱即用。如果你需要的东西,你只要调用 Angular 来注入。就这么简单。这巨大的提高可测试性,因为你可以很容易地在测试的模拟组件。

  AngularJS 在创建时候始终考虑着可测试性。这些模块和依赖注入系统,使得单元测试更容易。此外, AngularJS 提供了一个称为量角器工具,这使得终端到终端的测试变得轻而易举。所以,你开发的代码始终是可测试性和可维护性。

  这还不是全部! AngularJS 还提供了更多的实用功能,如路由,过滤器,和动画等等。

  2、slice,substr和substring的区别

  首先,他们都接收两个参数,slice和substring接收的是起始位置和结束位置(不包括结束位置),而substr接收的则是起始位置和所要返回的字符串长度。直接看下面例子:

  1 var test = 'hello world';

  2

  3 alert(test.slice(4,7)); //o w

  4 alert(test.substring(4,7)); //o w

  5 alert(test.substr(4,7)); //o world

  这里有个需要注意的地方就是:substring是以两个参数中较小一个作为起始位置,较大的参数作为结束位置。

  如:

alert(test.substring(7,4));         //o w

  接着,当接收的参数是负数时,slice会将它字符串的长度与对应的负数相加,结果作为参数;substr则仅仅是将第一个参数与字符串长度相加后的结果作为第一个参数;substring则干脆将负参数都直接转换为0。测试代码如下:

  1 var test = 'hello world';

  2

  3 alert(test.slice(-3)); //rld

  4 alert(test.substring(-3)); //hello world

  5 alert(test.substr(-3)); //rld

  6 alert(test.slice(3,-4)); //lo w

  7 alert(test.substring(3,-4)); //hel

  8 alert(test.substr(3,-4)); //空字符串

  1 注意:IE对substr接收负值的处理有错,它会返回原始字符串。


0 人点赞