コンピューターの基礎の紹介

プログラミング言語

コンピュータの基本

JavaScript の概要

JavaScript の初めての入門

ブラウザがjsプロセスを実行する

jsは3つの部分で構成されています

jsの3つの書き込み位置

コメント

入力および出力ステートメント

変数の概要

変数とは何ですか

変数の使用

変数の場合

大文字と小文字が異なるポップアップユーザー名

変数構文の拡張

変数の命名規則

2つの変数の値を変換する

変数の概要

データ型の概要

データ型の概要

数値番号

isNaN

文字列型

Web ページの警告ボックスをポップアップする

文字列の長さと連結

文字列のスプライシングの強化

年齢のケースを表示

ブール値、未定義および null

typeof は変数のデータ型を検出します

リテラル

文字列型に変換する

数値の parseInt および parseFloat に変換します。

数値への変換と暗黙的な変換

年齢の計算

単純な加算器のケース

ブール値に変換

コンパイル言語とインタプリタ言語の違いに関する詳細な資料

拡張読み上げ: 識別子キーワード 予約語

授業後の宿題

オペレーターの紹介

算術演算子

式と戻り値

先頭に付加されたインクリメント演算子

後置インクリメント演算子

インクリメント演算子の演習

インクリメント前とインクリメント後の概要

比較演算子

論理演算子

論理演算子の演習

論理割り込み、論理AND

論理割り込み、論理OR

代入演算子

演算子の優先順位

プロセス制御ブランチ構造の概要

プロセス制御

if分岐文

インターネットカフェのケースに入る

ifelse 二重分岐ステートメント

うるう年の場合を判断する

if else if 複数分岐ステートメント

審査級ケース

三項式

デジタル0充填ケース

switch ステートメント

スイッチの注意事項

クエリのフルーツケース

スイッチとイフェルセイフの違い

読書サイクル

ループの目的

for ループの構文構造

forループの実行処理

デバッグの電源を切る

for ループは同じコードを繰り返し実行します

for ループは異なるコードを繰り返し実行します

for ループは特定の操作を繰り返します

ループケース用

学生の成績事例（その１）

学生の成績事例（その２）

1 行に 5 つの星を印刷する

ダブルforループ実行処理

星を5行5列で印刷します

星をn行n列に印刷します

逆三角形のケースを印刷します

九九

for ループの概要

while ループ

一方の場合

whileループを実行します

ケースを実行しながら

サイクルの概要

継続キーワード

ブレークキーワード

命名規則と構文形式

サイクルワーク

配列の概要

配列とは何か、そしてその作成方法

配列要素にアクセスする

トラバース配列

配列の長さ

配列の合計と平均を計算する

配列内の最大値を見つける

配列を文字列に変換する

新しい要素を配列に追加する

配列には 1 ～ 10 の値が格納されます

フィルター配列メソッド

フィルタ配列方法 2

指定された要素を配列から削除します (配列の重複排除)

フリップアレイ

2 つの変数値の交換を確認する

バブルソートの原理

バブルソート

機能紹介

なぜ機能が必要なのか

関数の使用法

関数を使用して 1 ～ 100 の累積和を求めます

関数パラメータ

関数を使用して、任意の 2 つの数値の合計と累積和を求めます。

関数パラメータと実パラメータの一致問題

関数の戻り値

関数を使用して最大 2 つの数値を求める

関数を使用して配列内の最大値を見つける

return は関数を終了し、1 つの値のみを返すことができます

関数の戻り値に関する 2 つの注意事項

ジューサーを通して機能を見抜く

引数の使用

関数を使用して任意の数値の最大値を見つける

関数を使用して配列を反転する

関数のカプセル化バブルソート

関数を使用してうるう年を決定する

関数は別の関数を呼び出すことができます

2月の日数を出力します

関数を宣言する 2 つの方法

範囲の紹介

JavaScript スコープ

グローバル変数とローカル変数

JavaScriptにはブロックレベルのスコープがありません

スコープチェーン

スコープチェーンケース

JavaScript 事前解析ガイド

準備する

準備ケース

オブジェクトの紹介

オブジェクトとは何か、なぜそれらが必要なのか

オブジェクト リテラルを使用してオブジェクトを作成する

変数属性関数方式の違い

新しいオブジェクトを使用してオブジェクトを作成する

なぜコンストラクターが必要なのか

コンストラクターがオブジェクトを作成する (パート 1)

コンストラクターがオブジェクトを作成する (パート 2)

コンストラクターとオブジェクトの違い

新しいキーワード実行プロセス

オブジェクトをトラバースする

まとめと課題

内蔵オブジェクトガイド

組み込みオブジェクトとは

MDN ドキュメントのクエリを学習する

数学対象の数学最大値法

数字を当てるゲーム

Date オブジェクトの使用

日付の形式 年 月 日 週

日付の時分秒の形式

日付の合計ミリ秒数 (タイムスタンプ)

カウントダウン(前編)

カウントダウン(パート2)

配列を作成する 2 つの方法

配列かどうかを検出する 2 つの方法

配列要素を追加する

配列要素の削除

フィルター配列

配列のソート

配列要素のインデックスを取得する

アレイの重複排除のケース

配列を文字列に変換する

基本的な梱包タイプ

文字列は不変です

文字に基づいて位置を返す

特定の文字の位置と出現数を調べる

位置に基づいて文字を返す

最も頻繁に出現する文字を数える (パート 1)

最も頻繁に出現する文字を数える (パート 2)

文字列のスプライスとインターセプト

文字列を置換して配列に変換する

単純なデータ型と複雑なデータ型の概要

データ型のメモリ割り当て

単純なデータ型パラメータの受け渡し

複雑なデータ型のパラメータを渡す

Web API の概要

JS の基本と Web API の 2 つの段階の相関関係

APIとWeb API

DOM の概要

DOM の概要

getElementByid は要素を取得します

getElementsByTagName 特定のタイプのタグ要素を取得します

H5 は要素を取得する新しい方法を追加します

body要素とhtml要素を取得する

イベントの３要素

イベント処理を実行する

要素を操作して要素の内容を変更する

innerText と innerHTML の違い

要素の操作 - 要素の属性を変更する

タイムシェアグリーティングケース

操作要素 - フォーム属性の変更

JD.comを真似て隠しパスワードを平文で表示する例（その1）

JD.comを真似て隠しパスワードを平文で表示する例（その2）

要素の操作 - スタイル属性の変更

タオバオの模倣QRコード閉鎖事件

ループスプライト

非表示のテキスト ボックスの内容を表示する

className を使用してスタイル属性を変更する

パスワードボックスの検証情報

操作要素と割り当ての概要

排他的思考（アルゴリズム）

百度の皮膚リサーフェシング効果

テーブルの交互の行の色の変更効果

フォーム 全選択 全選択解除 (その1)

フォーム 全選択 全選択解除 (その2)

カスタム属性値を取得する

カスタム プロパティの設定と削除

タブバー切り替えレイアウト解析（重要）

タブバー切り替え制作（その１）

タブバー切り替え制作（その２）

H5 カスタム属性

ノードの操作とノードの紹介を学ぶ理由

ノード操作の親ノード

子ノード

最初の子要素と最後の子要素

Sina ドロップダウン メニュー

ノード操作の兄弟ノード

ノード操作: ノードの作成と追加

投稿メッセージケースの簡易版

ノード操作 - ノードの削除

メッセージケースを削除する

ノード操作コピーノード

テーブルを動的に生成 - 生徒データを作成

テーブルを動的に生成 - 行を作成

テーブルを動的に生成 - セルを作成

テーブルを動的に生成 - セルにデータを入力します

テーブルを動的に生成 - セルの作成と削除

テーブルを動的に生成 - 操作の追加と削除

document.write で要素を作成する (理解)

innerHTML と createElement の効率の比較

DOMキーコア

イベントの上級ガイド

イベントを登録する 2 つの方法

attachEvent登録イベント

イベントの削除

DOM イベントフロー理論

DOM イベント フロー コードの検証

イベントオブジェクトとは

e.target と this の違い

デフォルトの動作をブロックする

イベントの急増を防ぐ

イベントの代表団

テキスト選択と右クリックメニューを無効にする

ページ上のマウスの座標を取得します

ネズミを追う天使

よく使用されるキーボードイベント

keyCode はユーザーがどのキーを押したかを決定します

JDキー入力内容をシミュレートする事例

京東エクスプレスの追跡番号照会をシミュレートする (パート 1)

京東エクスプレスの追跡番号照会をシミュレートする (パート 2)

BOM の紹介

BOM の概要

ページ読み込みイベント

ウィンドウのサイズ変更イベント

タイマー設定タイムアウト

コールバック機能と5秒後に自動的に閉じる広告

タイマーをクリアする

タイマー設定間隔

カウントダウンエフェクト

タイマーをクリアする

SMS ケースを送信する

これは問題を示しています

同期と非同期

同期タスクと非同期タスクの実行処理

jsの実行メカニズム

位置オブジェクトの共通プロパティ

5秒後のページにジャンプします

URLパラメータを取得する

一般的な位置特定方法

ナビゲーターオブジェクト

履歴オブジェクト

PC での Web ページの特殊効果の紹介

offsetLeft と offsetTop は要素のオフセットを取得します

offsetWidth と offsetHeight は要素のサイズを取得します

オフセットとスタイルの違い

ボックス内のマウスの座標を取得します。

モーダル ボックス (上部) をドラッグします。

モーダル ボックス (中央) をドラッグします。

モーダルボックス（下）をドラッグします

Jingdong の虫眼鏡効果を模倣したページ構造の構築

隠された障壁と大きな箱を示す模造京東虫眼鏡効果

模造京東虫眼鏡効果オクルージョンレイヤーがマウスに続きます

京東虫眼鏡の模倣効果により、オクルージョン層の移動範囲が制限されます

模造京東虫眼鏡効果大きな画像の動き

クライアントシリーズ

関数をすぐに実行する

Taobao flexiJS ソースコード分析の中心原則

タオバオのflexibleJSソースコード分析ページイベントを表示

スクロールシリーズ

模倣淘宝網固定サイドバー (パート 1)

模倣タオバオの固定サイドバー (下)

3大シリーズのまとめ

マウスオーバーとマウスエンターの違い

アニメーションの原則

単純なアニメーション関数のカプセル化

アニメーション機能は、要素ごとに異なるタイマーを記録します。

イージングアニメーションの原理

イージングアニメーションの基本的なコード実装

複数のターゲット値の間を移動するアニメーションを容易にする

アニメーションを緩和するためのコールバック関数を追加

アニメーション機能の利用

Web ページのカルーセル チャート構造の構築

Web ページのカルーセル - マウスが通過したときに左右のボタンを表示または非表示にします。

Web ページのカルーセル - 動的に生成された小さな円

Web ページのカルーセル チャート - 小さな円専用の考え

Web ページのカルーセル - 小さな円をクリックして画像をスクロールします。

Web ページのカルーセル - 右側のボタンによるシームレスなスクロール

Web ページのカルーセル - 最初の画像のクローンを作成します

Web ページのカルーセルの小さな円は、右側のボタンで変化します

Web ページ カルーセル - 2 つの小さなバグ ソリューション

Webページカルーセル画像-左ボタン機能制作

Webページカルーセル自動再生機能

スロットルバルブとロジック割り込みアプリケーション

アニメーション付きでトップに戻る

宙返り雲のケース

モバイル Web サイトの特殊効果の紹介

モバイルタッチイベント

Mobile TouchEvent タッチ イベント オブジェクト

モバイル上で要素をドラッグする

モバイル端末カルーセルチャート構造構築

モバイル カルーセル チャート レイアウト分析

モバイル カルーセルで画像をスクロール

モバイル カルーセル - シームレスなスクロール

classList クラス名の操作

モバイル カルーセル チャート - 小さな点が変更を追跡します

モバイル端末上のカルーセル チャート - 指でカルーセル チャートをドラッグします

モバイル カルーセル - 指をスライドして前後の写真を再生します

モバイルカルーセル画像リバウンド効果

トップに戻る モジュール製作

モバイル端末のクリックイベントの300ms遅延問題を解決

faskclick プラグインの使用法

Swiperプラグイン使用リファレンス関連ファイル

モバイル カルーセル画像 - 文法仕様に従って使用されます

Swiper プラグインの使用法 - パラメーターの変更

その他のモバイル プラグインと使用法の概要

ビデオ プラグイン zy.media.js の使用

ブートストラップカルーセル

アリババ100ショーカルーセル映像制作

ローカルストレージガイド

ローカルストレージセッションストレージ

ローカルストレージのlocalStroge

ユーザー名の大文字と小文字を区別する

jQuery の概要

JavaScriptライブラリ

jQueryの概要

jQuery-entry関数の基本的な使い方

jQueryのトップレベルオブジェクト

DOM オブジェクトと jQuery オブジェクト

DOM オブジェクトと jQuery オブジェクトを相互に変換する

jQuery共通APIガイド

jQuery の基本セレクターと階層セレクター

jQueryの暗黙的な反復

jQueryフィルターセレクター

jQuery フィルター メソッド - 親要素と子要素を選択する

Sina ドロップダウン メニュー

jQuery のその他のフィルタリング方法

jQuery独自のアイデア

淘宝網の衣料品ブティックのケース

jQueryチェーンプログラミング

jQuery スタイル CSS メソッドの変更

jQuery スタイル変更操作クラス

タブバー切り替えの場合

jQueryのクラス操作とclassNameの違い

jQueryの表示と非表示の効果

jQueryのスライディング効果とイベント切り替え

jQuery停止アニメーションキュー

jQuery のフェードインと大文字の強調表示

jQueryカスタムアニメーションanimateメソッド

Honor of Kings アコーディオンケースのレイアウト分析

キング・オブ・グローリー アコーディオンケース製作

jQueryの属性操作

ショッピング カート モジュール - すべて選択 (パート 1)

ショッピング カート モジュール - すべて選択 (パート 2)

jQueryコンテンツのテキスト値

ショッピング カート モジュール - アイテムの数を増減します

ショッピング カート モジュール - 製品小計の変更 (パート 1)

ショッピング カート モジュール - 製品小計の変更 (中)

ショッピング カート モジュール - 製品小計の変更 (パート 2)

jQueryはオブジェクトごとにメソッドを反復処理します

データを反復処理する jQuery

ショッピング カート モジュール - 合計数と合計を計算します

要素の作成、追加、削除

ショッピング カート モジュール - クリーン ショッピング カート

ショッピング カート モジュール - 選択したアイテムに背景色を追加します

jQueryのサイズメソッド

jQueryの位置メソッド

jQueryはheadメソッドにロールアウトされます

アニメーション付きでトップに戻る

エレベーター ナビゲーション ケース - 表示 エレベーター ナビゲーションを非表示

エレベーター ナビゲーションのケース - クリックして目的の場所までスクロールします

エレベーター ナビゲーションのケース - 現在の li をクリックして現在のクラスを追加します

エレベーター ナビゲーションのケース - スライド ページのエレベーター ナビゲーションは現在のクラスを自動的に追加します

エレベーターナビゲーションケーススロットルバルブ（ミューテックスロック）

jQueryイベントの概要

1 つ以上のイベントをバインドするイベント処理

on はイベント委任を実装し、イベントを動的要素にバインドします

Weibo公開事件

オフバインド解除イベント

jQuery は自動的にイベントをトリガーします

jQueryイベントオブジェクト

jQueryのその他のメソッドの紹介

jQueryオブジェクトcopyextend(オプション)

jQueryの複数ライブラリの共存

ウォーターフォールプラグインの使用法

画像遅延読み込みテクノロジー

全画面スクロール プラグインの使用 (オプション)

ブートストラップコンポーネント

bootstrapJS プラグイン

アリ・バイシュウ

Totolist レイアウトの機能要件分析

todilist のコアアイデアとローカルストレージフォーマット

todolist Enter キーを押してローカル ストレージ データを読み取ります

todolist Enter キーを押して最新のデータをローカル ストレージに保存します

todolist ローカル ストレージ データがレンダリングされ、ページにロードされます

todolist 削除ボタンをクリックして現在のインデックス番号を取得します

todolist 削除ボタンをクリックして削除操作を完了します

チェックボックスをクリックして、対応するデータのdone属性を変更します。

Todolist は進行中であり、完了しました

todolist は進行中のアイテムと完了したアイテムの数をカウントします

動画撮影機能の紹介

ポイントエリアのレイアウトスタイル

マップエリアのレイアウトスタイル

ユーザーエリアのレイアウトスタイル

オーダーエリアのレイアウトスタイル

売場レイアウトスタイル

チャネルと四半期のレイアウト スタイル

ランキングエリアレイアウトスタイルリファレンス

データ視覚化プロジェクトの紹介

データビジュアライゼーションとは

データ可視化プロジェクトの概要

EChart の概要

EChart の基本的な使用法

さまざまなグラフの種類を選択する

ECharts プロジェクトの構成 (パート 1)

ECharts グリッド構成

ECharts関連の設定(中)

ECharts プロジェクトの構成 (パート 2)

割引チャートの生成と設定項目の概要

データ視覚化プロジェクト適応ソリューション分析

データ視覚化プロジェクト適応計画

プロジェクトの準備とブラウザの自動更新プラグインの実行

ビジュアライゼーション プロジェクト本体とビューポートの作成

視覚化プロジェクトの列コンテナー

ボーダーピクチャーの使用シナリオとカットの原則

境界線画像の使用構文

公開パネル形式制作（前編）

公開パネル形式制作（その２）

フォントアイコンをクラス名で呼び出す

データ可視化プロジェクト概要エリアモジュール制作

データ可視化プロジェクト - 監視エリアのレイアウト分析

データ視覚化プロジェクト - 監視エリアのタブバー切り替え分析

データ視覚化プロジェクト - 監視エリアのシームレスなスクロール

ポイント配布ポイント モジュール レイアウト

ポイント配布ポイント紹介表

ECharts 円グラフのツールチップ パラメータの意味

ECharts 円グラフシリーズのパラメータの意味

測位配信モジュールのカスタマイズ構成（前編）

測位配信モジュールのカスタマイズ構成（その２）