Javascript

 Computer >> コンピューター >  >> プログラミング >> Javascript
  1. HTML5テキストボックスでの検証の防止

    検証を回避するには、 formnovalidateを使用します HTML5の属性。この例では、2番目のボタンの検証が無効になっています： <!DOCTYPE html> <html>    <head>       <title>HTML formnovalidate attribute</title>    </head>    <body>       <form action =

  2. HTML5 Blob.slice（）メソッドの使用

    HTML5ファイルのBlob.slice（）メソッドは、データを含むBlobオブジェクトを作成するのに役立ちます。このデータは、ソースBlobの指定されたバイト範囲にあります。 slice（）を使用してバイナリデータを送受信する例を見てみましょう。この例では、テキストを送信し、POSTメソッドを使用して「ファイル」をサーバーに送信します。 var val = new XMLHttpRequest(); val.open("POST", url, true); val.onload = function (event) { }; var blob = new Blob([&#

  3. HTMLの最小属性はFirefoxで機能しますか

    分 入力タイプ番号の属性はFirefoxでサポートされていませんが、GoogleChromeでは正しく機能します。 例を見てみましょう： <!DOCTYPE html> <html>    <head>       <title>HTML input number</title>    </head>    <body>       <form action = ""

  4. HTML5キャンバス変換

    HTML5キャンバスは、変換行列を直接変更できるメソッドを提供します。変換行列は、最初はID変換である必要があります。その後、変換方法を使用して調整できます。 例 キャンバス変換の例を見てみましょう： <!DOCTYPE HTML> <html>    <head>       <script>          function drawShape(){             //

  5. HTM5 checkValidity（）メソッド

    HTML5 checkValidity（）は、GoogleChromeとOperaでも機能します。これも機能します： <!DOCTYPE html> <html>    <body>       <style>          .valid { color: #0B7866; }          .invalid { color: #0B6877; }      

  6. HTMLがすでに驚異を生み出していたときにCSSが導入された理由

    HTMLは、ハイパーテキストマークアップ言語の略で、Webページを開発するためにWebで最も広く使用されている言語です。 1991年後半にBerners-Leeによって作成されたHTML。1994年10月10日にHåkonWiumLieによって発明され、CSSワーキンググループと呼ばれるW3C内の人々のグループによって維持されているCSS。 Webページの表示を改善するためのより多くの制御を提供するために導入されたCSS。シンプルで簡単な方法でWebドキュメントのスタイルを制御するために使用されます。カスケードスタイルシート、レベル1（CSS1）は、1996年12月に推奨事項としてW3Cから

  7. 非常に大きなファイルを分割してAmazonS3にアップロードする

    Amazon S3に非常に大きなファイルを保存する場合は、10GB以上のサイズの構成済み仮想マシンを使用できます。 HTML5ファイルAPIでは、非常に大きなファイルはクライアント上で小さなビットに分割されます。サーバーは、ファイルを結合し、ファイル全体をS3に移動する責任があります。 EC2とS3の間でファイルを送信する費用はかかりませんが、このためには、大きなファイルを送信するために2つのアプリを維持する必要があります。 Amazonマルチパートアップロードでは、チャンクアップロードが失敗した場合、再開できます。 5GBのデータを1024の個別の部分に分割し、それぞれを個別に

  8. HTML5のドラッグアンドドロップはドロップされません

    これは、ドラッグオーバーイベントハンドラーがないためです。ただし、ドラッグオーバーイベントのデフォルトのイベントハンドラーが使用されます。その後、ドロップイベントはトリガーされません。 e.preventdefaultは、ドロップイベントの前のドラッグオーバーイベントに必要です。 ドロップを許可する場合、デフォルトのハンドラーはイベントをキャンセルできません。これは、属性定義のイベントリスナーからfalseを返すか、eventsevent.preventデフォルトメソッドを呼び出すことによって実行できます。 <div ondragover = "return false&qu

  9. HTML5 getCurrentPositionは、ほとんどの場合、iOSのPhoneGapで失敗します

    PhoneGapには、iOSで適切に機能するジオロケーションがありますが、IOS6では、getCurrentPositionが失敗コールバックを発生させます。失敗後、getcurrentPositionは成功または失敗のコールバックを呼び出します。 PhoneGapをIOS6で動作させるには、PhoneGap.plistをNoに設定する必要があります。yesに設定されている場合、ios6にはメモリの問題があります。 ただし、iOSではApacheCardovaをこの目的に使用できます。古いバージョンのCardovaには多くのバグがあるため、Cardovanewバージョンに更新する必要があり

  10. 生のバイナリデータを使用してsrcを使用するHTML5

    オーディオファイルがデータベースに保存されていて、オーディオソースがセッションに応じているアプリケーションでこのファイルをblobまたはバイナリとして使用する場合、バイナリデータは${sessionScope.user.music}を介して返されます。オーディオファイルをオーディオタグにロードするには、data：audio /mp3;base64が適切に機能します。 画像については、画像タグは次のように使用されます： <img src="data:image/gif;base64,source “,width="30" height="

  11. WebGL：HTML5でカラーバッファがクリアされないようにする

    コードで色を削除しても： mycanvas.clearColor(d[1],d[2],d[3],2.0); mycanvas.clear(can.COLOR_BUFFER_BIT ); 次の描画サイクルの開始時に画面がクリアされます。 WebGLRenderingContextを作成するために、以前の描画バッファを保持できます。 gl = someCanvas.getContext("webgl", { preserveDrawingBuffer: true }); デフォルトはpreserveDrawingBufferです。このプロパティをtrueにするとfalse

  12. HTML5ファイルAPIを使用してアップロードする前に、ファイルを一意に識別します

    HTML5ファイルAPIを使用してファイルアップローダーを作成する際、実際のデータに基づいて重複ファイルがアップロードされないようにする必要があります。 MD5を使用してハッシュを計算することは、クライアント側で行われるすべてのことであり、時間がかかるため、効率的な方法ではありません。 これに対するショートカットは実際にはありません。 混乱することなく重複ファイルを特定する必要がある場合は、最初に各ファイルの内容を読み取ってから比較する必要があります。 別の方法は、事前定義された不変ウィンドウを使用して、ファイルブロックの特定のサブセットのMD5ハッシュを見つけることです。

  13. HTML5の複数の「input：file」からFileListアイテムを削除します

    JavaScriptを使用してDOMからアイテムを削除する必要がある場合、FileListオブジェクトから直接削除することはできません。配列に以下を割り当てる必要があります： $('input:file#upload')[1].files その後、選択したスプライスまたはメソッドを使用してこの配列からアイテムを削除し、その配列を使用します。 別の方法は、HTMLファイルアップローダーを使用してファイルをアップロードし、JavaScriptを使用して対応するオブジェクトを削除することです。

  14. HTML5とJavaScript：<input type =filecapture=camera>の解像度またはサイズ

    デバイスが非常に大きな写真を撮っていて、携帯電話から小さな写真を撮るように設定したい場合は、2つのW3C方法で写真を撮ることができます。 これは、HTMLまたはJavaScriptのいずれかを介して実行できます。 HTMLメディアキャプチャ このため、HTMLは入力タグにcapture and accept =” image / *”を使用します。これにより、意図が指定されます。 ただし、この方法ではサイズを指定できません メディアキャプチャストリーム これにより、カメラへの完全にプログラムによるアクセスが可能になり、ユーザーはビデオや静止画像に対して独自のキャプチャダイアログを実装で

  15. HTML5キャンバス要素を印刷します

    以下は、HTML5キャンバス要素を表示するためのコードスニペットです。 <a href = "javascript:print_voucher()">PRINT CANVAS</a> function print_canvas() {    $("#canvas_voucher").printElement(); } ここでcanvas_voucherはcanvas要素のIDです。これを機能させるには、canvasを.png画像のURLに変換し、新しいブラウザウィンドウで開く必要があります。印刷ダイアログがトリ

  16. HTML5キャンバス上にランダムな色の正方形で満たされた円を描く

    ブラウザですべて異なる色の1x1ピクセルで円を塗りつぶす必要がある場合は、次のような簡単な方法を使用できます。 キャンバス上の200x200グリッドにランダムな色ですべてのピクセルを描画する 複合モードの変更 上に円を描く 例を見てみましょう： var canvas1 = document.getElementById('canvas'), // getting canvas element    ctx1 = canvas1.getContext('2d'), // getting context    x, y =

  17. HTMLを使用し、JavaScriptを使用しないクライアント側の検証

    HTML5クライアント側の検証エラーバブルを表示するには、必須の属性を使用します。 HTML5ではrequiredという新しい属性が導入され、次のように使用され、値を要求されるため、空のテキストボックスが送信されないなど、クライアント側の検証にJavaScriptを使用する必要はありません。 <!DOCTYPE HTML> <html>    <body>       <form action = "/cgi-bin/html5.cgi" method = "get&qu

  18. JavaScriptとHTMLのデフォルトディレクトリでファイルブラウザを開きますか？

    JavaScriptでファイルブラウザを開き、ファイルフォルダと同じデフォルトのディレクトリを設定したい場合、Windowsでは許可されていないため、これを行うことはできません。したがって、それは不可能です。例： C: :\Amit これは主に、Webコードがマシンに任意の値を設定できるようにするためのセキュリティリスクが原因です。 ディレクトリさえ存在するかどうかは保証できません。

  19. HTML5のGoogleマップマーカーを使用した効果とアニメーション

    APIを介してマーカーをフェードする方法はありません。 ただし、カスタムオーバーレイを作成することで、マーカーをシミュレートできます。 カスタムオーバーレイには通常、javascriptまたはjqueryで不透明度を制御できるdivが含まれています。 Googleマップマーカー上に効果やアニメーションを作成するには、カスタムオーバーレイが必要です。 マーカーをマップに追加することができ、それは確かに最適化されます：falseオプション var newmarkerimg= $('#map_canvas img[src*="iconmarker "][class

  20. KineticJs with HTMLのグループとレイヤーの違いは何ですか？

    KineticJSを使用してHTML5Webアプリケーションを作成する場合は、グループ化と階層化を使用する必要があります。 グループは基本的にコンテナですが、レイヤーは基本的にセパレータです。 グループは、元のグループのレイヤー内にシェイプされたオブジェクトを持つコンテナであり、円と長方形の両方が含まれている可能性があります。グループが操作されると、そのグループ内の要素も操作されます。たとえば、グループをドラッグすると、その要素もドラッグされます。 ただし、レイヤーは実際には、互いの上にあるキャンバス要素を分離します。これは、PhotoshopやIllustratorで機能するレイヤー

Total 5927 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:202/297  20-コンピューター/Page Goto:1 196 197 198 199 200 201 202 203 204 205 206 207 208