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

ECMAScript(JavaScript / JS)とそのさまざまな方言/実装(ActionScriptを除く)でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

17
ChromeデベロッパーツールにすべてのJavaScriptファイルが表示されなくなった
すべてのJavaScriptファイルがChormeDeveloperツールに表示されるわけではありません。 GoogleChromeは最新です。バージョン44.0.2403.130mアプリのデバッグバージョン。頭の中のスクリプト。 <script src="/Scripts/jquery-ui-1.8.24.js"></script> <script src="/Scripts/jquery.validate.js"></script> ... <script src="/Client/Statics/GuiContainers.js"></script> <script src="/Client/ClientDAL.js"></script> <script src="/Client/ClientLayoutUpdater.js"></script> <script src="/Client/ClientRenderer.js"></script> <script src="/Client/ControllerLocator.js"></script> スクリプトの最初の部分は、localhost / Scripts / *パスの[ソース]メニューのChromeデベロッパーツールに表示されます。スクリプトの2番目の部分は、昨日から表示されていません。開発者ツールの問題は何ですか? JavaScriptコンソールにエラーはありません。[ネットワーク]タブでJavaScriptファイルのリクエストが成功したことを確認できます。すべてのJavaScriptが読み込まれます。アプリケーションは正常に動作します。 開発者ツールの問題は何ですか?誰かアイデアがありますか? ローカルホストの「フォルダー」をワークスペースに追加すると、サーバー側のソースファイルも含め、すべてが表示されます。

3
参照コールバックの前に呼び出されたcomponentDidMount
問題 refインライン関数定義を使用してreactを設定しています render = () => { return ( <div className="drawer" ref={drawer => this.drawerRef = drawer}> 次にcomponentDidMount、DOM参照が設定されていません componentDidMount = () => { // this.drawerRef is not defined 私の理解では、refコールバックはマウント中に実行する必要がありますが、console.logステートメントを追加するcomponentDidMountと、refコールバック関数の前に呼び出されます。 私は、例えば、見てきた他のコードサンプルこの議論githubの上には、同じ仮定を示すcomponentDidMountと呼ばれるべき後の任意refに定義されたコールバックrenderそれはさえています、会話の中で述べました それで、すべてのrefコールバックが実行された後、componentDidMountが起動されますか? はい。 私はreact15.4.1を使用しています 私が試した他の何か ref関数が呼び出されていることを確認するために、クラスで関数を定義してみました setDrawerRef = (drawer) => { this.drawerRef = drawer; } その後、 render <div className="drawer" ref={this.setDrawerRef}> この場合のコンソールログは、コールバックが実際に呼び出されていることを示しています componentDidMount

2
同じドメインでCORSエラーが発生しましたか?
現在、奇妙なCORSの問題が発生しています。 エラーメッセージは次のとおりです。 XMLHttpRequest cannot load http://localhost:8666/routeREST/select?q=[...] Origin http://localhost:8080 is not allowed by Access-Control-Allow-Origin 2つのサーバー: localhost:8666 / routeREST /:これは単純なPythonボトルサーバーです。 localhost:8080 /:Javascriptアプリケーションを実行するPythonsimpleHTTPserver。このアプリは、上記のサーバーでAjaxリクエストを実行しています。 何が問題になるのかについて何か考えはありますか? 編集: そして...ポートが問題でした。あなたの答えをありがとう:) 誰かがPythonボトルサーバーも使用している場合は、この投稿に記載されている回答に従って、CORSの問題を解決できます: Bottle Py:jQueryAJAXリクエストのCORSの有効化

5
ジャスミンでオブジェクトの同等性をチェックする
ジャスミンにはマッチャーtoBeとが組み込まれていtoEqualます。このようなオブジェクトがある場合: function Money(amount, currency){ this.amount = amount; this.currency = currency; this.sum = function (money){ return new Money(200, "USD"); } } new Money(200, "USD")合計の結果を比較しようとすると、これらの組み込みマッチャーは期待どおりに機能しません。カスタムequalsメソッドとカスタムマッチャーに基づいて回避策を実装することができましたが、それはかなりの作業のようです。 ジャスミンのオブジェクトを比較する標準的な方法は何ですか?


5
JavaScriptコードからPython関数を呼び出す
JavaScriptコードからPython関数を呼び出したいのですが、JavaScriptには私がやりたいことを実行するための代替手段がないためです。これは可能ですか?以下のスニペットを調整して機能させていただけますか? JavaScriptコード: var tag = document.getElementsByTagName("p")[0]; text = tag.innerHTML; // Here I would like to call the Python interpreter with Python function arrOfStrings = openSomehowPythonInterpreter("~/pythoncode.py", "processParagraph(text)"); ~/pythoncode.py JavaScriptで同等のものを書くのが簡単ではない高度なライブラリを使用する関数が含まれています。 import nltk # is not in JavaScript def processParagraph(text): ... nltk calls ... return lst # returns a list of strings (will …

6
event.targetを使用して要素の親要素をターゲットにできますか?
ページのinnerHTMLを変更して、クリックした要素のinnerHTMLにしようとしています。唯一の問題は、次のような要素全体を取得することです。 <section class="homeItem" data-detail="{"ID":"8","Name":"MacBook Air","Description":"2015 MacBook A…"20","Price":"899","Photo":"Images/Products/macbookAir.png"}"></section> 私がjavascriptで書いたコードは: function selectedProduct(event){ target = event.target; element = document.getElementById("test"); element.innerHTML = target.innerHTML; } クリックした特定の要素をターゲットにします。 私が達成したいのは、<section>要素の任意の場所をクリックすると、クリックした特定の要素ではなく、要素全体のinnerHTMLが取得されることです。 クリックされた要素の親要素を選択することと関係があると思いますが、よくわからず、オンラインで何も見つかりません。 可能であれば、JQueryから離れたいと思います
87 javascript  html 

7
文字列を比較するJavascriptは%of Likelyを返します
2つの文字列を比較して、それらが類似している可能性を返すことができるJavaScript関数を探しています。私はsoundexを見てきましたが、それは複数の単語の文字列や名前以外の場合にはあまり適していません。私は次のような関数を探しています: function compare(strA,strB){ } compare("Apples","apple") = Some X Percentage. この関数は、数値、複数単語の値、名前など、すべてのタイプの文字列で機能します。おそらく、私が使用できる簡単なアルゴリズムがありますか? Ultimately none of these served my purpose so I used this: function compare(c, u) { var incept = false; var ca = c.split(","); u = clean(u); //ca = correct answer array (Collection of all correct answer) //caa = a single …

3
Jestモック関数の呼び出しをリセットする方法はすべてのテストの前にカウントします
Jestは初めてですが、関数が呼び出されたかどうかをテストするために使用しようとしています。mock.calls.lengthがすべてのテストでリセットされるのではなく、蓄積されていることに気づきました。すべてのテストの前にどうすれば0にすることができますか?次のテストが前の結果に依存することを望まない。 JestにはbeforeEachがあることを知っています-それを使用する必要がありますか?mock.calls.lengthをリセットする最良の方法は何ですか?ありがとうございました。 コード例: Sum.js: import local from 'api/local'; export default { addNumbers(a, b) { if (a + b <= 10) { local.getData(); } return a + b; }, }; Sum.test.js import sum from 'api/sum'; import local from 'api/local'; jest.mock('api/local'); // For current implementation, there is a difference // if I …

3
Chrome違反:[違反]ハンドラーの実行時間が83ミリ秒かかりました
Facebookのログアウト機能をプロジェクトに実装しようとしています。ログインは問題なく機能します。しかし、JavaScriptコンソールにログアウトコードを含む次のメッセージが表示されることに直面しています。 [違反]長時間実行されるJavaScriptタスクには318ミリ秒かかりましたsession.php:51 1 sdk.js:135 [違反]ハンドラーは83msのランタイムを要しました(50msが許可されています) 他の同様のスレッドを検索しようとしましたが、それらの解決策はうまくいきませんでした。コードの一部を削除して、どの部分で問題が発生しているかを確認しました。メッセージに見られるように、FacebookのJSSDKが原因でエラーが発生することは明らかです。また、Chrome拡張機能をすべて無効にしました。 コードはFirefoxでは正常に機能しますが、ChromeやOperaでは機能しません。このタイムアウト期間を延長する方法はありますか?または、Chromeでこの問題を修正する他の方法。これがログアウトのコードです。 <?php session_start(); //echo $_SESSION["current_user"]; //echo $_COOKIE["current_user"]; session_destroy(); unset($_COOKIE["current_user"]); setcookie("current_user","",time() -3600, "/","", 0); //header("location: login.php"); ?> <!doctype html> <html> <head> </head> <body> <script> // Default settings window.fbAsyncInit = function() { FB.init({ appId : '<app-id>', cookie : true, xfbml : true, version : 'v2.8' }); …

11
良いJavascript時間ピッカーとは何ですか?[閉まっている]
現在のところ、この質問はQ&A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 8年前に閉鎖。 jqueryまたはスタンドアロンjsに適したピッカーは何ですか?Googleのカレンダーで、15分間隔の一般的な時間のドロップダウンがあるか、手動で時間を入力して検証できるようにしたいのですが。

7
他のhtmlのないangularjs改行フィルター
改行文字(\n)をhtmlに変換しようとしていますbr。 あたりとしてGoogleグループでは、この議論は、ここで私が持っているものです。 myApp.filter('newlines', function () { return function(text) { return text.replace(/\n/g, '<br/>'); } }); そこでの議論はまた、ビューで以下を使用することをお勧めします: {{ dataFromModel | newline | html }} これは古いhtmlフィルターを使用しているようですが、今はng-bind-html属性を使用することになっています。 とにかく、これには問題dataFromModelがあります。元の文字列()のHTMLをHTMLとしてレンダリングしたくないのです。br'のみ。 たとえば、次の文字列があるとします。 7> 5の間、 私はまだここにhtmlなどを入れたくありません... 出力したい: While 7 > 5<br>I still don't want html & stuff in here... これを達成する方法はありますか?

21
「クリック時に」レスポンシブメニューを閉じるブートストラップ
[製品]をクリックして、白いdivを上にスライドさせます(添付の図を参照)。レスポンシブ(モバイルおよびタブレット)の場合、レスポンシブナビゲーションバーを自動的に閉じて、白いバーのみを表示したいと思います。 私は試した: $('.btn-navbar').click(); また試した: $('.nav-collapse').toggle(); そしてそれは機能します。ただし、デスクトップサイズでは、これは呼び出され、メニューにファンキーなことをして、1秒間縮小します。 何か案は?

1
Backbone.jsモデルデータを保存する方法は?
私はフロントエンドの開発に興味があり、最近、Backbone.jsをアプリに取り入れ始めました。モデルデータをサーバーに永続化したい。 モデルデータを保存するさまざまな方法(json形式を使用)について説明してください。サーバー側でJavaを使用しています。また、主にデータの保存にRESTが使用されているのを見てきました。私はフロントエンド開発に興味があるので、RESTや他の同様のものに気づいていません。 誰かが簡単な例でプロセスを説明してくれたら素晴らしいと思います。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.