👦🏼 🧗🏽 👩🏻‍🤝‍👨🏽 フロントエンドポストテスト 📢 🙈 🚱

こんにちは、同僚の皆さん。私は、数年前に私たちのささやかなチームによって生まれ、何度かシャベルでテストされたテストの私のバージョンを共有することにしました。反対側に座って被告の意見を聞き、彼の考えを正しい方向に導き、あらゆる種類のささいなことを促した場合、テストは機能し、非常に重要です。

1.魔法

さらに、1から100までの数字を表示するプログラムを作成します。さらに、3の倍数である数字の代わりに「Fizz」という単語を表示し、5の倍数である数字の代わりに「Buzz」を表示します。数値が3と5の倍数である場合、プログラムは「FizzBuzz」という単語を表示する必要があります。

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 /レス

3.1。ページ上の要素を非表示にする方法は？

3.2。マージンとパディングの違いは何ですか？

3.3。ブートストラップまたは別のコンポーネントフロントエンドライブラリに精通していますか？

3.4。メディアクエリを使用していますか？

3.5。 CSSで使用される単位は何ですか？

3.6。グリッドを作成する方法は何ですか？

3.7。ボックスサイズプロパティは何をしますか？

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。 cookie、sessionStorage、localStorageの違いは何ですか？

4.4。ドキュメント読み込みイベントとドキュメント準備イベントの違いは何ですか？

4.5。オブジェクトにイベントハンドラーをアタッチする方法は何ですか？

4.6。 ==と===の違いは何ですか？

4.7。 AJAXについて教えてください。

4.8。 nullとundefinedの違いは何ですか？

4.9。 JavaScriptでのプロトタイピングの仕組みを説明します。

4.10。 3番目と算術演算を使用せずに2つの変数を交換する方法は？

4.11。 .forEach（）と.map（）の違いは何ですか？

4.12。平等になるもの

a

次のコードを実行した後：

 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。スクラムを知っていますか？

ホームスタディ文学

1-angularjs.org（チュートリアル）

2-角型UIルーター

3-角度UIブートストラップ

4-角度サービス（工場、プロバイダー、指令...

!!! その順序で...

フロントエンドポストテスト

More articles: