ページ 103-H5 チュートリアルプログラミングチュートリアル: H5 チュートリアルオンラインで学ぶ-php.cn

Article Tags

ホームページ

技術記事

ウェブフロントエンド

H5 チュートリアル

Bootstrap がリモートデータを 1 回しかロードしない問題を解決する

概要: フロントエンドフレームワークブートストラップのモーダルダイアログボックスでは、リモートオプションを使用して URL を指定できます。これにより、ダイアログボックスが最初にポップアップ表示されるときに、このアドレスからデータが .modal-body に自動的に読み込まれます。ただし、ロードされるのは 1 回だけですが、この問題はイベント内で RemoveData() メソッドを呼び出すことで解決できます。 1. ブートストラップモーダルダイアログボックスと簡単な使用方法 1 <div id="myModal" class="moda

Jul 24, 2017 am 11:06 AM

Bootstrap 对话框一次

html5でユーザー登録フォームを実装する方法のサンプルコード共有

この記事では、HTML5でのユーザー登録フォームの実装方法について、参考になるサンプルコードを詳しく紹介しますので、一緒に見ていきましょう。

Jul 24, 2017 am 10:18 AM

html5 用户注册 h5

HTML5ビデオ再生の詳細な紹介

まず、アーティファクト jPlayer を紹介します。jPlayer は、HTML5/Flash に基づくオーディオおよびビデオプレーヤーであり、JavaScript で書かれた完全に無料のオープンソース (MIT) jQuery マルチメディアライブラリプラグインです (現在は Zepto プラグインでもあります)。 jPlayer を使用すると、クロスプラットフォームの Web ページをすばやく作成できます。このプラットフォームの Web ページはオーディオとビデオの再生をサポートしており、jPlayer の豊富な API を使用してパーソナライズされたマルチメディアアプリケーションを作成できるため、ますます多くのコミュニティメンバーからのサポートが得られます。

Jul 23, 2017 pm 01:49 PM

HTML5 h5 插件

HTML5 音楽プレーヤーの例を実装する

技術的なポイント: ES6+Webpack+HTML5 Audio+Sass ここでは、H5 音楽プレーヤーを最初から実装する方法を段階的に学習します。まず、最終的な実装を見てみましょう: デモリンク次に、本題に入ります。音楽プレーヤーになるには、Web 上でオーディオが再生される方法をよく理解する必要があります。HTML5 の audio タグは次のとおりです。 audio タグについては、たくさんあります。ここでは、そのプロパティ、メソッド、イベントについて概要を説明します。属性: src: 必須、オーディオソース

Jul 23, 2017 pm 01:28 PM

HTML5 音乐 h5

html5 の新しいネットワーク環境

HTML5 の誕生以来、すべてのテクノロジはオープンでなければならず、特許を取得できないという標準原則が確立されてきました。この期間を通じて、Opera は CSS テクノロジを寄贈しましたが、Google はそれを開発者に提供しました。 HTML5 がどのように新しいネットワークパターンをもたらすかを紹介します。興味のある方は、HTML5 に注目して開発の準備をしてください。 HTML5 開発の現在のリーダーには、Sencha、Adobe、appcelerator、

Jul 23, 2017 am 11:41 AM

---html5 h5 格局

AugularJS の基本的な紹介と実践

はじめにフロントエンド AngularJS は、アプリケーション構築における HTML の欠点を克服するように設計されています。 (Baidu Encyclopedia より引用) AngularJS は、アプリケーションを構築する際に HTML 自体の欠点を補おうとします。 AngularJS では、ディレクティブと呼ばれる構造を使用してブラウザが新しい構文を認識できるようにします。（百度百科事典より引用）例えば

Jul 23, 2017 am 11:33 AM

javascript AugularJS 入门

CSSアニメーション制作——CSS animate

CSS に詳しい人なら誰でも、CSS で多くの美しいアニメーション、特にオンライン機能を実現できることを知っています。これは、多くのアニメーション効果を解決するのに役立ちます。今回は特にオンライン CSS プラグイン機能である cssanimate を紹介します。このオンラインツールの紹介を見てみましょう。このオンラインツールの紹介を見てみましょう。 CSS3アニメーション制作ツールインターフェース紹介タイムライン（Timeline）タイムラインはアニメーションを導くための重要な領域で、フレームごとのアニメーションを作成するのと同じように、それぞれを調整できます

Jul 23, 2017 am 11:18 AM

animate css 样式表

HTML5 WebSocket について

WebSocket は、HTML5 が提供し始めた、単一の TCP 接続上で全二重通信を行うためのプロトコルです。 WebSocket API では、ブラウザとサーバーはハンドシェイクアクションを実行するだけで、ブラウザとサーバーの間に高速チャネルが形成されます。データは両者間で直接転送できます。ブラウザは、JavaScript を介して WebSocket 接続を確立するリクエストをサーバーに送信します。接続が確立されると、クライアントとサーバーは TCP 接続を通じてデータを直接交換できます。 Webソケットを取得すると

Jul 23, 2017 am 11:03 AM

WebSocket HTML web

HTML5でキャンバスに円を描画する例の紹介

キャンバスで円弧を使用して円形のパターンを描きます。関数のプロトタイプは context.arc(x, y, radius, start angle, end angle, 反時計回りに回転するかどうか); なので、開始角度と終了角度を変更することで円弧を描くことができます。

Jul 22, 2017 am 09:56 AM

canvas HTML5 h5

H5リッチテキストエディタの詳しい紹介

H5 グローバル属性 contenteditable を使用して、DOM 要素とそのサブ要素を編集可能にします。 <div contenteditable id="editor"> </div> スタイルコード html,body { overflow: hidden; height: 100%;} * { マージン: 0;

Jul 21, 2017 pm 02:10 PM

Knockoutjs+select2 人材検索機能コード共有

HTML：<select class="form-control PersonEmail" id="txtProjectManager" data-bind="options:{text:ICVInfo.ProjectManager,value:ICVInfo.ProjectManager},optionsText:'text',optionsValue:'val

Jul 21, 2017 pm 02:07 PM

Knockoutjs+select2 javascript 人员

AngularJS「ルーティング」の紹介と使い方

これらは、理論的には、あなた自身の学習ニーズのためだけに提供されるものですが、「ルーティング」の定義概念を学ぶために、注意して使用する必要があります。 " in AngularJS. AngularJS は最近非常に人気があり、多くの同僚、クラスメート、友人全員がそれを使用しています。私はそれを学ぶことはお勧めしません。その名前を聞くと、とても興奮します。私はしません。 AngularJS とは何かを説明します。これはまだ非常に興味深いものです。初心者向けの学習 Web サイトとチュートリアルをお勧めします。ただし、そのチュートリアルの多くは非常に簡単です。

Jul 21, 2017 pm 02:05 PM

javascript AngularJS 使用

vue-devtools を使用して Vue を開発する

はじめに: Vue はデータ駆動型であるため、開発およびデバッグ中に DOM 構造を表示して解析できるものは何もありません。ただし、vue-devtools プラグインを使用すると、データ構造を簡単に解析してデバッグできます。 1. Chrome 拡張プラグインをダウンロードします。 GitHub ダウンロードアドレス: https://github.com/vuejs/vue-devtools npm Taobao イメージを使用し、依存関係パッケージのアドレス: http://npm.taabao に従うことをお勧めします。 org/コマンドラインのインストール

Jul 21, 2017 pm 01:47 PM

vue-devtools 神器开发

JSデスクトップアプリケーション開発チュートリアル

はじめにこの記事は、nw の開発で遭遇したさまざまな問題について、同じ問題に遭遇した人のためのメモといくつかの解決策として記録するだけです。 1. package.json の window フィールドが無効です。理由: package.json の window フィールドは、メインフィールドが *.html または外部 URL の場合にのみ有効です。 *.js の場合は無効です。 { "名前": "ブログ", "メイン": &

Jul 21, 2017 am 11:18 AM

javascript NW.js-2- 应用程序