front_end demos

front_end-demos

フロントエンドトレーニングプログラムは、個人的な仕事と研究によって蓄積されたデモを記録するために使用されます。

名前	ソースコード
KOA+MySQLは、タイミングのメール送信ウェブサイトを実装しています
Vue-Todo-Demoプロジェクト	コード
React-Todo-Demoプロジェクト	コード
ボックスをドラッグアンドドロップして、ファイルをアップロードします	コード
キャンバスは画像ボードを実装します	コード
キャンバスはパイチャートを描きます	コード
Vue National DayのショーオフプランH5アクティビティページ（モバイルターミナル）	コード
Angular Heroチュートリアル	コード
さまざまなオーディオ形式のテスト
HTML5オーディオタグ	コード
HTML5ビデオタグ	コード
データ構造-JS操作バイナリツリー	コード
LeetCodeの問題解決のアイデア	コード
ノードはprotobufを使用します	コード
VueはProtobufを使用します	コード
px2rem	コード

初心者が練習するのに適したフロントエンドプロジェクトは何ですか？ 。元のプロジェクト著者のおかげで、Source CodeをGitHubに段階的に書き留めました。フェリスによるネイティブJavaScript学習

レッスン1

• 1。制御DIV属性
• 2。ウェブスキンの交換
• 3.関数はパラメーターを受信して​​ポップアップします
• 4。ループを使用して3 divを赤に変える
• 5.スタイルを変更するには、マウスを内/外に移動します
• 6.パスワードプロンプトボックスを覚えておいてください

レッスン2

• 1。Baidu入力方法
• 2。divをクリックして、innerhtmlを表示します
• 3.配列内のすべての数値の合計を見つける
• 4。ポップアップ層効果
• 5.関数パラメーターを渡し、任意のdiv属性の値を変更します
• 6。画像リスト：写真の透明性を変更するには、イン/アウト
• 7。シンプルなタブ
• 8。シンプルなJSカレンダー
• 9.プレイリストを表示/非表示にするためのシングルボタンを収縮および展開します
• 10。プロンプトボックス効果
• 11.マウスを動かして画像パスを変更します
• 12。チェックボックス（チェックボックス）すべてを選択/[選択]を選択しない/[return]を選択します

レッスン3

• 1. Typeofを使用してデータ型を表示します
• 2。parseintを使用して、数字と合計を解析します
• 3.ボタンを蓄積し、自分で1を追加します
• 4.サイズを比較するには、2つの番号を入力します
• 5。ページが読み込まれたら、自分で1を追加します
• 6.数値が2桁の数字であるかどうかを判断します
• 7。Web計算機
• 8。シンプルなWebクロック
• 9。カウントダウン（100秒）

レッスン4

• 1.SettimeOutアプリケーション
• 2。スライド効果を自動的に再生します
• 3.方向を自動的に変更し、効果をスライドします
• 4.分類アプリケーション1つの関数パラメーターの合計を見つける
• 5.CSS関数セット/オブジェクトのプロパティを読み取ります
• 6.現在の入力ボックスが強調表示されます