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

Article Tags

H5 チュートリアル

ホームページ

Technical articles

ウェブフロントエンド

H5 チュートリアル

html5 開発携帯電話の通話とテキストメッセージ機能のコード例の共有

多くのモバイル Web サイトには、電話をかけたりテキストメッセージを送信したりする機能がありますが、これらの機能はどのように実装されているのでしょうか。実際、それは難しいことではありません。今日は html5 を使用してそれらを実装します。ただただ目を見張るばかりです。 HTML5 は記述が簡単ですが、Web ページを作成する場合、フォームの作成など、同じ作業を何度も繰り返す必要があることがよくあります。ここでは...HTML5 スタートアップテンプレート、空白の画像、通話とテキスト送信、オートコンプリートなどがあり、開発効率の向上に役立つだけでなく、より素晴らしい機能ももたらします。よし、今日からやって効果を見てみましょう！！コードを見てください: pseudo-special

Mar 17, 2017 pm 04:13 PM

html5，发短信功能

HTML5 で Web サイトのフロントエンドのパフォーマンスを向上させる方法に関するサンプルコード分析

1. Cookie を Web ストレージに置き換える場合の最大の問題は、Cookie が毎回リクエストに従うことです。 HTML5 では、sessionStorage と localStorage を使用してユーザーデータをクライアントに直接保存するため、HTTP リクエストのデータ量を削減できます。さらに、Web ストレージには、Cookie とは異なり、自分で記述する必要があるデータを操作するための API も提供されています。 // localStorage が存在する場合は、それを使用します

Mar 17, 2017 pm 04:10 PM

HTML5，网站，前端性能

HTML5キャンバスの詳しい解説(6)

ベジェ曲線ベジェ曲線の専門的な入門については、http://www.cnblogs.com/jay-dong/archive/2012/09/26/2704188.html を参照してください。以下は、キャンバス上にベジェ曲線を描画するためのコードです。 : キャンバス描画<スクリプト

Mar 17, 2017 pm 03:54 PM

HTML5 ，canvas画布

HTML5キャンバスの詳しい解説(5)

drawImage は、キャンバス上に画像を配置する、合計 3 つのメソッドを提供します。 context.drawImage(img,x,y); キャンバス上に画像を配置し、画像の幅と高さを指定します。 context.drawImage(img,x,y,width,height);画像をトリミングし、キャンバス上にトリミングされた部分を配置します。 context.drawImage(img,sx,sy,swidth,height,x,y,width,height

Mar 17, 2017 pm 03:50 PM

HTML5 ，canvas画布

HTML5キャンバスの詳しい解説(4)

arcTo の使用法使用法: arcTo(x1, y1, x2, y2, radius) 説明: arcTo() メソッドは、現在のエンドポイント、エンドポイント 1 (x1, y1) およびエンドポイント 2 (x2, y2) の角度によって形成されたクリップを使用します。次に、角度の両側に接し、半径を持つ円上に円弧を描きます。円弧の始点は、現在の終点が存在する辺と円との接点であり、円弧の終点は、終点 2 (x2, y2) が存在する辺と円との接点です。描かれた円弧は、その円弧の 2 つの接点間の最短の長さです。さらに、

Mar 17, 2017 pm 03:46 PM

HTML5 ，canvas画布

HTML5キャンバスの詳しい説明(3)

このセクションでは、主に Canvas のさまざまな使用例について説明します。まず、私が Canvas 描画を適用する過程で直面した問題を解決します。次のコードは、キャンバス上に 100*100 の長方形を描画します。奇妙な問題です。

Mar 17, 2017 pm 03:39 PM

HTML5 ，canvas画布

HTML5キャンバスの詳細説明(2)

前回の記事では、canvas タグの概要と使用例を紹介しましたが、実際には、canvas の使用法は非常に強力で、多くのクールな HTML5 アニメーションやゲームが Canvas をベースに作られています。そこで、Canvas の基礎を固めるために、Canvas 関連のブログ記事を 2 つ書き続けることにしました。この記事では、canvas に関連するプロパティや使い方を中心に紹介します。カラー、スタイル、およびシェーディングのプロパティ説明 fillStyle ペイントの塗りつぶしに使用されるカラー、グラデーション、またはパターンを設定または返します。

Mar 17, 2017 pm 03:34 PM

HTML5 ，canvas画布

HTML5キャンバスの詳細説明(1)

HTML5 の Canvas 要素は、Web ページ上にグラフィックを描画するために使用されます。 Canvas の特徴 Canvas は長方形の領域であり、そのピクセルごとに制御することができます。 Canvas では直線、四角形、円、画像の追加などのメソッドが用意されています。 200*200の赤い長方形を描くキャンバス画面: 私のキャンバスページ

Mar 17, 2017 pm 03:32 PM

HTML5 ，canvas画布

HTML タグのマーキーに基づいてスクロール効果を実現する簡単な方法

ページの自動スクロール効果は JavaScript によって実現できますが、今日私は偶然、JS コントロールなしでさまざまなスクロール効果を実現できる HTML タグを発見しました。

Mar 17, 2017 pm 03:08 PM

HTMLmarquee滚动效果

HTML5のプッシュステートとポップステートの操作履歴を詳しく説明し、更新せずに現在のURLを変更するコード例

この記事では主に、HTML5 におけるプッシュステートとポップステートの操作の歴史と、更新せずに現在の URL を変更するための関連情報を紹介します。必要な方は参照してください。

Mar 16, 2017 pm 04:25 PM

HTML5，pushstate，popstate

HTML5ブラウザ互換性ソリューションの詳しい説明

現在、ほとんどのブラウザは HTML5 をサポートしています。下位バージョンのブラウザはすべての HTML5 ブラウザをサポートしており、認識されない要素はインライン要素として自動的に処理されます。したがって、次のメソッドを使用して、ブラウザに「不明な」HTML 要素を処理するように教えることができます。 HTML5 要素をブロック要素として定義する HTML5 では、8 つの新しい HTML セマンティック要素が定義されています。これらの要素はすべてブロックレベルの要素です。古いブラウザでこれらの要素を正しく表示できるようにするには、CSS 表示プロパティを設定します。

Mar 16, 2017 pm 04:19 PM

HTML5，浏览器，兼容性

HTML5 Web ストレージ - Web SQL サンプルコード分析

Web SQL とは何ですか? アプリケーションでは大量の構造化データを扱うことがよくありますが、HTML5 では Web SQL データベースの概念が導入されており、アプリケーションは非同期 Javascript インターフェイスを通じて SQLlite データベースにアクセスできます。ただし、現在、Web SQL は HTML5 仕様には含まれていませんが、Safari、Chrome、および Oprea ブラウザーは別の仕様として Web SQL をサポートしています。 3 つのコアメソッド Web SQL データベース仕様で定義されている 3 つのコアメソッド: ope

Mar 16, 2017 pm 04:16 PM

HTML5 ，web存储，web SQL

HTML5 ローカルデータベースの詳細

複雑なデータベースの場合、HTML5 は操作にローカルデータベースを使用します。これはブラウザ側のデータベースです。ローカルデータベースでは、JavaScript を直接使用してデータベースを作成し、SQL ステートメントを使用して関連するデータベース操作を実行できます。ローカルデータベースの各APIとその使い方を紹介します。 1. openDatabase を使用してデータベースを作成します。 openDatabase メソッドを使用してデータベースを作成できます。 openDatabase メソッドは、データベース名、データベースのバージョン番号という 5 つのパラメータを渡します。

Mar 16, 2017 pm 04:10 PM

HTML5，数据库

WebSocket API HTML5 仕様の翻訳の詳細な紹介

1. はじめに Web アプリケーションがサーバープロセスとの双方向通信を維持できるようにするために、ここでは WebSocket インターフェイスを導入します。注: このインターフェイスでは、基盤となるネットワークへの直接アクセスは許可されません。たとえば、このインターフェイスを使用せずに IRC クライアントを実装することはできません。

Mar 16, 2017 pm 04:06 PM

WebSocket ，API ，HTML5