プログラミング javascript

9

私は今Reactを行っていますが、条件付きスタイリングを行う「正しい」方法があるかどうか疑問に思っていました。彼らが使用するチュートリアルでは style={{ textDecoration: completed ? 'line-through' : 'none' }} インラインスタイルを使用したくないので、代わりにクラスを使用して条件付きスタイルを制御したいと思います。Reactの考え方でこれにどのようにアプローチしますか？それとも、このインラインスタイリング方法を使用する必要がありますか？

101 javascript reactjs

19

'react-scripts'は内部または外部コマンドとして認識されません

Mavenプロジェクトがあります。その中にはJavaScriptプロジェクトがgitサブモジュールとして複製されています。したがって、ディレクトリ構造は次のようになります。 mavenapp/src/main/javascript/[npm project files] 私のpackage.json内では、テストは次のようになります。 "test": "react-scripts test --env=jsdom", しかし、npm testを実行しようとすると、 'react-scripts'は、内部コマンドまたは外部コマンドとして認識されません。興味深いことに、javascriptプロジェクトを個別に複製すると、このエラーは発生しません。再実行してみましたnpm install。 npm version : 5.5.1 node version : 9.3.0

101 javascript node.js git maven

8

JavaScriptオブジェクトを検査する方法

警告ボックス内のオブジェクトを検査するにはどうすればよいですか？通常、オブジェクトに警告すると、ノード名がスローされます。 alert(document); しかし、アラートボックスでオブジェクトのプロパティとメソッドを取得したいと考えています。可能であれば、どうすればこの機能を実現できますか？または他の提案はありますか？特に、console.logとFirebugが利用できない運用環境向けのソリューションを探しています。

100 javascript object inspect

18

ブートストラップドロップダウンメニューが機能しない

ドロップダウンを機能させるのに問題があります。ナビゲーションバーを完全に表示することはできますが、[ドロップダウン]（どちらか）をクリックすると、ドロップダウンメニューが表示されません。私はこれについて他の投稿を調べてみましたが、誰の問題も解決するものは何もありませんでした。ブートストラップのウェブサイトから直接ソースをコピーしましたが、自分のマシンで動作させることができないようです。誰かアイデアはありますか？私はそれを1時間じっと見ていましたが、何が問題なのか理解できません。 <head> <script src="resource/js/jquery-1.11.0.js"></script> <script src="resources/js/bootstrap.js"></script> <script type="text/javascript"> $(document).ready(function() { $('dropdown-toggle').dropdown() }); </script> </head> <body> <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data- target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> …

100 javascript jquery html css twitter-bootstrap

13

jQueryを使用して1つのタグを別のタグに置き換える

ゴール： jQueryを使用して、次のすべての出現箇所を置き換えようとしています。 <code> ... </code> と： <pre> ... </pre> 私の解決策：私は次のところまで行きました、 $('code').replaceWith( "<pre>" + $('code').html() + "</pre>" ); 私の解決策の問題：しかし、問題は、（2番目、3番目、4番目など）「コード」タグ間のすべてを最初の「コード」タグ間のコンテンツで置き換えることです。例えば <code> A </code> <code> B </code> <code> C </code> なる <pre> A </pre> <pre> A </pre> <pre> A </pre> 「これ」とある種の関数を使用する必要があると思いますが、私はまだ学んでいるのではないかと思い、ソリューションを組み合わせる方法を本当に理解していません。

100 javascript jquery replace

5

CSS移行時のコールバック

CSSの移行が完了したときに通知（コールバックなど）を受け取ることはできますか？

100 javascript css css-transitions

3

JavaScript：Chromeデバッガーツールで条件付きブレークポイントを設定する方法

私は、日付を連続的に出力するこの単純なjsファイルを持っています。 Google Chromeデバッガツール（F12）を使用しています私の質問は、「Google Chromeで条件付きブレークポイントを設定することは可能ですか？」私のコードでは、秒の値が50に等しい場合にブレークポイントを設定したいですか？ s = date.getSeconds(); これは私のソースがあるjsfiddleです（なぜそれがjsfiddleで機能しないのかわからない）とにかく私の質問は、クロムデバッガツールで条件付きブレークポイントを設定することは可能ですか？

100 javascript google-chrome

6

HTML5では、WebアプリでピアツーピアのHTTP接続を確立できますか？

中央サーバーの助けを借りて、同じWebアプリの他のユーザーとの直接接続を作成できるWebアプリを作成することは可能ですか？UDPホールパンチングに似たプロセスを想像しています。 HTML5の新しいWebSockets APIについて読みましたが、全二重接続を開始する前に、WS互換サーバーとの接続を開始する必要があります。クライアント間の直接接続を確立するプロセスについてさらに考えています。サーバーは最初のハンドシェイクにのみ関与します。注：Javaアプレットはカウントされません。興味があるのは、標準のブラウザ技術だけです。

100 javascript ajax html

1

onclickの値で「javascript」の代わりに他の単語が使用されている場合、ブラウザがエラーをスローしないのはなぜですか？

私はウェブサイトを継承し、この好奇心に出会いました。 <a href="/delete" onClick="jamoscript:return confirm('Do you really want to do that?');">Delete all</a> 「jamoscript」を「javascript」に変更する場合とまったく同じように、それを含むページを表示してリンクをクリックすると、確認ダイアログボックスが表示されます。ページがロードされたとき、またはリンクがクリックされたときに、Firebugコンソールに診断が表示されません。なに？jamoscriptをグーグルしても、興味深いことは何もありません。誰かがこの動作を説明できますか？

100 javascript html

2

「拡張」オプションはgrunt-contrib-copyで何をしますか？例はすべてそれを使用していますが、ドキュメントはそれが何をするかについて何も言っていません

READMEと例は次のとおりです：https : //github.com/gruntjs/grunt-contrib-copy/blob/master/README.md。 https://github.com/gruntjs/grunt-contrib-copy/blob/master/tasks/copy.jsからのコードの関連部分（私はどうやら理解できないようです）は次のとおりです。 module.exports = function（grunt）{ '厳格な使用'; var path = require（ 'path'）; grunt.registerMultiTask（ 'copy'、 'Copy files。'、function（）{ var kindOf = grunt.util.kindOf; var options = this.options（{ processContent：false、 processContentExclude：[] }）; var copyOptions = { プロセス：options.processContent、 noProcess：options.processContentExclude }; grunt.verbose.writeflags（options、 'Options'）; var dest; var isExpandedPair; var tally = { dirs：0、ファイル：0 }; this.files.forEach（function（filePair）{ isExpandedPair …

100 javascript gruntjs

6

このJavaScriptパターンは何と呼ばれ、なぜ使用されているのですか？

私は勉強してTHREE.jsをし、関数がそうのように定義されたパターンに気づきました： var foo = ( function () { var bar = new Bar(); return function ( ) { //actual logic using bar from above. //return result; }; }()); （例はレイキャスト法を参照してくださいここに）。このようなメソッドの通常のバリエーションは次のようになります。 var foo = function () { var bar = new Bar(); //actual logic. //return result; }; 最初のバージョンを通常のバリエーションと比較すると、最初のバージョンは次の点で異なっているようです。自己実行関数の結果を割り当てます。この関数内でローカル変数を定義します。ローカル変数を使用するロジックを含む実際の関数を返します。 …

100 javascript closures iife

5

Requirejs domReadyプラグイン対Jquery $（document）.ready（）？

私はRequireJSを使用しており、DOM上で何かを初期化する必要があります。現在、RequireJSはdomReadyプラグインを提供していますが、jQueryがすでにあるので、jQuery $(document).ready()が必要になったため、これを利用できます。だから私は2つのオプションを持っています： domReadyプラグインを使用します。 require(['domReady'], function (domReady) { domReady(function () { // Do my stuff here... }); }); 使用$(document).ready()： $(document).ready(function() { // Do my stuff here... }); どちらを選択する必要がありますか。その理由は何ですか。どちらのオプションも期待どおりに動作するようです。RequireJSがその魔法をやっているので、jQueryのものには自信がありません。つまり、RequireJSはスクリプトを動的に追加するので、動的に要求されたすべてのスクリプトが読み込まれる前にDOMレディが発生するのではないかと心配しています。一方、RequireJSは、domReadyjQueryがすでに必要な場合にのみ、追加のJSに負担をかけます。ご質問 domReadyjQueryを使用できるのに、なぜRequireJSがプラグインを提供するの$(document).ready();ですか？別の依存関係を含めることの利点はありません。ニーズを満たすだけの場合は、クロスブラウザAJAXに提供してみませんか？私の知る限りでは、必要なモジュールdomReadyは、ドキュメントの準備が整った後にフェッチまたは実行されることはなく、jQueryを必要とする同じことを行うこともできます。 require(['jQuery'], function ($) { $(document).ready(function () { // Do my stuff here... }); }); ：私の質問に、より明確にするために必要と違い何domReadyかがjQuery？

100 javascript jquery html requirejs document-ready

6

AngularJS：シングルページアプリケーションで認証を使用する基本的な例

私はAngularJSを初めて使用し、彼らのチュートリアルを経験しました。各RESTエンドポイントを認証する必要があるプロジェクトのバックエンドの準備ができています。私は何をしたい。）私は自分のプロジェクトのための単一のページを持っていると思いますhttp://myproject.com。 b。）ユーザーがブラウザーでURLにアクセスすると、ユーザーがログインしているかどうかに基づいて、同じURLでホームページ/ビューまたはログインページ/ビューが表示されますhttp://myproject.com。 c。）ユーザーがログインしていない場合、フォームに記入し、サーバーUSER_TOKENがセッションを設定するため、エンドポイントへの以降のすべてのリクエストは、USER_TOKEN 私の混乱 a。）AngularJSを使用してクライアント側の認証をどのように処理できますか？私はこことここを見ましたが、それらの使用方法を理解していませんでした。b。）ユーザーが同じURLでログインしているかどうかに基づいて、ユーザーに異なるビューを表示するにはどうすればよいですか。http://myproject.com 初めてangular.jsを使用していて、開始方法について本当に混乱しています。アドバイスやリソースは大歓迎です。

100 javascript angularjs authentication login

5

HTML5 + JavaScriptを使用したプレゼンテーションの基本フレームワーク

この投稿を改善してみませんか？この質問に対する詳細な回答を提供してください。これには、引用や、回答が正しい理由の説明が含まれます。詳細が不十分な回答は編集または削除される場合があります。 HTML5とJavaScriptテクノロジのみを使用してプレゼンテーションを作成するためのフレームワークを知っていますか？さまざまなプレゼンテーションソフトウェア（PowerPointまたはOOoプレゼンテーション）の "エクスポート"機能について話しているのではありません。この「フレームワーク」で作成されたプレゼンテーションのいくつかの要件：最新のHTML5機能（オーディオ、ビデオ、キャンバス？）を利用する CSS3と同じ（フォントサポート、グラデーション、シャドウ、トランジション、変換）そのようなものがない場合は、主題に関する優れたプレゼンテーションまたはポインタの例をいただければ幸いです。編集：良い例であるHTML5-次のレベルへのWeb開発を見つけました。

100 javascript html presentation

3

JointsWP4（SASS）：スティッキーのプロパティの変更

TL; DR：Stickyは、JavaScriptを使用して加えた変更に実際に反応できますか？もしそうなら、どうですか？（プロジェクトはFoundation 6.2とWordPress 4.4を使用しており、テーマはNode.js / npmとgulp 4.0を使用してインストールされています。私の質問は、詳細には太字でマークされています。） navFoundationのスティッキープラグインを使用してバーをスティッキーにしたいのですが、ボタンをクリックしたときだけです。つまり、DOMがすべて終了しても、navバーは「それ自体」に固執するのではなく、ドキュメントの一番上の位置に留まります。さらに、下にスクロールすると消えますが、上にスクロールすると固執します。 navバーが正しく、すべての必要に包まれているdivので、S navバーが固執することができます。「追加」の部分で問題が発生します。私のアイデアは、最初にPHPを使用してスティッキーをインスタンス化することでした： <div data-sticky-container> <header class="header" role="banner" id="sticky_header" data-sticky data-top-anchor="1" data-btm-anchor="content:top" data-options="marginTop:0;" style="width:100%" > <?php get_template_part('parts/nav', 'offcanvas-topbar'); ?> </header> </div> その後、data-btm-anchorクリックで起動するJavaScriptを使用して、現在のスクロール位置に変更します。これはうまくいきませんでした。これまでに試したこと：使用する場合はgetElementByID、その後とsetAttribute、data-btm-anchorPHPファイルの中には、Firebugのに応じて変更を行いますが、それは影響しないnavバーを少し。それはどこにでも留まります。スティッキーを「再インスタンス化」する必要はありますか。ドキュメントが言及します： JavaScriptでオプションを設定するには、次のようにオブジェクトをコンストラクター関数に渡す必要があります。 var options = { multiExpand: true, allowAllClosed: false }; var accordion = new Foundation.Accordion($('#some-accordion'), options); つまり、既存のプラグインインスタンスに新しいパラメータを渡すことができるということですか。オプションの配列パラメーターとして、Foundation.Sticky異なるbtmAnchorだけを含む新しいオブジェクトをmyに渡してjQuery('#sticky_header')も、何も起こりませんでした。ドキュメントはまた、私の「sticky_header」にスティッキーを追加するプログラムで提案しています。それがうまくいった場合は、jQueryオブジェクトを直接変更してみることができます。これまでのところ、Stickyプラグインをヘッダーに正常にバインドすることができました。 …

100 javascript jquery wordpress zurb-foundation zurb-foundation-6

タグ付けされた質問 「javascript」

タグ付けされた質問「javascript」