フロントエンドの仕上げを学びます
エディタ：vscode
コースの学習：ダーク馬はフロントテンセント教室のコースを横切ります
♥HTML + CSS♥
HTMLインフラストラクチャ
> <!DOCTYPE html>
> <html lang="en">
> <head>
> <title></title>
> <meta charset="UTF-8">
> <meta name="viewport" content="width=device-width, initial-scale=1">
> <link href="css/style.css" rel="stylesheet">
> </head>
> <body>
>
> </body> </html>
HTMLのコメント
<!--内容-->
CSSの注意事項：
/*内容*/
JSのコメント
单行代码 //内容
多行代码 /*内容*/
1ラインレベル要素、インライン要素インライン
特徴：高さは、素子の占有決定内容は
、幅と高さのCSSによって変更することができない
スパンデルA強いEM
インラインテキストを持つ任意の要素の特性を持っています
2レベル要素ブロックの
特徴：個別の行は
幅と高さのCSSによって変更することができる
DIV P ULアドレス形式のLi OL
インライン3 OK-ブロックレベルのブロック要素
の特徴：コンテンツのサイズが決定
された幅と高さを変更することができ
IMGを
行レベルのネストされた行は、要素レベルの要素は、
要素が任意の要素にネストすることができるブロック
インラインインラインブロック - >テキスト土類元素
特別なHTMLタグ
独自のページを紹介して全体として別のWebページへのiframeフレーム
CSSセレクタタイプ
1 IDセレクタ
2クラス
3タグ
4ワイルドカード
5つのプロパティ
6疑似クラス
7疑似要素
8に隣接するサブ選択セレクタ
重量
！重要無限
インラインスタイル1000年
IDセレクタ100個
の特性、擬似クラスセレクタ、クラス10
タグ、擬似要素1
ワイルドカード隣接するサブセレクタセレクタ0
使用
位置：絶対;
フロート：左/右、
自動的に表示トリガ：インラインブロックと、素子行レベルのブロック要素に
ボックスモデル：
境界壁ボックス
2パディングパディング
。3コンテンツボックスの高さ幅
4マージンマージン
モデル四つの部分の
マージン+ボーダー+パディング+（含量 =幅+高さ）
トリガーボックスBFC（ブロックフォーマット文脈）
（透明フロートフローティング要素流）
位置：絶対;
表示：インラインブロック;
フロート：左/右;
オーバーフロー：隠されました。
位置：絶対;フロート：左/右
インラインブロックを変換する内部要素から
擬似処理要素
{
内容：「」
クリア：両方;
}
スリーピース単一のテキストオーバーフロー処理の
オーバーフロー：隠された;
テキストオーバーフロー：省略記号;
ホワイト省スペース：NOWRAP。
テキストとグラフィックス処理
スリーピース追加テキストCSSの
テキストインデント：** PX;
ホワイト省スペース：NOWRAP;
オーバーフロー：隠されました;
2追加テキスト変更パディング
高さ：0PX;
パディングトップ：** PX;
オーバーフロー：隠されました;
♥♥のjavascript
ブラウザの組成：シェルコアレンダリングエンジン（文法規則およびレンダリング）JSエンジンの他のモジュール
のJavaScriptは：ECMA言語標識を解釈シングルスレッド
主流のブラウザカーネル
IE -------------トライデント
クローム-----のWebKit /点滅
のFirefoxのGecko -------
オペラプレスト--------
サファリ- ------のWebKit
変数の定義：代入文
JSが寄生言語である、HTMLは（Node.jsのを除く）を実行することはできません。
基本的なルールステートメントJS
*文の後に使用するのはセミコロン「;」他などのためのEXC目的球
* JS構文エラーが続くコードの終わりが発生しますが、コードJSの他のブロックには影響しません
「+ - =」*書き込みフォーマット仕様2つの表面が持っているものをスペース、簡単に格好良い、簡単にプログラムの保守
NaN：非数
警告ポップ
API（アプリケーションインタフェース）一般的な手順インターフェイス
オペレータのjavascript：
「+」数学1、2リンク列データ・タイプに加えて、任意の文字列は、文字列に等しい
「 - 」「*」「/」「％」「=」「（）」
優先度「=」最も弱いです" （）「最強
「++」「 - 」「+ =」「 - =」「* =」「％=」
右から左への評価順序
左から右に順番を計算します
*比較演算子
">" "<" "=" "> ="、 "<="、 "！="
比較ブール値の結果
*論理演算子
「&&」や「||」（全体の真実は真実であるために）、または「！」非
真の値として*演算結果
それは、偽の値であると同定された
「」未定義のヌルNaNの0偽を
値タイプ-データ入力
元の値（不変）スタック
番号のvar A = -123.123と、
ブール値偽VAR Aに= / trueに、
文字列のvar B = "ABCD"、文字列
のvar B未定義;出力表示不定
ヌルするvar B = NULL;
値の種類を決定します
基準値ヒープ
配列
オブジェクトの
目的球
...
DATEの
正規表現
両方の状況は同じ割り当てではありません
入力N-
VAR = N-のparseInt（window.promat（ 'INPUT'））;
条件文
if(){
}
switch(){ //条件
case:**; //情况
}
break 中断语句
continue
forループ
for(var i = 0; i < 10; i++){
document.write('a');
}
while文
while(){
}
JSフィボナッチ数列ランクnを達成
var n = parseInt(window.prompt('input'));
var first = 1,
second = 1,
third;
if(n > 2){
for(var i = 0;i < n-2; i++){
third = first + second;
first = second;
second = third;
}
document.write(third);
}else{
document.write(1);
}
100個の素数内シーク
var count = 0;
for(var i = 1; i < 100;i ++){
for(var j = 1; j <=i ; j++){
if(i % j ==0){
count++;
}
if( j==i && count==2){
document.write(i + " ");
}
}
count = 0;
}
