Javascript

 Computer >> コンピューター >  >> プログラミング >> Javascript
  1. Android4.0.1はWebViewHTML5ローカルストレージを壊しますか？

    この問題を解決するには、以下の手順に従ってください- 4.4未満のAndroidバージョンの場合、このようなディレクトリとしてファイルスキームを使用してWebビューにデータをロードすることはできません。 browser.loadDataWithBaseUrl("file:///android_asset/", html, "text/html", "UTF-8", null); ファイル名を追加すると、古いバージョンのAndroidで機能します- browser.loadDataWithBaseUrl("file:///a

  2. 要求されたURLに関係なく、1つのファイルのみを配信するようにCDNを構成する

    CDNを使用して目的を達成します。 CloudFlareをユーザーとCDN間のリバースプロキシとして使用して、目的を達成できます。 index.htmlに必要なものをリダイレクトするルールを作成することもできます。これは、CDNが、ご存知のように静的な既存のファイルのみを提供するように構成されていることを考慮して、必要な方法を実行する方法です。 コンテンツ配信ネットワーク（CDN）は、ブロブやその他の静的コンテンツなどをキャッシュに入れます。このプロセスには、戦略的に選択された場所にデータを配置し、それをキャッシュすることが含まれます。その結果、ユーザーへの配信に最大の帯域幅を提供します。ア

  3. HTML5 SVGで正弦波を描く方法は？

    SVGで正弦波を描画するには、正弦波の半分に近い次のものを使用します。私は3次ベジェ近似を使用しました。 要素を使用します。 例 <!DOCTYPE html> <html>    <head>       <title>SVG</title>       <meta charset = "utf-8" />    </head>    <body> &nbs

  4. HTML5SVGを画面の中央に揃えます

    SVGはScalableVectorGraphicsの略で、XMLで2Dグラフィックスとグラフィカルアプリケーションを記述するための言語であり、XMLはSVGビューアによってレンダリングされます。 例 SVGの例を見てみましょう- <!DOCTYPE html> <html>    <head>       <style>          #svgelem {             p

  5. キャンバスのHTML5要素を使用して画像を下の中心角から回転させる方法は？

    画像のサイズを32、120に変換- context.translate(32, 120); キャンバスを回転させます- context.rotate(90 * Math.PI/180); 画像を描画します- context.drawImage(img, -32, -120, 64, 120);

  6. Internet Explorerは、<main>要素の背景色をレンダリングできません。

    InternetExplorer11は要素をサポートしていません。次のJSのModernizrを使用してサポートを追加します- document.createElement('main'); 上記の要素を追加しても、ブラウザの要素は得られないため、最後に次のCSSを使用する必要があります- main {    display:block; }

  7. 同じページでHTMLビデオのリロードを繰り返さないようにするにはどうすればよいですか？

    preload =” auto”を使用します 同じページでHTMLビデオが繰り返し再ロードされないようにするため- <!DOCTYPE html> <html>    <body>       <video width = "350" height = "200" controls = "controls" preload = "auto">          <

  8. HTML5でWebワーカーを使用するにはどうすればよいですか？

    Web Workersを使用すると、クリックやその他のユーザーインタラクションに応答するスクリプトによって中断されることなく、長時間実行されるスクリプトが可能になり、ページの応答性を維持するために譲歩せずに長いタスクを実行できます。 Webワーカーはバックグラウンドスクリプトであり、比較的重量があり、大量に使用することを目的としていません。たとえば、4メガピクセルの画像のピクセルごとに1つのワーカーを起動することは不適切です。 Webワーカーは、ワーカーが実行するコードを含むJavaScriptファイルのURLで初期化されます。このコードは、イベントリスナーを設定し、メインページからイベン

  9. ローカルストレージへのクレデンシャルの保存

    ローカルストレージは、複数のウィンドウにまたがり、現在のセッションを超えて存続するストレージ用に設計されています。特に、Webアプリケーションは、パフォーマンス上の理由から、ユーザーが作成したドキュメント全体やユーザーのメールボックスなど、メガバイト単位のユーザーデータをクライアント側に保存したい場合があります。 クレデンシャルをローカルストレージに保存するには、ログインに成功すると、ユーザーのクレデンシャルとは関係のない完全にランダムな文字列を生成します。これをデータベースに保存する必要があります。有効期限を追加することを忘れないでください。その文字列をJavaScriptに渡して、ローカ

  10. 漂遊HTML</p> 終了タグが空の段落を生成するのはなぜですか？

    公式のHTMLドキュメントには、終了p、つまりが既存のタグと一致しない場合は要素を作成する必要があると記載されています。 HTML4 DTDは、終了タグはp要素のオプションであると述べていますが、開始タグは必須です。 ただし、HTML4のSGML宣言では、OMITTAGがYESであると記載されています。これは、開始タグを暗黙指定できることを意味します。

  11. HTML5クライアント側の検証エラーバブルを表示するにはどうすればよいですか？

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

  12. HTMLとJavaScriptでアップロードする前後の画像をプレビューするにはどうすればよいですか？

    アップロードの前後に画像をプレビューするには、次のコードを試す必要があります-HTML <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <form id = "form1" runat = "server">    <input type ='file' id = "demo" />  

  13. HTML5を使用したレスポンシブデザインでズーム機能を無効にする方法は？

    レスポンシブデザインでズーム機能を無効にするには、METAビューポートタグを作成する必要があります。 これで、user-scalableプロパティを-のように「no」に設定します。 user-scalable=no HTMLコードに以下を追加して、レスポンシブデザインのズーム機能を無効にします- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

  14. FirefoxでHTML5ビデオが再生されない

    HTML5ビデオはFirefoxWebブラウザで動作するはずです。それでも機能しない場合は、次のことを試してください- Firefoxをセーフモードで起動 拡張機能が問題を引き起こしていないかどうかを確認します。 拡張機能に移動します。 ハードウェアアクセラレーションをオフにしてみてください。 デフォルト値がないメディア設定を確認する必要があります。 media.windows-media-foundation.enabledの場合 falseに設定されている場合は、trueに設定して再起動する必要があります。 上記の修正のいずれかが機能するはずです。

  15. 必要な属性を持つHTML5入力を検証しない方法

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

  16. CSSコンテンツ：HTML5の進行状況に関するattr（）が機能しない

    CSSに静的コンテンツを追加して、機能させる必要があります。 例を見てみましょう- HTML <progress max = "100" value = "60" data-value = "5"></progress> 次のCSSを追加する必要があります。これは、HTML5プログレス要素の前後にCSS生成コンテンツを追加するためのものです- progress::-webkit-progress-bar:before, progress::-webkit-progress-bar:after {  

  17. HTML5でリアカメラを有効にする

    リアカメラを有効にするには、まず-を使用します MediaStreamTrack.getSources(gotSources); 次に、ソースを選択し、オプションとして getUserMediaに渡します。 メソッド。 この方法は、ユーザーが最大1つのビデオ入力デバイスを使用するためのアクセス許可を設定するのに役立ちます- var a = {    audio: {       optional: [{sourceId: audioSource}]    },    video: {   &

  18. HTMLでモバイルブラウザのツールチップを取得する

    title属性を持つ要素をクリックすると、タイトルテキストを持つ子要素が追加されます。例を見てみましょう- HTMLの場合- <p>    The <span class="demo" title="this is underscore">underlined</span> character. </p> jQuery − $("span[title]").click(function () {    var $title = $(thi

  19. HTML5Canvasのクロスオリジンデータ

    キャンバスのクロスオリジンデータの場合、次の属性を

  20. HTML 5に移行し、マルチブラウザの互換性を約束する方法はありますか？

    はい、このアプローチに従ってください- HTML5 doctypeに移動- を使用するか、などの新しい要素を使用します または新しいHTML5タグまたはでも、古いタグを使用できます。 コントロールには下位互換性もあります。 は、それをサポートしていないブラウザのと同じように機能します。 ただし、従来のInternet Explorerで作業している場合は、html5shivを使用してください。従来のInternetExplorerでHTML5セクショニング要素を使用できるようにします。

Total 5927 -コンピューター  FirstPage PreviousPage NextPage LastPage CurrentPage:215/297  20-コンピューター/Page Goto:1 209 210 211 212 213 214 215 216 217 218 219 220 221