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

JavaScriptの "for…in"ループは、ハッシュテーブル/要素を宣言された順序でループしますか？順番通りに動作しないブラウザはありますか？ 使用したいオブジェクトは一度宣言すると変更されることはありません。 私が持っていると仮定します： var myObject = { A: "Hello", B: "World" }; そして私はさらにそれらを以下で使用します： for (var item in myObject) alert(item + " : " + myObject[item]); 最も適切なブラウザでは、「A：「こんにちは」」が「B：「世界」」の前に常に来ることを期待できますか？

205 javascript  for-loop 

私のページには、ellipsisスタイル付きの動的データのスパンがあります。 .my-class { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 71px; } <span id="myId" class="my-class"></span> document.getElementById('myId').innerText = "..."; この要素のツールチップに同じコンテンツを追加したいのですが、コンテンツが長く、省略記号が画面に表示されている場合にのみ表示されます。 それを行う方法はありますか？がアクティブ になるellipsisと、ブラウザはイベントをスローしますか？ *ブラウザ：Internet Explorer

205 javascript  html  css  tooltip  ellipsis 

useEffectはフックがすべての変更で機能に渡され実行されます反応します。これは、必要なプロパティが変更された場合にのみ呼び出せるように最適化できます。 から初期化関数を呼び出し、componentDidMount変更時に再度呼び出さない場合はどうなりますか？エンティティをロードしたいとしますが、ロード関数はコンポーネントからのデータを必要としません。useEffectフックを使用してこれをどのように作成できますか？ class MyComponent extends React.PureComponent { componentDidMount() { loadDataOnlyOnce(); } render() { ... } } フックを使用すると、次のようになります。 function MyComponent() { useEffect(() => { loadDataOnlyOnce(); // this will fire on every change :( }, [...???]); return (...); }

205 javascript  reactjs  react-hooks 

次のコードでGoogle MAP API v3を使用しようとしています。 <h2>Topology</h2> <script src="https://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.topology.css' %}" /> <link rel="stylesheet" type="text/css" href="{% url css_media 'tooltip.css' %}" /> <style type="text/css" > #map_canvas { width:300px; height:300px; } </style> <script type="text/javascript"> var latlng = new google.maps.LatLng(-34.397, 150.644); var myOptions = { zoom: 8, center: …

204 javascript  google-maps-api-3 

logJavaScript用の関数が必要ですが、ベースは10である必要があります。これに関するリストが表示されないので、不可能だと思います。これの解決策を知っている数学の魔法使いはいますか？

204 javascript  math  logarithm 

オブジェクトの関数名を取得する解決策はありますか？ function alertClassOrObject (o) { window.alert(o.objectName); //"myObj" OR "myClass" as a String } function myClass () { this.foo = function () { alertClassOrObject(this); } } var myObj = new myClass(); myObj.foo(); for (var k in this) {...}- classNameまたはに関する情報はありませんObjectName。それらの1つを取得することは可能ですか？

204 javascript 

私はインターネットのアクセシビリティに対する意識を高める財団のために働いています。プレゼンテーションのために、人々にさまざまな障害/障害をシミュレートする小さなワークショップを提供したいと思います。これは、このプレゼンテーションのために特別に作成されたWebサイトを介して行われます。 示されている障害の1つは、震えです。つまり、揺れがあり、制御が難しい手の動きを経験します。この障害により、マウスカーソルを正確に移動し、マウスがリンク上にあるときにマウスボタンを押すことは非常に困難です。一部の高齢者とパーキンソン病などの病気の人の両方が振戦に苦しむ可能性があります。 では、どういうわけか、マウスカーソルを予測できない方法で動かして、小さなボタンをクリックするのが非常に難しいようにしたいと思います。JavaScriptではマウスカーソルを直接移動できないため、これを実現する他の方法を探しています。私は次のアイデアを思いつきました： マウスの揺れをシミュレートするマウスドライバー/ユーティリティの使用。 CSSを介してマウスカーソルを非表示にし、シェイクマウスカーソルのGIFアニメーションを（JavaScriptを使用して）元のカーソルの場所に配置してから、ターゲットリンクを数秒おきにのみクリック可能にします。これは、少なくとも間違った瞬間にクリックするような感覚を少なくとも与えます。 最初のアイデアはかなりクールですが、Mac用でもWindows用でも、このようなツールは見つかりませんでした。そして、私はそのようなものを自分でプログラミングするスキルがありません。 2番目のアイデアは少し不格好に見えますが、望ましい効果が得られると思います。 誰か他のアイデアがありますか？

204 javascript  html  css  accessibility  simulation 

ここに行ったら http://getbootstrap.com/2.3.2/javascript.html#modals そして、「デモモーダルを起動」をクリックすると、期待どおりの動作が行われます。サインアッププロセスの一部としてモーダルを使用しており、サーバー側の検証が関係しています。問題がある場合、検証メッセージが表示されている同じモーダルにユーザーをリダイレクトしたい。現時点では、ユーザーからの物理的なクリック以外にモーダルを表示する方法を理解できません。プログラムでモデルを起動するにはどうすればよいですか？

204 javascript  twitter-bootstrap 

inputtype file要素のHTMLに対してユーザーが行ったすべてのファイル選択を検出する可能性はありますか？ これは以前に何度も尋ねられましたが、通常提案された onchange、ユーザーが同じファイルを再度選択した場合、イベントは発生しません。

204 javascript  html  forms  dom-events 

ES6で新しい矢印構文に変換しようとしている関数があります。これは名前付き関数です： function sayHello(name) { console.log(name + ' says hello'); } varステートメントなしでそれに名前を付ける方法はありますか？ var sayHello = (name) => { console.log(name + ' says hello'); } 明らかに、私はそれを定義した後でのみ、この関数を使用できます。次のようなもの： sayHello = (name) => { console.log(name + ' says hello'); } ES6でこれを行う新しい方法はありますか？

204 javascript  ecmascript-6  arrow-functions 

私はいくつかのライブラリーでこの構文を見てきましたが、その利点は何なのかと思っています。（私はクロージャとコードが何をしているかをよく知っていることに注意してください、私は構文上の違いのみを気にしています） !function(){ // do stuff }(); より一般的なの代わりに (function(){ // do stuff })(); 匿名関数を呼び出すため。 いくつか疑問があります。まず、トップの例が実際に機能するのを許可しているものは何ですか？このステートメントを構文的に正しくするために、なぜ強打が必要なのですか？私はそれも+うまくいくと言われています、そして代わりにいくつかの他のものと確信しています! 次に、メリットは何ですか？私が知ることができるのは、それが単一のキャラクターを救うということですが、それが多くのアダプターを引き付けるのにこんなに大きな利点であるとは想像できません。他に不足しているメリットはありますか？ 私が見ることができる他の唯一の違いは、自己呼び出し関数の戻り値ですが、これらの例の両方で、クロージャーを作成するためにのみ使用されているため、関数の戻り値については特に気にしません。では、最初の構文を使用する理由を誰かに教えてもらえますか？

204 javascript  syntax 

Reactでは、これら2つの実装の間に実際の違いはありますか？一部の友人は、FirstComponentがパターンだと言っていますが、その理由はわかりません。レンダリングが1回だけ呼び出されるため、SecondComponentはより単純に見えます。 最初： import React, { PropTypes } from 'react' class FirstComponent extends React.Component { state = { description: '' } componentDidMount() { const { description} = this.props; this.setState({ description }); } render () { const {state: { description }} = this; return ( <input type="text" value={description} /> ); } } …

204 javascript  reactjs  components 

これが可能かどうかはわかりません。しかし、ハイパーリンクにいくつかの変数を渡し、GETではなくPOST（フォームのような）を使用する方法を誰かが知っているかどうか疑問に思っていました。

204 javascript  html  http 

可変文字列があります整形式と有効なXMLが含まれています。このフィードを解析するには、JavaScriptコードを使用する必要があります。 （ブラウザ互換の）JavaScriptコードを使用してこれをどのように達成できますか？

204 javascript  xml  parsing 

私はこれらの2つの間に大きな違いがあるかどうかを判断しようとしexport defaultています。 import myItem from 'myItem'; そしてexport const私ができることを使用して： import { myItem } from 'myItem'; これ以外の違いやユースケースはあるのでしょうか。

204 javascript  ecmascript-6  es6-modules