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

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

13
マウントされていないコンポーネントでReact状態の更新を実行できません
問題 私はReactでアプリケーションを書いていますが、setState(...)後に呼び出される非常に一般的な落とし穴を回避できませんでしたcomponentWillUnmount(...)。 私は自分のコードを注意深く見て、いくつかの保護句を配置しようとしましたが、問題は解決せず、まだ警告を監視しています。 したがって、2つの質問があります。 スタックトレースから、どの特定のコンポーネントとイベントハンドラーまたはライフサイクルフックがルール違反の原因であるかをどのように把握しますか? さて、私のコードはこの落とし穴を念頭に置いて書かれていて、すでにそれを防ごうとしているので、問題自体を修正する方法ですが、いくつかの基礎となるコンポーネントはまだ警告を生成しています。 ブラウザコンソール Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method. in TextLayerInternal (created by Context.Consumer) in TextLayer …


8
イベントが人間によってトリガーされているかどうかを確認する
イベントにハンドラーがアタッチされていて、それがトリガーによってトリガーされた場合にのみ実行したいのですが、trigger()メソッドでは実行しません。どうやって違いを見分けるのですか? 例えば、 $('.checkbox').change(function(e){ if (e.isHuman()) { alert ('human'); } }); $('.checkbox').trigger('change'); //doesn't alert
140 javascript  jquery 

11
IE9のプレースホルダー
よく知られている問題のようですが、Googleで見つけたすべての解決策が、新しくダウンロードしたIE9で機能しません。 タグとタグのPlaceholderプロパティを有効にするためのお気に入りの方法はどれですか。inputtextarea オプション:そのために多くの時間を失い、requiredまだ物件を探していませんでした。これについても何かアドバイスはありますか?当然、PHPで値を確認できますが、ユーザーを助けるためにこのプロパティは非常に便利です。

6
大きなHTML文字列からjQueryオブジェクトを作成する
複数の子ノードを含む大きなHTML文字列があります。 この文字列を使用してjQuery DOMオブジェクトを構築することは可能ですか? 私は試しました$(string)が、すべての個々のノードを含む配列のみを返します。 .find()関数を使用できる要素を取得しようとしています。
140 javascript  jquery  html 



11
ジオロケーションを使用して都市名を取得する
HTMLベースの地理位置情報を使用して、ユーザーの緯度と経度を取得することができました。 //Check if browser supports W3C Geolocation API if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(successFunction, errorFunction); } //Get latitude and longitude; function successFunction(position) { var lat = position.coords.latitude; var long = position.coords.longitude; } 都市名を表示したいのですが、逆ジオロケーションAPIを使用するのが唯一の方法のようです。リバースジオロケーションに関するGoogleのドキュメントを読みましたが、自分のサイトで出力を取得する方法がわかりません。 これを使用する方法がわかりません"http://maps.googleapis.com/maps/api/geocode/json?latlng='+lat+','+long+'&sensor=true"。ページに都市名を表示します。 どうすればこれを達成できますか?

17
jasmine:非同期コールバックは、jasmine.DEFAULT_TIMEOUT_INTERVALで指定されたタイムアウト時間内に呼び出されませんでした
私はという角度のサービスを持っていますrequestNotificationChannel: app.factory("requestNotificationChannel", function($rootScope) { var _DELETE_MESSAGE_ = "_DELETE_MESSAGE_"; function deleteMessage(id, index) { $rootScope.$broadcast(_DELETE_MESSAGE_, { id: id, index: index }); }; return { deleteMessage: deleteMessage }; }); 私はジャスミンを使用してこのサービスを単体テストしようとしています: "use strict"; describe("Request Notification Channel", function() { var requestNotificationChannel, rootScope, scope; beforeEach(function(_requestNotificationChannel_) { module("messageAppModule"); inject(function($injector, _requestNotificationChannel_) { rootScope = $injector.get("$rootScope"); scope = rootScope.$new(); …

10
仮想DOMとは何ですか?
最近、私はFacebookのReactフレームワークを見ました。「仮想DOM」という概念を使っていますが、私にはよくわかりませんでした。 仮想DOMとは何ですか?利点は何ですか?

7
babel-polyfillライブラリをインストールするにはどうすればよいですか?
ES6のJavaScriptコードをES5にコンパイルするためにBabelを使い始めました。Promiseの使用を開始すると、機能していないようです。BabelのWebサイトには、ポリフィルによる約束のサポートが記載されています。 運がなければ、私は追加しようとしました: require("babel/polyfill"); または import * as p from "babel/polyfill"; これにより、アプリのブートストラップ時に次のエラーが発生します。 モジュール 'babel / polyfill'が見つかりません モジュールを検索しましたが、基本的なことをここで見逃しているようです。また、古くて良いブルーバードNPMを追加しようとしましたが、機能していないようです。 バベルのポリフィルの使用方法は?

4
React NativeのFetchで認証ヘッダーを使用する
fetchReact Nativeで使用してProduct Hunt APIから情報を取得しようとしています。適切なアクセストークンを取得してStateに保存しましたが、GETリクエストのAuthorizationヘッダー内で渡すことができないようです。 ここに私がこれまで持っているものがあります: var Products = React.createClass({ getInitialState: function() { return { clientToken: false, loaded: false } }, componentWillMount: function () { fetch(api.token.link, api.token.object) .then((response) => response.json()) .then((responseData) => { console.log(responseData); this.setState({ clientToken: responseData.access_token, }); }) .then(() => { this.getPosts(); }) .done(); }, getPosts: function() { var obj …

9
requestAnimationFrameでfpsを制御しますか?
どうやら requestAnimationFrameは、事実をアニメーション化するための事実上の方法のです。それはほとんどの場合私にとってはうまくいきましたが、今私はいくつかのキャンバスアニメーションを実行しようとしていて、私は疑問に思っていました。私はrAFの目的が一貫してスムーズなアニメーションのためであることを理解しており、アニメーションが途切れる危険を冒す可能性がありますが、今のところ大幅に異なる速度でかなり恣意的に実行されているようです。どういうわけか。 私は使用しますsetIntervalが、rAFが提供する最適化が必要です(特にタブにフォーカスがあると自動的に停止します)。 誰かが私のコードを確認したい場合、それはほとんどです: animateFlash: function() { ctx_fg.clearRect(0,0,canvasWidth,canvasHeight); ctx_fg.fillStyle = 'rgba(177,39,116,1)'; ctx_fg.strokeStyle = 'none'; ctx_fg.beginPath(); for(var i in nodes) { nodes[i].drawFlash(); } ctx_fg.fill(); ctx_fg.closePath(); var instance = this; var rafID = requestAnimationFrame(function(){ instance.animateFlash(); }) var unfinishedNodes = nodes.filter(function(elem){ return elem.timer < timerMax; }); if(unfinishedNodes.length === 0) { console.log("done"); cancelAnimationFrame(rafID); instance.animate(); …


5
JavaScriptインポートで@記号は何をしますか?
例えば: import Component from '@/components/component' 私が見ているコードでは../、ファイルパスを基準にしてディレクトリの1つ上のレベルに移動するように動作しますが、それが何をしているかをより一般的に知りたいのです。残念ながら、シンボル検索の問題により、オンラインでドキュメントを見つけることができません。
140 javascript 

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