5共通前端面に関する質問

顔の質問を説明する：
    最初の質問を：インライン要素は何ですか？ブロックレベル要素があるのですか？CSSボックスモデルは何がありますか？
    
        インライン要素の例：、強い、B、EM 、I、デル、U、イン、スパン、... 
        ブロックレベル要素の例：をh1と〜H6、P、DIV、UL、OL、L、... 
        ブロック要素内の行例えば：IMG、INPUT、TD、... 
        
        CSSボックスモデル：
             1.ボックスモデルの概念：ボックスモデルが呼び出されたHTML要素がすべての4つのコンポーネントで構成された矩形ボックスとみなされる：コンテンツ（コンテンツ：幅/ 高さ）、パディング（パディング）、境界（ボーダー）、余白（マージン）
        
        CSSボックスモデルの例：
             1.W3C標準ボックスモデル（コンテンツボックス）：ボックスサイズ= 幅
             2.IE標準ボックスモデル（ボーダー-box）：ボックスサイズ+パディング+幅= ボーダー
        
        
        
    2番目の質問：CSSを導入する方法は何ですか？リンクと@importの違いは？
    
        1 ：三つの方法導入.CSS
             1つのインラインスタイル：スタイルHTMLエレメントのスタイル属性によって定義された
            
             2 内部スタイル：CSSコードはHTML文書のhead要素に焦点を当てる、スタイル定義されたスタイル要素を使用して
            
            3 外部スタイルシート：拡張の.css、HTMLドキュメントにリンクするためのリンク要素と1つ以上の外部スタイルシートファイル内のすべてのスタイル定義 2 差.linkと@import：
            リンク使用：　　　　 <リンクのrel = "このスタイルシート"タイプ= "テキスト/ CSS"のhref = "index.css"> 
            @import使用：     <スタイルタイプ= "テキスト/ CSS"> @importのURL（ 'index.css'） ; </スタイル> 
            
            1つの。異なる属性：リンクはhtmlタグを提供し、だけでなく、負荷CSS文書でなく、RSS、相対接続属性を定義しています。そして、文法規則はCSSの@import
            
             2 ロードシーケンスの違い：ページがロードされ、ラベルが同時にロードされたCSSを組み込まれているリンク、ページがロードされた後@import導入CSSが読み込ま。
            
            3.互換性の違い：@importのみCSS2.1の構文で、それだけで+ IE5にすることができ認識することができ、リンクのHTML要素のラベルとして、互換性の問題はありません。
            
            4 。制御性の違い：リンクは、スタイルを変更するにはjavascriptのDOMコントロールの使用をサポートしています。@importが、サポートされていません。
            
            5 。優先順位の違い：@importスタイルシートは、CSSファイルに再び他を導入することができます。
    3番目の質問：ラベルのタイトルとALT属性の違いは何しているのですか？1
    
    

    
        。Altキーは、htmlタグの属性であり、タイトルの両方のHTMLタグ、HTMLのプロパティがある
        
         2 。タイトルについて
            タイトルはラベルとして、ページのタイトルは、このタグに書き込まれている場合。
            プロパティとしてタイトルは、要素のための追加の説明情報を提供しています。このようなラベルやタグIMGとして、任意のラベルに使用することができます。
            
        3. alt属性は、画像のみで使用することができ、Webページの画像が正しく表示できない場合、ユーザーにテキストを提供するために使用されます。代替画像には、追加の説明テキストを提供するのではなく、アクションに代わるものです。（<入力タイプ=「画像」
 />）         
    
    
    第四の質問：解釈CSSスプライト、どのように使用するだけでなく、その利点と欠点
    
         1つの.cssスプライト（スプライト）：
            CSSのウィザードと呼ばれる国内の多くの人々でCSSSprites、ウェブ画像アプリケーション処理モード。これは、ページにアクセスするとき、そのように行くには大きなマップを含むすべての散発的な画像に関連するページにあなたを可能にする
　　　　 画像としてロードをゆっくりと以前のように表示されません。 A。
        
        2つの基本的な原則:. 
            CSSスプライトページが実際に画像ファイルに統合され、いくつかの背景画像に入れ、その後、「背景CSSを使用している -image」、「バックグラウンドREPEAT」、「バックグラウンド位置」の背景の位置の組み合わせ、
        背景 - 位置は、背景画像の位置を数値的に正確な位置とすることができます。
        
        3利点：
             1 CSSスプライトの使用はよく、HTTPはWebページを要求減らすことができます;.大幅にページのパフォーマンスを向上させる、CSSスプライトの最大の利点である、また、広い普及のための主な理由であるとアプリケーション
             2を.CSSスプライトことができます画像のバイトを低減、繰り返し一つの画像バイトに三つの画像を比較し、画像のこれらの3バイトの和よりも常に小さいです。
            3 。ウェブデザイナーは写真のちょうどコレクション姓その上に絵の命名、問題を解決し、それによって、ウェブページの生産効率を向上させること、どんな小さな要素にちなんで命名されている必要はありません。
            4 便利なスタイルを交換し、より少ない画像の色やスタイルに絵を変更、ページ全体のスタイルを変更することができるだけです。メンテナンスがより便利に。
            
        4つの短所：    
             1 画像の合併時にあなたは秩序と合理的な一の画面にまとめ、だけでなく、不要なバックグラウンドがセクタに表示されます防ぐためにも十分なスペースを滞在したい、複数の画像;これら幸いなことに、
                ほとんどの痛みはあなたの写真が十分広くない場合、背景を破壊する傾向がある、ワイドスクリーン、高解像度の画面に適応ページです。
            
             2つのたくさんの悩みの開発に.CSSスプライト、あなたは、Photoshopや他のツールを測定して算出する必要があります背景正確な針仕事、困難なく、各ユニットの場所が、それは面倒です;
            
             3、メンテナンスがあまりにも多くのトラブルがページの背景にはほとんど変化があった場合、私たちはこの合併の一般的な画像を変更しなければならない、あるとき.CSSスプライト、変化なし場所は、移動するので、同じ場所に収まらない場合は、変更より多くのCSSを回避することが最善ではありません
                彼らは（最高の）ダウンプラス写真は、写真のバイトが増加しているので、だけでなく、CSSを変更することができます。
    
    
    
    第五の質問：typeof演算のJavaScriptのどのようなデータ型を返しますか？
    
        未定義の
        文字列
        、ブール
        数（のNaN 3）
        （ES6用）シンボル
        オブジェクト
        関数
    
    
    
    質問6：アレイ法のPOP（）、プッシュ（）、抜き（）、シフト（）
    
        VaRの ARR = [第,. 1,2 ,. 3 、最終];

         1。（複数の元素を添加することができる、配列の長さを加えた後に戻される）要素を追加
            、arr.push（E1、E2、...）         //を追加し 
            、arr.unshift（E1、E2を、...）     / / 第1の加算
             
        2 （リターン要素が除去される）;.要素を削除
            ; arr.shiftを（）                 //が最初削除 
            ）（arr.pop;                     // 端削除
             
        3：指定された位置の要素を削除し
            arr.splice（スタート、カウントを）;     //は、2つのパラメータを受け入れ、削除の開始位置を指定し、削除の指定された数をカウントし、削除するコレクション要素を返し始める
             
        4 撮影した配列を:. 
            ARR .slice（開始、終了）;         // 開始時に開始および終了要素を傍受は、サブアレイ返すために取ら
             
        5 列:.に配列
            arr.jion（「区切り文字」）;             // セパレータで指定された接続を返します文字列



            
            
            
             
------------------------------------------------ -------------------------------------------------- ----------------------------------