現在位置:ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル

  • vue-cli を使用して vue プロジェクトと Webpack をビルドするにはどうすればよいですか?
    vue-cli を使用して vue プロジェクトと Webpack をビルドするにはどうすればよいですか?
    私は長い間 Vue を使用しており、大小さまざまなプロジェクトを行ってきました。最近、知識ポイントをまとめて Vue+webpack シリーズを考え出したいと思います。プロジェクト construction-vue-cli から始めましょう。 Vue+webpack なので、ここでは説明しません。git についてはデフォルトの環境が設定されています。最初のステップはフォルダーを作成することです (ここでは apronew)。2 番目のステップはフォルダー内で git bash を開き、コマンド ライン npm install --global vue-cli を入力して vue-cl をグローバルにインストールします。
    H5 チュートリアル 3022 2017-06-22 15:30:03
  • Canvasを使って点線を描く方法
    Canvasを使って点線を描く方法
    前の章では、直線パスの描画には主に movoTo() や lineTo() などのメソッドが使用されると述べました。もちろん、Canvas 2D API には点線描画メソッド CanvasRenderingContext2D.setLineDash() も用意されています。点線を見てください。 描画メソッドの構文 ctx.setLineDash(segments); パラメータ セグメント: Array 配列。線分を交互に描くための解説集です。
    H5 チュートリアル 3722 2017-06-22 15:27:56
  • 連聯館ミニゲームのフロントエンド実装サンプルコード
    連聯館ミニゲームのフロントエンド実装サンプルコード
    ブロガーは長い間リアンリアン・カンをプレイしてきましたが、リアン・リアン・カンが最大2ターンしか持ちえないことを今回初めて知りました。 orz... Lianliankan の接続アルゴリズム判定をネットで探しましたが、あまりまとまったものは見つからず、自分なりに調べた結果、以下のような図を描きました(ちょっと絵が汚いですが…) 1.同一直線上にある 2 つのオブジェクトは直接接続できます (これは説明する必要はありません) 2. 2 つのオブジェクトは同一直線上にあり、真ん中に障害物があるため直接接続できません (2 ターン) [ループします。点AとBなどの黄色の線の交点を検出し、青い線に障害物がないかどうかを判断します。
    H5 チュートリアル 5585 2017-06-22 15:15:59
  • Vue を使用してオンデマンドでロードし、ユーザー エクスペリエンスを向上させます
    Vue を使用してオンデマンドでロードし、ユーザー エクスペリエンスを向上させます
    Vue 公式ドキュメントの非同期コンポーネント: 大規模なアプリケーションでは、アプリケーションを複数の小さなモジュールに分割し、オンデマンドでサーバーからダウンロードする必要がある場合があります。作業を簡単にするために、Vue.js では、コンポーネントの定義を動的に解決するファクトリー関数としてコンポーネントを定義できます。 Vue.js は、コンポーネントをレンダリングする必要がある場合にのみファクトリ関数をトリガーし、その後の再レンダリングのために結果をキャッシュします。 http://www.cnblogs.com/Kummy/p/5254754.htmlvue からの元の画像とテキスト オンデマンドの読み込み関連
    H5 チュートリアル 2314 2017-06-22 15:14:48
  • 表でスラッシュヘッダー効果を実現する方法
    表でスラッシュヘッダー効果を実現する方法
    テーブル、これは誰もがよく知っているコードなので、テーブルにスラッシュ ヘッダーを追加する必要がある場合がありますが、この効果を実現するにはどうすればよいでしょうか。 以下の方法をまとめました。 1. 最も簡単な方法 会社の UI に直接アクセスし、写真を作成して背景画像としてここに配置し、それを埋めるように依頼します。シンプルではないでしょうか! ! ! 2. 非常に簡単な方法 実際、CSS3 を知っている友人は、この効果を見たときにすぐに頭に浮かぶのは属性の変換です。
    H5 チュートリアル 2422 2017-06-21 16:19:04
  • CSS3+JavaScriptで回転する3Dボックスを作る方法は?
    CSS3+JavaScriptで回転する3Dボックスを作る方法は?
    ​ 今日は、3D 属性で記述された 3D ボックスである CSS3 を作成し、それを JavaScript と組み合わせて、マウスでボックスを回転させます。 今日は新しい css3 属性 3d を導入しました <!DOCTYPE html> <html> <頭> <meta charset="UTF-8"> <タイトル></タイトル> <style type="text/c"
    H5 チュートリアル 3547 2017-06-21 16:12:43
  • DOM でフォーム操作とノード操作を共有する
    DOM でフォーム操作とノード操作を共有する
    <!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><title>ドキュメント</title><script type="text/javascript">window.onload = function( ){ var 入力 = ドキュメント
    H5 チュートリアル 1517 2017-06-21 16:10:12
  • React NativeにおけるScrollViewカルーセルチャートの実装方法例
    React NativeにおけるScrollViewカルーセルチャートの実装方法例
    1.index.Android.js   import React, { コンポーネント } from 'react';   輸入 {     アプリレジストリ、     スタイルシー
    H5 チュートリアル 2780 2017-06-21 16:07:29
  • CSS+HTML5の使用例
    CSS+HTML5の使用例
    1.HTML5の基本 ドキュメントタイプ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" トランジショナル:トランジションタイプ 厳密: 厳密なタイプ FrameSet: フレームタイプ <!DOCTYPE html
    H5 チュートリアル 2401 2017-06-21 15:54:01
  • HTML5-canvasの使い方の紹介
    HTML5-canvasの使い方の紹介
    <canvas> 新しい要素 <canvas> 要素はグラフィックの描画に使用され、スクリプト (通常は JavaScript) を通じて実行されます。 <canvas> タグは単なるグラフィック コンテナであり、グラフィックを描画するにはスクリプトを使用する必要があります。 Canva を使用すると、パス、ボックス、円、文字を描画したり、画像を追加したりするさまざまな方法で使用できます。 ​ 注: デフォルトでは、<canvas> 要素には境界線もコンテンツもありません。
    H5 チュートリアル 1721 2017-06-21 15:52:14
  • フレキシブル ボックス モデル: フレックス ボックスの認識と使用
    フレキシブル ボックス モデル: フレックス ボックスの認識と使用
    フレキシブルボックスモデル レイアウトプラン 従来のレイアウト ソリューションは、主に div+css+float+position+display を使用して実装されますが、CSS3 のフレキシブル ボックス モデルの導入により、フロントエンド レイアウト ソリューションに別の強力なオプションが追加されました。 そして、最近小さなプログラムを勉強しているので、途中でフレキシブルボックスレイアウトを使用する方が効果的で効率的であることがわかり、以前にフレキシブルボックスモデルを学習した際に関連する知識ポイントをまとめて、みんなに共有しました。 フレキシブルボックスモデルのフレックスレイアウトの紹介 フレックスボックスモデル(フレックスボックス)はフレキシブルレイアウトとも呼ばれます。
    H5 チュートリアル 1959 2017-06-21 15:48:15
  • html5の新しいタグとは何ですか?
    html5の新しいタグとは何ですか?
    html5 1. 声明 HTML5: World Wide Web の中核言語であり、HTML 仕様の 5 番目のメジャー リビジョンです。 HTML5 は HTML 標準の次のバージョンです。 HTML5 では、doctype 宣言などの多くの微妙な構文が簡素化されており、<!doctype html> を記述するだけで済みます。 2. レイアウト用のセマンティックタグ 記事: タグを読み込むと、記事、レポート、小説などの独立した記事コンテンツが表示されます。 セクション: タグはドキュメント内のセクションを定義します (
    H5 チュートリアル 2013 2017-06-21 15:47:34
  • React を使用して Web サイトを作成した経験
    React を使用して Web サイトを作成した経験
    この Web サイトは卒業プロジェクトであり、主にいくつかのメモを記録し、いくつかの情報を集約することを目的としており、技術的なアイデアを練習できるオンラインの世界の静かな場所とも言えます。 Web サイトのフロントエンドは当初 Vue を使用して開発されていましたが、少し前にプロジェクトの開発進捗がそれほど緊急ではなくなったため、少し時間ができました。あと、Reactを使ったことがないのが不安だったので、とりあえずReactを使ってみました。
    H5 チュートリアル 3570 2017-06-21 15:24:41
  • Web ストレージの概要とローカル データベース
    Web ストレージの概要とローカル データベース
    前の記事: HTML5 注意事項 2 - HTML5 オーディオ/ビデオ タグの詳細な説明 ウェブストレージの概要 HTML5 では、Canvas 要素に加えて、データをクライアント上にローカルに保存できる Web Storage 機能も重要な新機能です。これまでは、クライアント上で Cookie を使用できました。 ユーザー名などの単純なユーザー情報は保存されますが、長期間使用するうちに、永続的なデータを保存するために Cookie を使用する場合にはいくつかの問題があることがわかりました。 サイズ: クッキーのサイズには制限があります
    H5 チュートリアル 1365 2017-06-21 15:24:03
  • ブートストラップの長所と短所は何ですか?
    ブートストラップの長所と短所は何ですか?
    ブートストラップの長所と短所は何ですか? Bootstrap は、HTML、CSS、および JavaScript に基づいて、Web アプリケーションおよび Web サイトを迅速に開発するためのフロントエンド フレームワークです。利点: モバイル デバイス優先、主流のブラウザのサポート、使いやすい、応答性の高いデザイン。欠点: IE6 をサポートしていない、セマンティックが不十分なクラスの多用、ブートストラップを使用して開発された Web サイトは非常に均質化されています。 Bootstrap は、画面またはビューポート (ビュー) に合わせて変化する、応答性の高いモバイルファーストの流動的なグリッド システムを提供します。
    H5 チュートリアル 6663 2018-10-13 16:02:15

ツールの推奨事項

jQuery エンタープライズ メッセージ フォームの連絡先コード

jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。

HTML5 MP3 オルゴール再生効果

HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。

HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果

HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。

有機果物と野菜のサプライヤー Web テンプレート Bootstrap5

有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

シンプルな履歴書情報 Web テンプレート Bootstrap4

シンプルな履歴書情報 Web テンプレート Bootstrap4

かわいい夏の要素のベクター素材 (EPS+PNG)

これは、太陽、日よけ帽子、ココナッツの木、ビキニ、飛行機、スイカ、アイスクリーム、アイスクリーム、冷たい飲み物、浮き輪、ビーチサンダル、パイナップル、巻貝、貝殻、ヒトデ、カニを含む、かわいい夏の要素のベクター素材です。 、レモン、日焼け止め、サングラスなど、素材は JPG プレビューを含む EPS および PNG 形式で提供されています。
PNG素材
2024-05-09

4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)

これは、2023 年卒業バッジの赤いベクター素材で、合計 4 つがあり、JPG プレビューを含む AI、EPS、PNG 形式で利用できます。
PNG素材
2024-02-29

歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)

これは、さえずる鳥と​​花でいっぱいのカートをデザインした春のバナー ベクター素材で、JPG プレビューを含む AI および EPS 形式で利用できます。
バナー画像
2024-02-29

金色の卒業帽ベクター素材(EPS+PNG)

これは、JPG プレビューを含む EPS および PNG 形式で利用できる、金色の卒業帽のベクター素材です。
PNG素材
2024-02-27

室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート

家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

フレッシュカラーの個人履歴書ガイドページテンプレート

フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

デザイナーのクリエイティブな仕事の履歴書 Web テンプレート

デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

現代のエンジニアリング建設会社のウェブサイトのテンプレート

最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!