Javascript

 Computer >> コンピューター >  >> プログラミング >> Javascript
  1. HTML5のクライアント側ブラウザデータベースが必要です。私のオプションは何ですか？

    この目的のために、HTML5のローカルストレージを使用できます。ローカルストレージは、複数のウィンドウにまたがり、現在のセッションを超えて存続するストレージ用に設計されています。特に、Webアプリケーションは、パフォーマンス上の理由から、ユーザーが作成したドキュメント全体やユーザーのメールボックスなど、メガバイト単位のユーザーデータをクライアント側に保存したい場合があります。 if（localStorage.hits）{localStorage.hits =Number（localStorage.hits）+1; } else {localStorage.hits =1; } doc

  2. SVGテキストボックスの幅を決定するか、「x」文字の後に改行を強制する方法は？

    getBBox（）関数を使用して、一度に1つの単語をテキストオブジェクトに追加します。幅が広すぎる場合は、改行を追加する必要があります。 var a = Raphael(500, 500); var b = a.text(100, 100).attr('text-anchor', 'start'); var maxWidth = 100; var content = "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec semper mauris. Sed gravida

  3. AJAX呼び出しによって挿入されたIE8のHTML5要素を「有効にする」方法は？

    IEでHTML5要素を有効にするには、html5shivなどのプラグインを使用する必要があります。 HTML5 Shivは、従来のInternet ExplorerでHTML5セクショニング要素を使用できるようにし、InternetExplorer6-9の基本的なHTML5スタイルを提供します。 これで、 document.createElementを使用することもできます 要素を作成します。 var demo = document.createElement("demo"); demo.innerHTML = "Working!"; documen

  4. HTMLでのschema.orgSiteNavigationElementの正しい使用法は何ですか？

    schema.org SiteNavigationElement WebPageElementを拡張します。これは、すばらしいコンテキストリンクを作成するリンクをマークアップするために使用されます。 <nav role = "navigation" itemscope itemtype = "https://schema.org/SiteNavigationElement"> <ul>    <li>       <a href = "https://

  5. HTMLのAngularJSテンプレートからencodeURIComponentを呼び出すにはどうすればよいですか？

    encodeURIComponentを呼び出すフィルターを作成するには、以下はHTML-です。 <div ng-app = "app">    <a href = "/foo/{{ 'bar&baz' | encodeURIComponent }}">Demo</a> </div> 以下は私たちのAngularです- var app = angular.module('app', []); app.filter('encodeURIComp

  6. WebBrowserコントロールをIE9にHTMLで標準化するにはどうすればよいですか？

    WebBrowserコントロールをIE9標準に配置するには、HTMLWebページに次の行を追加する必要があります- InternetExplorer9でもこれを試すことができます- <meta http-equiv="X-UA-Compatible" content="IE=9" /> MicrosoftEdgeでもこれを試すことができます- <meta http-equiv="X-UA-Compatible" content="IE=edge" />

  7. HTMLのpushState状態オブジェクトとは正確には何ですか？

    pushSateを使用します ユーザーが履歴をさかのぼったときにページを更新するオブジェクト。履歴エントリを作成する選択した色を含める例を見てみましょう- function display(color) {    var myState = { selectedColor: color },    myTitle = "Page title",    myPath = "/" + color;    history.pushState(myState, myTitle, my

  8. 現在HTML5を最もよくサポートしているブラウザはどれですか？

    HTML5は、HTML 4.01、XHTML 1.0、およびXHTML1.1に代わるHTML標準の次のメジャーリビジョンです。 HTML5は、ワールドワイドウェブ上でコンテンツを構造化および表示するための標準です。 HTML5は、World Wide Webコンソーシアム（W3C）とWebハイパーテキストアプリケーションテクノロジーワーキンググループ（WHATWG）の間の協力です。 Apple Safari、Google Chrome、Mozilla Firefox、Operaの最新バージョンはすべて多くのHTML5機能をサポートしており、InternetExplorer9.0は一部のHT

  9. フォーム外のボタンHTMLタグは有効ですか？

    タグは、ドキュメント本文のどこでも有効です。これは、テキストレベルのマークアップが表示される可能性がある場合にのみ有効です。 HTMLでは、を使用してHTMLフォームにボタンを作成します。 タグ内に、テキストや画像などのコンテンツを配置できます。ただし、これはタグで作成されたボタンには当てはまりません。 button要素には、フォームの外部でデフォルトとしてtype=buttonがあります。静的なHTMLコンテンツとしてではなく、JavaScriptを介してボタンを生成することを検討できます。これは、スクリプトが無効になっている場合、役に立たないボタンのチェックに混乱が生じないためです。

  10. HTMLとの密接な接続後にWebSocketに再接続するにはどうすればよいですか？

    ソケットを再作成して再接続します。 WebSocketは、開いたままになるように設計されています。 このメソッドを使用して、サーバーに接続を閉じさせることもできます。これにより、WebSocketはoncloseイベントを発生させ、驚くほど接続を試み続けます。 さらに、サーバーが再度リッスンすると、接続が自動的に再確立されます。 例 次のコードを実行してWebSocketに再接続してみてください- // Socket Variable declaration var mySocket; const socketMessageListener = (event) => {  

  11. HTML5ベースのモバイル開発に最適なフレームワーク。

    以下は、HTML5ベースのモバイル開発に最適なフレームワークの一部です- 剣道UI Kendo UIを使用して、貴重なクロスプラットフォームモバイルアプリケーションを開発します。 ブートストラップ Bootstrapは、レスポンシブレイアウトを備えたモバイルアプリの開発を可能にするHTML、CSS、およびJSをサポートしています。 イオン Ionicは、モバイルアプリケーションの開発に使用されるオープンソースフレームワークです。ネイティブのルックアンドフィールでモバイルUIを構築するためのツールとサービスを提供します。イオンフレームワークをモバイルデバイスで実行するには、ネイティブラッパ

  12. HTML5CanvasまたはSVGの世界地図

    SVGを使用して世界地図を作成し、raphaeljsを操作できます。 まず、Raphael.jsを追加して、サークルを作成する方法を学びます。 var paper = Raphael(10, 50, 320, 200); // drawing circls var circle = paper.circle(50, 40, 10); circle.attr("fill", "#f00"); circle.attr("stroke", "#fff"); 次に、以下を参照して世界地図を作成します。

  13. AngularJSを使用してHTML<select>でnull値を設定します。

    null値を設定するには、ここにコントローラーがあります- function display($scope) {    $scope.obj ={"selected":null};    $scope.objects = [{id: 1, value: "Yes"}, {id: 0, value: "No"}] } 以下はテンプレートです- <div ng-controller = "display">    <select ng-mod

  14. HTML5 History APIをサポートしているブラウザはどれですか？

    WebKitベースのブラウザとFirefox4は、主にHTML5HistoryAPIをサポートしています。ただし、現在、ほとんどすべての最新のブラウザがこれをサポートしています。 Firefox 4+ Google Chrome InternetExplorer10以降 Safari 5+ iOS 4

  15. HTML5を使用すると、Webブラウザ内からローカルクライアントファイルを操作できますか？

    いいえ、HTML5ではローカルクライアントファイルを直接操作することはできません。これには、ドラッグアンドドロップまたはファイルシステムAPIを使用できます。 例 HTML5を使用したWebブラウザでのドラッグアンドドロップの例を見てみましょう- <!DOCTYPE HTML> <html>    <head>       <style>          #boxA, #boxB {float:left;padding:10px;margin:1

  16. HTML5キャンバスデータをファイルに保存する方法は？

    PNGStreamを使用して、HTML5キャンバスをファイルに保存します。 var f = require('fs') , out = f.createWriteStream(__dirname + '/text.png') , stream = canvas.pngStream(); stream.on('data', function(chunk){    out.write(chunk); }); stream.on('end', function(){    console.log(

  17. HTMLを使用したCSS3でシンフォントをよりスムーズにレンダリングするにはどうすればよいですか？

    細いフォントをよりスムーズにレンダリングするには、-を使用します text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; Google Chromeの場合は、-を使用します -webkit-font-smoothing:antialiased !important; このようにパフォーマンスを向上させることができます- text-rendering: auto tex

  18. HTML5 <input type =“ file” accept =“ image / *” Capture =“ camera”>「ファイルを選択」ボタンではなく画像として表示

    JavaScript FileReaderを使用して、ユーザーが画像を選択できるようにします。 例を見てみましょう- <form id = "myform" runat = "server">    <input type = 'file' id = "myimg" />    <img id = "myid" src = "#" alt = "new image" /> </f

  19. HTML5データ-*属性タイプのキャスト文字列と数値

    数値と文字列のデータ属性型キャストには、-を使用します [...document.querySelectorAll("a")].forEach(a =>    console.log("type: %s, value: %o", typeof a.dataset.value, a.dataset.value) ); 上記は次のデータ属性用です- <a data-value = "6.0">6.0</a> <a data-value = "6.5">6.5

  20. HTML5オーディオMP3サポートを検出する方法

    HTML5オーディオMP3サポートを検出するには、Modernizrライブラリを使用します。 公式仕様に記載されているとおり- 出典-Modernizrの公式ドキュメントのスクリーンショット HTML5オーディオMP3サポートを検出するために、User-Agentをチェックして、使用されているブラウザを検出することもできます。 JavaScriptを使用してテストすることもできます- var x = document.createElement('audio'); return !!(x.canPlayType && x.canPlayType

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