講師について
- 王林
- 学習することになります:
この一連のコースでは、DOM 要素の取得方法、DOM 要素の操作方法、BOM 操作、イベント、イベント オブジェクト、イベント委任、JS 実行キュー、タイマー、一般的な Web ページの特殊効果 (カルーセル、タブなど) について説明します。バー切り替えなど。また、モバイル端末上で Web ページの特殊効果を作成する方法についても説明し、JavaScript の実際の開発と応用についても説明します。
Web API の概要
00分56秒js の基本の 2 つの段階と Web API の関係
03分46秒API和Web API
05分06秒DOM の概要
01分05秒DOM の概要
04分54秒getElementById は要素を取得します
08分16秒getElementsByTagName 特定のタイプのタグ要素を取得します
11分31秒H5 は要素を取得する新しい方法を追加します
08分35秒body要素とhtml要素を取得する
02分58秒イベントの３要素
06分39秒イベント処理を実行する
04分05秒要素の操作 - 要素の内容を変更する
08分16秒innerText と innerHTML の違い
06分04秒要素の操作 - 要素の属性を変更する
05分53秒タイムシェアグリーティングケース
06分14秒操作要素 - フォーム属性の変更
06分46秒JD.comを真似て隠しパスワードを平文で表示する例（その1）
07分23秒JD.comを真似て隠しパスワードを平文で表示する例（その2）
08分06秒要素の操作 - スタイル属性の変更
05分16秒タオバオの模倣QRコード閉鎖事件
05分17秒ループスプライト
08分55秒非表示のテキスト ボックスの内容を表示する
10分04秒className を使用してスタイル属性を変更する
09分28秒パスワードボックスの検証情報
09分42秒操作要素と割り当ての概要
03分43秒排他的思考（アルゴリズム）
09分14秒百度の皮膚リサーフェシング効果
08分19秒テーブル行の色の変更効果
07分26秒フォーム全選択～全選択解除（その１）
07分33秒フォーム全選択～全選択解除（その２）
09分26秒カスタム属性値を取得する
05分04秒カスタム プロパティの設定と削除
04分54秒タブバー切り替えレイアウト解析（重要）
04分18秒タブバー切り替え制作（その１）
04分10秒タブバー切り替え制作（その２）
09分18秒H5 カスタム属性
10分27秒ノードの操作とノードの紹介を学ぶ理由
07分03秒ノード操作の親ノード
04分15秒ノード操作の子ノード
06分05秒ノード操作の最初の子要素と最後の子要素
06分44秒Sina ドロップダウン メニュー
06分31秒ノード操作の兄弟ノード
05分15秒ノード操作: ノードの作成と追加
08分10秒投稿メッセージケースの簡易版
08分51秒ノード操作 - ノードの削除
05分23秒メッセージケースを削除する
08分14秒ノード操作コピーノード
04分57秒テーブルを動的に生成 - 生徒データを作成
05分44秒テーブルを動的に生成 - 行を作成
03分44秒テーブルを動的に生成 - セルを作成
05分04秒テーブルを動的に生成 - セルにデータを入力します
03分06秒テーブルを動的に生成 - セルの作成と削除
03分09秒テーブルを動的に生成 - 操作の追加と削除
04分11秒document.write 要素を作成する
04分54秒innerHTML と createElement の効率の比較
07分51秒DOMキーコア
06分05秒イベントの上級ガイド
01分16秒イベントを登録する 2 つの方法
08分26秒attachEvent登録イベント
05分22秒イベントの削除
08分18秒DOM イベントフロー理論
04分39秒DOM イベント フロー コードの検証
07分51秒イベントオブジェクトとは
08分05秒e.target と this の違い
08分31秒デフォルトの動作をブロックする
06分33秒イベントの急増を防ぐ
04分41秒イベントの代表団
06分35秒テキスト選択と右クリックメニューを無効にする
04分36秒ページ上のマウスの座標を取得します
07分28秒ネズミを追う天使
07分43秒よく使用されるキーボードイベント
07分02秒keyCode はユーザーがどのキーを押したかを決定します
07分30秒JDキー入力内容をシミュレートする事例
05分17秒京東エクスプレスの追跡番号照会をシミュレートする (パート 1)
06分59秒京東エクスプレスの追跡番号照会をシミュレートする (パート 2)
06分02秒BOM の紹介
00分57秒BOM の概要
08分41秒ページ読み込みイベント
08分23秒ウィンドウのサイズ変更イベント
05分29秒タイマー設定タイムアウト
07分16秒コールバック機能と5秒後に自動的に閉じる広告
03分59秒タイマーをクリアする
03分02秒タイマー設定間隔
03分33秒カウントダウンエフェクト
08分12秒タイマーをクリアする
04分45秒SMS ケースを送信する
07分50秒これは問題を示しています
07分55秒jsの同期と非同期
04分52秒同期タスクと非同期タスクの実行処理
06分28秒jsの実行メカニズム
06分49秒位置オブジェクトの共通プロパティ
06分03秒5秒後のページにジャンプします
06分15秒URLパラメータを取得する
11分02秒一般的な位置特定方法
04分12秒ナビゲーターオブジェクト
04分50秒履歴オブジェクト
04分30秒PC Webページ特殊効果閲覧
01分06秒offsetLeft と offsetTop は要素のオフセットを取得します
04分49秒offsetWidth と offsetHeight は要素のサイズを取得します
05分09秒オフセットとスタイルの違い
03分41秒ボックス内のマウスの座標を取得します。
06分03秒モーダル ボックス (上部) をドラッグします。
06分06秒モーダル ボックス (中央) をドラッグします。
09分55秒モーダルボックス（下）をドラッグします
02分49秒Jingdong の虫眼鏡効果を模倣したページ構造の構築
06分49秒隠されたオクルージョンレイヤーと大きなボックスを示す模造京東虫眼鏡効果
05分37秒模造京東虫眼鏡効果オクルージョンレイヤーがマウスに続きます
08分28秒京東虫眼鏡の模倣効果により、オクルージョン層の移動範囲が制限されます
07分00秒模造京東虫眼鏡効果大きな画像の動き
08分37秒クライアントシリーズ
02分31秒関数をすぐに実行する
08分11秒TaobaoのflexibleJSソースコード分析の核となる原則
07分28秒タオバオのflexibleJSソースコード分析ページショーイベント
06分58秒スクロールシリーズ
05分25秒模倣淘宝網固定サイドバー (パート 1)
08分09秒模倣タオバオの固定サイドバー (下)
10分37秒3大シリーズのまとめ
01分56秒マウスオーバーとマウスエンターの違い
02分56秒アニメーションの原則
06分55秒単純なアニメーション関数のカプセル化
04分33秒アニメーション機能 - 要素ごとに異なるタイマーを記録します
08分11秒イージングアニメーションの原理
05分43秒イージングアニメーションの基本的なコード実装
04分37秒複数のターゲット値の間を移動するアニメーションを容易にする
07分23秒アニメーションを緩和するためのコールバック関数を追加
05分54秒アニメーション機能の利用
08分31秒Webページのカルーセル図構造の構築
06分40秒Web ページのカルーセル - マウスが通過したときに左右のボタンを表示または非表示にします。
06分58秒Web ページのカルーセル - 動的に生成された小さな円
07分36秒Web ページのカルーセル チャート - 小さな円専用の考え
03分26秒Web ページのカルーセル - 小さな円をクリックして画像をスクロールします。
10分02秒Web ページのカルーセル - 右側のボタンによるシームレスなスクロール
11分13秒Web ページのカルーセル - 最初の画像のクローンを作成します
03分52秒Web ページのカルーセルの小さな円は、右側のボタンで変化します
05分12秒Web ページ カルーセル - 2 つの小さなバグ ソリューション
05分53秒左側のWebページのカルーセルボタン機能
07分12秒Webページカルーセル自動再生機能
04分36秒スロットルバルブとロジック割り込みアプリケーション
07分39秒アニメーション付きでトップに戻る
10分08秒宙返り雲のケース
10分15秒モバイル Web サイトの特殊効果の紹介
01分15秒モバイルタッチイベント
04分29秒Mobile TouchEvent タッチ イベント オブジェクト
11分00秒モバイル上で要素をドラッグする
10分06秒モバイル端末カルーセルチャート構造構築
05分55秒モバイル カルーセル チャート レイアウト分析
07分46秒モバイル カルーセルで画像をスクロール
08分02秒モバイル カルーセル - シームレスなスクロール
08分34秒classList クラス名の操作
08分10秒モバイル カルーセル チャート - 小さな点が変更を追跡します
05分07秒モバイル端末上のカルーセル チャート - 指でカルーセル チャートをドラッグします
07分46秒モバイル カルーセル - 指をスライドしてカルーセルを前後の写真に移動します
07分35秒モバイルカルーセル画像リバウンド効果
05分39秒トップに戻るテンプレート作成
07分14秒モバイル端末のクリックイベントの300ms遅延問題を解決
05分53秒Fastclick プラグインの使用法
06分45秒swioperプラグインの使い方 - 関連ファイルの紹介
06分44秒モバイル カルーセル画像 - 文法仕様に従って使用されます
07分01秒Swiper プラグインの使用法 - パラメーターの変更
04分07秒その他のモバイル プラグインと使用法の概要
03分23秒ビデオ プラグイン zy.media.js の使用
07分53秒ブートストラップカルーセル
10分33秒アリババ100ショーカルーセル映像制作
09分43秒ローカルストレージガイド
00分49秒ローカルストレージセッションストレージ
11分50秒ローカルストレージ localStorage
05分25秒ユーザー名の大文字と小文字を区別する
05分53秒この一連のコースでは、DOM 要素の取得方法、DOM 要素の操作方法、BOM 操作、イベント、イベント オブジェクト、イベント委任、JS 実行キュー、タイマー、一般的な Web ページの特殊効果 (カルーセル、タブなど) について説明します。バー切り替えなど。また、モバイル端末上で Web ページの特殊効果を作成する方法についても説明し、JavaScript の実際の開発と応用についても説明します。
