現在位置:ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル
- 方向:
- 全て ウェブ3.0 バックエンド開発 ウェブフロントエンド データベース 運用・保守 開発ツール PHPフレームワーク 毎日のプログラミング WeChat アプレット よくある問題 他の 技術 CMS チュートリアル Java システムチュートリアル コンピューターのチュートリアル ハードウェアチュートリアル モバイルチュートリアル ソフトウェアチュートリアル モバイル ゲームのチュートリアル
- 分類する:
-
- gulp を使用した圧縮の例
- 1. ノードをダウンロードしてインストールします http://nodejs.org にアクセスし、大きな緑色のインストール ボタンをクリックします。ダウンロードが完了したら、プログラムを直接実行すれば準備完了です。 npm はインストール パッケージと一緒にインストールされます。 2. コード行を開きます node -v //ノードのバージョンを確認し、バージョン番号が表示されればインストールは成功です。 npm -v //npmのバージョンを確認し、バージョン番号が表示されていればインストール成功です。 位置
- H5 チュートリアル 1444 2017-06-21 15:21:18
-
- 全画面切り替え効果例のオンラインデモ
- オンラインデモ: DEMO デモ以下のコードには互換性のあるコードがありません。IE バージョンは CSS3 サポートにあまり適していません。IE11 で開くとスクロール効果がありません。 互換性のあるコードプレフィックス: -ウェブキット- -モズ- -o- -MS- コードに直接移動します。 <!DOCTYPE html> <html lang="ja"> <頭> <
- H5 チュートリアル 1855 2017-06-21 14:57:30
-
- ダイナミックなビジュアル差分背景(h5)の作り方
- ウェブサイトを作成する場合、視覚的な差分効果が使用される場合があります 写真のように 視覚的な収差は、Web ページを作成するときに非常に素晴らしい効果をもたらします。今日は、動的な視覚的な収差を表現する方法について話したいと思います。 効果は次の図に示すとおりです。 制作方法にはまず視覚差分プラグインが必要です 私が使用しているプラグインは、より一般的な視覚差分プラグインです。 <link rel="stylesheet" type="text/css" href="css/reset.css?1.1.10" /> &l
- H5 チュートリアル 5148 2017-06-21 14:34:40
-
- ページ上に円形のクリック可能領域を実装するにはどうすればよいですか?
- 1. マップ+エリア DW ソフトウェア導入方法ビデオ: http://www.chuanke.com/3885380-190205.html 2. 境界半径(H5) <スタイル> 。丸{ /*サークル設定*/
- H5 チュートリアル 2383 2017-06-21 14:33:57
-
- WEBフロントエンド標準ネーミングの紹介
- ヘッダー ----------------ヘッダーに使用されます メインコンテンツ main ------------ メインコンテンツ(中盤)に使用 左メイン-左 -------------左レイアウト 右メイン-右 -----------右レイアウト コートラップ ------------------ 最外層に使用 ナビゲーション バー ナビゲーション ------------------Web メニュー ナビゲーション バー 内容コンテ
- H5 チュートリアル 1785 2017-06-21 14:33:16
-
- Less と Sass フレームワークを使用するにはどうすればよいですか?
- 1. 構文の削減 1. 変数宣言: @変数名: 変数値; 1 @newHeight:20px; 2. 変数を呼び出します。 1 .box { 2 幅: @newHeight; 3 高さ: @newHeight; 4} 3. 多重継承 (Mixins): 既存のクラスを独自のメンバーとして呼び出します。 1 .box1 { 2.ボックス; 3}
- H5 チュートリアル 2154 2017-06-21 14:28:56
-
- HTML5のセマンティックタグと互換処理について詳しく解説
- <header></header> ヘッダー 主にページの先頭の情報紹介に使用されますが、セクションのヘッダーにも使用できます。 <hgroup></hgroup> ページ上のタイトルの組み合わせ、タイトルとサブタイトル、またはスローガンの組み合わせ <hグループ> <h1>素晴らしい教室</h1> <h2>人道的な IT トレーニングを受講してください</h2> </h
- H5 チュートリアル 1392 2017-06-21 14:27:54
-
- Sina Weibo動画とMiaopai動画をダウンロードする方法
- Sina Weibo アプリ自体には Weibo 動画をダウンロードする機能はありませんが、サードパーティのツールを使用して Weibo 動画をダウンロードできます。インターネット上の多くのソフトウェアは、コンピュータにインストールして利用する必要がありますが、携帯電話で利用したい場合は利用できません。 そこで今日は、携帯電話にWeiboとMiaopaiの動画をダウンロードする方法を紹介します。 Sina Weibo 動画と Miaopai 動画をダウンロードする方法: 1. Sina Weibo アプリを開き、ダウンロードしたいビデオを見つけます。ビデオを含む Weibo ページで、右上隅にある 3 つの点 (...) をクリックすると、共有ポップアップ ウィンドウが表示されます。クリックしてリンクまたはポイントをコピーします
- H5 チュートリアル 4442 2017-06-21 14:13:23
-
- CSS3フレックスボックスの使い方は?
- 記事の出典: http://www.zhufengpeixun.cn/article/173 I.はじめに Flexbox は名前が示すように、CSS3 のボックス モデルです。なぜこの属性が最近人気になったのでしょうか。その主な理由は、CSS3 仕様がついに普及してきたこと (または IE がついに失敗したこと) と、モバイル デバイスの開発により、適応する長さと幅にかなりの柔軟性を備えたレスポンシブ レイアウトの台頭が促進されたことです。
- H5 チュートリアル 2200 2017-06-21 14:09:08
-
- jQuery Validationの使い方を詳しく解説
- jQuery 検証フレームワーク: 基本的な HTML コード: 1 <script src="js/jquery-1.9.1.js?1.1.10"></script> 2 <script src="js/jquery.validate.min.js?1.1 .10"></script> 3 <script> 4 $(関数
- H5 チュートリアル 2072 2017-06-21 13:33:23
-
- Web SQL データベースの使用方法のチュートリアル
- Web SQL Database API は HTML5 仕様の一部ではありませんが、SQL を使用してクライアント データベースを操作するための API セットを導入する独立した仕様です。コア メソッド: openDatabase - 既存のデータベースまたは新しいデータベースを使用してデータベース オブジェクトを作成します。トランザクション - ものを制御し、この状況に基づいてコミットまたはロールバックを実行できます。executeSql - 実際の SQL ステートメントを実行してデータベースを開きます。 openDatabase() メソッド
- H5 チュートリアル 2222 2017-06-21 13:19:34
-
- クイックスタート createjs サンプル チュートリアル
- createjs フレームワークを使い始めたとき、インターネット上に関連するチュートリアルがまだほとんどないことがわかりました。そのため、将来の参照に便利な記事を書きました。 createjs 入門の公式 Web サイト: http://www.createjs.cc/createjs には、次の 4 つの部分が含まれています。 EaselJS: スプライト、アニメーション、ベクター、ビットマップの描画、および HTML5 Canvas でのインタラクティブなエクスペリエンスの作成に使用されます (マルチタッチを含む) TweenJS: アニメーション効果に使用されます SoundJS:
- H5 チュートリアル 3746 2017-06-21 10:33:14
-
- HTML5 をゼロから学ぶ
- HTML5 をゼロから学習するのに役立つ 1 つの基本的な HTML5 入門チュートリアルと 4 つの HTML5 小規模プロジェクト チュートリアル。 【HTML5の基礎入門】 このチュートリアルでは、構造タグ、新しいフォームタグ、ファイル操作、キャンバス、ローカルストレージなど、HTML5の新機能を紹介します。フロントエンド プログラミングに興味があり、HTML をすでに学習している人に適しています。実験リスト: [HTML5 ベースのローカル画像トリミング] このプロジェクトは、HTML5 キャンバス技術の使用を実装し、HTML5 ファイル AP を組み合わせます。
- H5 チュートリアル 3938 2017-06-21 10:28:43
-
- アークとセクターのローディングアニメーションを作成するにはどうすればよいですか?
- 0. 静的レンダリング 1. 円弧を描くコード width: 3em; height: 3em; border: 7px 透明なソリッド; border-left: 7px #4DB6AC ソリッド; 別の方法です。 #4DB6AC ソリッド ボーダー半径: 50%;
- H5 チュートリアル 1740 2017-06-21 10:28:01
-
- 毎日の小さな JS スライドショー。主な知識ポイント: イベント
- <!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><title>ドキュメント</title><style type="text/css">body { margin: 0; #wrap {マージン: 100px 自動; ポジティブ
- H5 チュートリアル 1378 2017-06-21 09:01:04