前端后期测试

美好的一天,亲爱的同事们。 我决定分享我的测试版本,该版本是由我们谦虚的团队于几年前诞生的,并且多次被它推崇。 如果您坐在对面并聆听被告,将其思想引导到正确的方向,并提示各种小事情,那么测试是有效的,并且非常相关。

1.魔术

编写一个显示从1到100的数字的程序。此外,该程序应显示单词“ Fizz”而不是3的倍数,而应显示单词“ Buzz”而不是5的倍数。 如果数字是3和5的倍数,则程序应显示单词“ FizzBu​​zz”。

2. HTML

2.1。 在浏览器窗口中可以看到哪个元素的内容?

2.2。 如果放置,会发生什么

<b> 
在容器中

 <head> 

你的答案...?

2.3。 元素是什么标签
 <!doctype html> 
充当父母?

2.4。 应该使用哪个标签作为换行符?

2.5。 如何创建在新窗口/选项卡中打开的链接?

2.6。 哪些标签用于创建列表?

2.7。 为什么属性好?
 data-* 
你的答案...?

2.8。 元素如何在页面上排列?
 <div>div 1</div> <div>div 2</div> <span>span 1</span> <span>span 2</span> 
你的答案...?

2.9。 如何将音频/视频插入html文件?

2.10。 此代码有什么问题
 <b>Some<i> </b>Text</i> 
你的答案...?

2.11。 块布局和表布局之间的主要区别是什么?

2.12。 有什么区别
 <svg> 
来自
 <canvas> 
你的答案...?

3. CSS / LESS

3.1。 如何隐藏页面上的元素?

3.2。 边距和填充之间有什么区别?

3.3。 您是否熟悉引导程序或其他组件前端库?

3.4。 您是否使用媒体查询?

3.5。 CSS中使用什么单位?

3.6。 有哪些创建网格的方法?

3.7。 box-sizing属性的作用是什么?

3.8。 您熟悉动画吗?

3.9。 Flexbox的用途是什么?

3.9。 如何在页面上垂直和水平居中放置元素?

3.10。 在以下示例中,文本的颜色是什么?
main.css:

 p { color: red; } 

index.html:

 <html> <head> <link rel="stylesheet" href="main.css"> <style> p#p { color: green; } </style> </head> <body> <p id="p" style="color: blue;"> Some text </p> </body> </html> 

3.11。 LESS和CSS有什么区别?

3.12。 描述如何在LESS中创建循环?

4. JavaScript

4.1。 您使用什么库和/或框架?

4.2。 JavaScript与Java有何不同?

4.3。 Cookies,sessionStorage和localStorage有什么区别?

4.4。 文档加载事件和文档就绪事件有什么区别?

4.5。 将事件处理程序绑定到对象的方法是什么?

4.6。 ==和===有什么区别?

4.7。 告诉我们有关AJAX的信息。

4.8。 null和undefined有什么区别?

4.9。 描述原型在JavaScript中的工作方式。

4.10。 如何不使用第三和算术运算就交换两个变量?

4.11。 .forEach()和.map()有什么区别?

4.12。 什么是平等的
执行以下代码后:

 var a; a=!!a; 

4.13。 如何缩小代码?

4.14。 将显示什么值?

 alert('Hello World!'.split('').reverse().join('')); 

4.15。 屏幕上将显示什么?

 var a = 'Hello'; (function () { var b = 'World!'; alert(a+b); })(); alert(a+b); 

4.16。 有什么区别?

 var a = function() {} 

来自

 function a() 

4.17。 屏幕上将显示什么?

 function A() {this.b = 'Cde';} A.prototype = {getB: function() {return this.b}}; var a = new A(); A.prototype.getUpperB = function() {return this.b.toUpperCase(); }; alert(a.getUpperB()); 

4.18。 控制台中将显示什么?

 function A(a,b) {console.log(arguments);} A(1,2,3); 

4.19。 此示例将显示什么?

 alert((function f() { function f() {return 1;} return f(); function f() {return 2;} })()); 

如果是这样?

 alert((function f() { function f() {return 1;} return f(); var f = function () {return 2;} })()); 


5. AngularJS

5.1。 AngularJs与jQuery有何不同?

5.2。 单击时如何隐藏元素?

5.3。 描述Angular应用程序的结构。

5.4。 controllerAs设计用于什么目的?

5.5。 你知道诺言吗?

5.6。 如何将变量从一个控制器转移到另一个控制器?

5.7。 为什么要使用控制器,为什么要使用指令?

5.8。 广播和发射有什么区别?

5.9。 此示例将显示什么?

 <input type="text" ng-module="name"> <span>{{name}}</span> 

如果是这样?
 <input type="text" ng-module="name"> <span>{{::name}}</span> 

5.10。 此代码将输出什么?

 angular.module('app', []) .controller('SomeController', function() { console.log($scope); }); 

5.1。 此代码有什么问题?

 <span ng-init="name = 'SomeName'">{{::name}}</span> 

ngRoute和io.router有什么区别?

5.1。 您将在哪里编写应用程序配置?

5.1。 工厂,服务和提供商之间的主要区别是什么?

6.其他

6.1。 有Git,NPM,Bower,Gulp,Webpack的经验吗?

6.2。 您熟悉nodejs和Express吗?

6.3。 您使用哪种模板引擎?

6.4。 您使用什么IDE?

6.5。 您如何看待PHP,Windows?

6.6。 你知道Scrum吗?

家庭学习文学

1-angularjs.org(教程)

2-角度UI路由器

3-角度UI引导

4-阅读有关角服务的主题(工厂,提供者,指令...

!!! 按顺序...

Source: https://habr.com/ru/post/zh-CN449164/


All Articles