Javascript

 Computer >> コンピューター >  >> プログラミング >> Javascript
  1. ブロック要素内のテキストをHTMLで垂直方向に整列

    公式仕様に従って、をフレックスコンテナとして宣言し、align-itemsを使用してテキストを交差軸に沿って垂直方向に整列させる必要があります。 display: flex; align-items: center; -に移動することもできます display: -moz-box; -moz-box-align: center; 以下は、Flexboxの使用法を示す画像です-

  2. iPad（iOS6）上のSafariは、HTML5ビデオをページ幅の100％に拡大縮小しません

    この問題を解決するには、レスポンシブパディングを使用します。ここで、パディングトップは幅のパーセントになります。 ビデオのCSS- #video-box {    padding-top: 56.25%;    position: relative; } video, object {    width: 100%;    height: 100%;    top: 0; display: block;    position: absolute; }

  3. 再生する前にHTML5ビデオが読み込まれないようにするにはどうすればよいですか？

    再生前にHTML5ビデオが読み込まれないようにするには、次のコードを実行してみてください。 プリロードを使用する必要があります 属性を設定し、noneに設定します- <!DOCTYPE html> <html>    <body>       <video width = "350" height = "200" controls = "controls" preload = "none">    

  4. HTML5サーバー送信イベントに相当するMicrosoftはありますか？

    HTML5サーバー送信イベントの目標を達成するため- ポリフィルを試す IE10とIE11でも機能します。 -で始まります if ("EventSource" in global) return; EventSourceをサポートしていないWebブラウザでのみ実行されます。 次のGitを参照してください WebSocketを試す IE10およびIE11で動作し、双方向通信オプションも提供します。

  5. HTMLを使用したクライアント側の画像処理

    クライアント側の処理とアップロードについては、次のコードを実行してみてください- <?php    if (isset($_FILES["image"])) {       $ iSize = getimagesize($_FILES["image"]["tmp_name"]);       if ($iSize!== false) {          $myFile = "/tmp/&

  6. 線のようなHTML5キャンバスの描画がぼやけて見える

    ぼやけた問題を解決するには、ピクセルをオーバーラップさせる必要があります。値を-に変更できます context.moveTo(20.5, 0); context.lineTo(20.5, 50); このように高さと幅を設定することもできます- canvas1 = document.getElementById(‘canvas'); canvas1.width = 250; canvas1.height = 250; サイズを設定します- canvas1.style.width = "100px"; canvas1.style.height = &qu

  7. HTMLによるEmber.jsブラウザのサポート

    Ember.jsは、Webアプリケーションの開発に使用されるオープンソースの無料のJavaScriptクライアント側フレームワークです。 データを含む完全なソリューションを提供することで、クライアント側のJavaScriptアプリケーションを構築できます 管理とアプリケーションの流れ。 MVC（Model-View-Controller）アーキテクチャパターンを使用します。 Ember.jsでは、ルートがモデルとして使用されます ビューおよびコントローラーとしてのハンドルバーテンプレートは、モデル内のデータを操作します。 次のブラウザがEmberでサポートされています- インターネット

  8. HTML5Canvasでのキーダウン用のaddEventListener

    tabindexを使用する CanvasのaddEventListenerのcanvas要素の属性- var myTarget, myCanvas; window.onload = function() {    myCanvas = document.getElementById('canvas');    document.addEventListener('mousedown', function(event) {       myTarget = event.target; &n

  9. HTML5を使用したデスクトップWebアプリケーションとしてのIonicの使用

    Ionicは、ハイブリッドモバイルアプリの構築を目的としたHTML5モバイルアプリ開発フレームワークです。 Ionicは、アプリが魅力的である必要があるすべてのルックアンドフィールとUIインタラクションを処理するフロントエンドUIフレームワークと考えてください。 「BootstrapforNative」のようなものですが、幅広い一般的なネイティブモバイルコンポーネント、洗練されたアニメーション、美しいデザインをサポートしています。 Ionicフレームワークをモバイルデバイスで実行するには、ネイティブラッパーが必要です。Ionicはモバイル専用に構築およびテストされています。 Interne

  10. HTMLを使用したモバイルブラウザでのCSS3HWGPUアクセラレーション用のSVGベースのスプライトシートの最適化

    最適化のために、フレームのzindexを変更します。このレイヤーでは、画像を重ねてちらつきを解消します。これは、再描画中に最後のフレームが引き続き表示されるためです。 最新のフレームのzindex値を増やし続けます。 注 − zindexを再度リセットする必要があります。これにより、ちらつきを抑えることができます。

  11. Visual StudioにHTML5検証を追加することは可能ですか？

    HTML5検証では、IntelliSenseと検証サポートをVisualStudioにインストールする必要があります。 HTML5はVisualStudio2012でサポートされています。 VS 2010はIntelliSenseをサポートしていましたが、VS 2012は対応するスニペットを追加して、マークアップをすばやく簡単に記述できるようにしました。 手順に従ってください- VisualStudio2012を起動します オプションに移動します メニュー オプション設定画面が表示されたら、検証に移動します。

  12. 最終的にHTMLサポートにPhoneGapを使用するのに、IBM Worklightを使用するのはなぜですか？

    IBM Worklightは、開発用の完全なプラットフォームです。 Worklight内では、PhoneGapライブラリでは実行できない多くの主要な機能を実行できます。 PhoneGapは、モバイルアプリケーションの開発に使用されるAdobeSystemによるソフトウェア開発フレームワークです。 PhoneGapを使用してアプリを開発するために、開発者はモバイルプログラミング言語の知識を持っている必要はなく、HTML、CSS、JScriptなどのWeb開発言語のみを持っている必要があります。 PhoneGapは、iOS、Android、BlackBerry、WindowsMo​​bileOS

  13. HTMLを使用した入力タイプDateTime値の形式

    input type =” datetype”を使用します。日時入力タイプは、HTMLでを使用して使用されます。これを使用して、ユーザーが日付と時刻を選択できるようにします。入力フィールドがクリックされるたびに、日時ピッカーのポップアップが表示されます。 <!DOCTYPE html> <html>    <head>       <title>HTML input datetime</title>    </head>    <

  14. HTMLでフォームデータを失うことなく現在のページをリロードするにはどうすればよいですか？

    フォームデータを失うことなく現在のページをリロードする最も簡単な方法は、永続ストレージ（localStorage）またはセッションベース（sessionStorage）があり、Webブラウザまでメモリに残っているWebStorageを使用することです。閉じています。 ページをリロードしようとしているときにこれを試してください window.onbeforeunload = function() {    localStorage.setItem(name, $('#inputName').val());    localStorage.

  15. HTMLでウィンドウの外にドラッグするときにFirefoxでdragleaveイベントを検出するにはどうすればよいですか？

    どの要素を追跡する必要がありますかdragenter およびドラッグリーブ トリガーされていました。個々の要素でdragenterとdragleaveをリッスンすると、その要素のイベントだけでなく、子のイベントもキャプチャされます。 $.fn.draghover = function(options) {    return this.each(function() {       var collection = $(),       self = $(this);      

  16. HTML5 Canvasカメラ/ビューポートを実際に操作するにはどうすればよいですか？

    ビューポートを使用するには、drawImage（）メソッドを使用します。 ctx.clearRect(0,0,game.width,game.height); // a full background image ctx.drawImage(background,cropLeft,cropTop,cropWidth,cropHeight, 0,0,viewWidth,viewHeight); ゲームの場合- var myGame = document.getElementById("game"); var myCtx= myGame.getContext("2d&

  17. HTML5キャンバスからPNGファイルへ

    HTML5キャンバスをPNGに変換するには、以下の手順に従います- 生成されたデータURLをタグのhref属性に追加する必要があります。 base64画像のダイアログ- <img src="data:image/png;base64,iOBVRw0KGgoAAAANSUhEUg...." class="image" /> ファイル名を追加- <a download="newimg.png" href="..."> 次に、 httpを定義します ヘッダー − headers=Conten

  18. <section>や<article>のような新しいHTML5要素は役に立たないのですか？

    要素とはスクリーンリーダーにも役立ち、視覚障害のあるユーザーがWebページのコンテンツを読むのに役立ちます。これらは電子書籍リーダーにも役立ちます。 両方の要素を操作する方法を見てみましょう。 <!DOCTYPE html> <html>    <head>       <title>HTML Section Tag</title>    </head>    <body>      

  19. HTML5でファイル入力を記憶して再入力する

    再入力するには、ドラッグアンドドロップを使用します。これは以前は不可能でしたが、現在は有効です。 方法を見てみましょう- function drop(ev) {    ev.stopPropagation();    ev.preventDefault();      // retrieving dataTransfer field from the event    var d = ev.dataTransfer;    var files = d.files;   &nb

  20. HTML5でのクロスオリジン属性の使用法は何ですか？

    公式仕様では、クロスオリジン属性は-と記載されています。 The crossorigin attribute is a CORS settings attribute. Its purpose is to allow images from third-party sites that allow cross-origin access to be used with canvas. CORSヘッダーと組み合わせると、要素で定義され、外部からロードされた画像をキャンバスで使用できるようになります。手順は、現在のオリジンからロードされるようなものです。 これを使用して、jsエラーをログに記録

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