js基礎まとめ
4083 ワード
1.Web標準構造(HTML)、表現(css)、動作(js)
2.css優先度!important>行間>ID>class>ワイルドカード
3.ページドキュメント解析の前後順序構造(HTML)——表現(css)——行為(js)
4.jsの中でグローバル変数はwindowに属して、どのように彼がwindowに属しないことを解決しますか?①矢印関数②指向を変更
5.セミコロンはいつ入れますか.①等号右にセミコロン②イベント関数、すべての括弧にセミコロンを付ける
6.returnのいくつかの特性①関数に戻り値がないとundefinedを返す②後続コードの実行作用を遮断する:①後続コードの実行を遮断する②関数をカプセル化する
7.オブジェクト向けの三大特徴継承、パッケージング、マルチステート
8.タイマー
注:cssTextは、前のエレメントに含まれていたスタイルをクリアするので使用します.
11.breakはループ全体を終了し、continueはbreakを1回使用してもwhileで使用できます.
12.循環文for for in while forEach map
13.判定文if(1区間内判定に適用)switch(1離散値判定に適用)
14.三目変数=条件?文ぶん:文ぶん
15.ifの中で1つの文だけが括弧if()文を書かないことができます
**16.真とは何か、偽とは何か:true、非空文字列、非0数字、非空オブジェクト偽:false、0、空文字列、空オブジェクト、null、undefined、NaN
17.基本データ型String Number Undefind Null Boolean Object Symbol検出データ型:
undefined:何も操作されていない、またはオブジェクトの未定義の属性not defined:完全に定義されていない*nullは空のポインタです
19.暗黙的な変換「+」演算子
演算子「+」の両方が数値タイプであり、文字列タイプである場合、jsエンジンは算術加算ではなく文字列接続演算を行うことを規定します.
20.「-」演算子
「」-」演算子は、文字列bを暗黙的に数字5に変換して算術減算を行う.
20.変換1を表示する.数値タイプに変換:
`concat()メソッドは、2つ以上の文字列を接続するために使用されます.
22.配列
23.厳格モードJavascript文法の不合理さ、厳格さを解消し、奇妙な行為を減らす. コード運転のいくつかの不安全な点を排除し、コード運転の安全を保証する. コンパイラ効率の向上、運転速度の増加; 将来の新バージョンのJavascriptに敷き詰めておく.
「厳格モード」はJavascriptのより合理的で、より安全で、より厳格な発展方向を体現しており、IE 10を含む主流ブラウザはすでにそれをサポートしており、多くの大プロジェクトはすでに全面的に抱擁し始めている.
一方、同じコードでも「厳格モード」では、異なる実行結果が得られる可能性があります.通常モードで実行できる文の中には、厳格モードでは実行できません.
構文と動作の変更:thisキーがグローバルオブジェクトを指すことを禁止する 2.グローバル変数明示的宣言
3.変数の削除を禁止する
4.オブジェクトに重複する属性は使用できません
5.関数に重複するパラメータは使用できません
2.css優先度!important>行間>ID>class>ワイルドカード
3.ページドキュメント解析の前後順序構造(HTML)——表現(css)——行為(js)
4.jsの中でグローバル変数はwindowに属して、どのように彼がwindowに属しないことを解決しますか?①矢印関数②指向を変更
5.セミコロンはいつ入れますか.①等号右にセミコロン②イベント関数、すべての括弧にセミコロンを付ける
6.returnのいくつかの特性①関数に戻り値がないとundefinedを返す②後続コードの実行作用を遮断する:①後続コードの実行を遮断する②関数をカプセル化する
7.オブジェクト向けの三大特徴継承、パッケージング、マルチステート
8.タイマー
setTimeout
clearTiomeout
アナログサイクル可能setInterval
clearInterval
9.jsで一括修正スタイル①クラス名変更②cssText
③forループ④json setStyle⑤with with(obj.style){
width:"200px"
...
}
注:cssTextは、前のエレメントに含まれていたスタイルをクリアするので使用します.
obj.cssText += 'width:200px;height:100px;'
ただし、IEの最後のセミコロンは削除されます.解決策:obj.cssText += ';width:200px;height:100px;'
10.非ラインスタイルを取得する方法①IE:currentStyle
②その他:getComputedStyle
eg:function getStyle(obj, attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return window.getComputedStyle(obj,false)[attr];
}
}
alert(getStyle(Div,"background"));
11.breakはループ全体を終了し、continueはbreakを1回使用してもwhileで使用できます.
12.循環文for for in while forEach map
13.判定文if(1区間内判定に適用)switch(1離散値判定に適用)
14.三目変数=条件?文ぶん:文ぶん
15.ifの中で1つの文だけが括弧if()文を書かないことができます
**16.真とは何か、偽とは何か:true、非空文字列、非0数字、非空オブジェクト偽:false、0、空文字列、空オブジェクト、null、undefined、NaN
17.基本データ型String Number Undefind Null Boolean Object Symbol検出データ型:
typeOf()
instanceOf()
18.undefinedが発生した場合1宣言されていない変数②定義されていない変数を宣言したもの③パラメータが値を持たないもの④存在しない属性へのアクセスundefinedとnot definedの違い###
undefined:何も操作されていない、またはオブジェクトの未定義の属性not defined:完全に定義されていない*nullは空のポインタです
19.暗黙的な変換
var a = 11, b = '22';
var c = a + b;
console.log(c) //1122
演算子「+」の両方が数値タイプであり、文字列タイプである場合、jsエンジンは算術加算ではなく文字列接続演算を行うことを規定します.
20.「-」演算子
var a = 11, b = '5';
var c = a - b;
alert(typeof c); //--> number
「」-」演算子は、文字列bを暗黙的に数字5に変換して算術減算を行う.
20.変換1を表示する.数値タイプに変換:
Number(mix)
parseInt(string,radix)
(整数に変換)parseFloat(string)(
浮動小数点数に変換)2.文字列タイプに変換:toString(radix)
String(mix)
3.ブールタイプに変換:Boolean(mix)
21.文字列harAt()
メソッド指定された位置の文字を返すreplace()
他の文字を文字列に置換したり、正規表現に一致するサブ列を置換したりする方法.substring()
指定された2つの下付き文字列の文字を抽出する方法.substr()
startの下付き文字から指定された数の文字を文字列から抽出する方法.plit()
1文字列を文字列配列に分割する方法.`concat()メソッドは、2つ以上の文字列を接続するために使用されます.
slice()
メソッドは、文字列の一部を抽出し、抽出された部分を新しい文字列で返すことができる.indexOf()
メソッドは、指定された文字列値が文字列に最初に現れる位置を返すことができる.lastIndexOf()
メソッドは、指定された文字列値が最後に現れる位置を返し、1つの文字列の指定された位置を後ろから前へ検索します.toLowerCase()
文字列を小文字に変換する方法.toUpperCase()
文字列を大文字に変換する方法.22.配列
push()
配列の末尾に1つ以上の要素を追加pop()
配列の最後の要素を削除して戻すjoin()
配列内のすべての要素を文字列に変換して接続し、最後に生成した文字列を返すreverse()
配列中の要素の順序を逆さにして、逆順の配列を返します.sort()
配列内の要素を並べ替え、並べ替えた配列を返します.concat()
2つの配列をマージし、マージ後の新しい配列を返します.slice()
指定された配列の1つまたはサブ配列を返し、その2つのパラメータは、それぞれフラグメントの開始と終了の位置(要素を含まない)を指定します.splice()
配列を挿入、削除または置換するための要素.削除した配列の一部を返します.unshift()
配列のヘッダに1つ以上の要素を追加し、最後に配列の新しい長さを返します.shift()
配列の最初の要素を削除して戻します.23.厳格モード
user strict
なぜ厳格モードを使うのか:「厳格モード」はJavascriptのより合理的で、より安全で、より厳格な発展方向を体現しており、IE 10を含む主流ブラウザはすでにそれをサポートしており、多くの大プロジェクトはすでに全面的に抱擁し始めている.
一方、同じコードでも「厳格モード」では、異なる実行結果が得られる可能性があります.通常モードで実行できる文の中には、厳格モードでは実行できません.
構文と動作の変更:
3.変数の削除を禁止する
4.オブジェクトに重複する属性は使用できません
5.関数に重複するパラメータは使用できません