プログラミング javascript

3

休業。この質問は意見に基づいています。現在、回答を受け付けていません。この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 5年前休業。この質問を改善する私は20人以上の開発者がいるチームのメンバーです。各開発者は個別のモジュール（10モジュールに近いもの）で作業します。各モジュールには少なくとも50のCRUDフォームがある可能性があります。つまり、現在、500近くの追加ボタン、保存ボタン、編集ボタンなどがあります。ただし、アプリケーションをグローバル化したいので、アプリケーション内のテキストを翻訳できる必要があります。たとえば、フランス語のユーザーにとっては、どこでも「追加」という単語が重要になります。これまでに行ったことは、UIまたはプレゼンテーションレイヤーのビューごとに、翻訳のキーと値のペアのディクショナリがあることです。次に、ビューのレンダリング中に、この辞書を使用して必要なテキストと文字列を翻訳します。ただし、このアプローチでは、500の辞書に500 近くの追加ができるようになりました。これは、DRYプリンシパルに違反したことを意味します。一方、addを1か所に配置するなど、共通の文字列を集中化し、開発者にそれをどこでも使用するように依頼すると、集中化された辞書で文字列がすでに定義されているかどうかわからないという問題が発生します。他の1つのオプションは、翻訳辞書を持たず、Google翻訳、Bingトランスレータなどのオンライン翻訳サービスを使用することです。私たちが遭遇したもう1つの問題は、プロジェクトを予定どおりに納品するというストレスの下にいる一部の開発者が翻訳キーを思い出せないことです。たとえば、追加ボタンのテキストの場合、開発者はaddを使用し、別の開発者はnewを使用しています。アプリケーションの文字列リソースのグローバリゼーションとローカリゼーションのベストプラクティス、または最もよく知られている方法は何ですか？

124 javascript localization translation client-side globalization

6

jQueryの幅、innerWidthとouterWidth、高さ、innerHeightとouterHeightの違いは何ですか

違いを確認するためにいくつかの例を書きましたが、幅と高さの結果は同じです。 <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ var div = $('.test'); var width = div.width(); // 200 px var innerWidth = div.innerWidth(); // 200px var outerWidth = div.outerWidth(); // 200px var height = div.height(); // 150 px var innerHeight = div.innerHeight(); // 150 px var outerHeight = div.outerHeight(); …

124 javascript jquery css dom styles

13

現在のカーソル位置でテキストエリアにテキストを挿入する方法は？

ユーザーのカーソル位置のテキスト領域にテキストを追加する簡単な関数を作成したいと思います。クリーンな関数である必要があります。基本だけです。残りはわかります。

124 javascript textarea

1

AngularJSで双方向フィルタリングを行う方法は？

AngularJSで実行できる興味深いことの1つは、特定のデータバインディング式にフィルターを適用することです。これは、たとえば、カルチャ固有の通貨やモデルのプロパティの日付形式を適用するのに便利な方法です。スコープに計算されたプロパティがあると便利です。問題は、これらの機能がどちらも双方向データバインディングシナリオでは機能しないことです。スコープからビューへの一方向データバインディングのみです。これは、他の点では優れたライブラリでの明らかな省略のようです-または何かが欠けていますか？でKnockoutJS、私は私は、プロパティの値を取得するために呼び出され1、およびプロパティが設定されたときに呼び出されるものを関数のペアを指定することができ、読み取り/書き込み計算プロパティを、作成することができます。これにより、たとえば、カルチャ対応の入力を実装できます。ユーザーが「$ 1.24」と入力して、それをViewModelのフロートに解析し、ViewModelの変更を入力に反映させます。これに似ていると私が見つけることができる最も近いものは、$scope.$watch(propertyName, functionOrNGExpression);これを使用することです。これにより、プロパティの$scope変更時に関数を呼び出すことができます。しかし、これは、たとえば、文化を意識した入力の問題を解決しません。メソッド自体の$watched中でプロパティを変更しようとすると、問題に注意してください$watch。 $scope.$watch("property", function (newValue, oldValue) { $scope.outputMessage = "oldValue: " + oldValue + " newValue: " + newValue; $scope.property = Globalize.parseFloat(newValue); }); （http://jsfiddle.net/gyZH8/2/）ユーザーが入力を開始すると、入力要素は非常に混乱します。プロパティを2つのプロパティに分割し、1つは解析されていない値用、もう1つは解析された値用に改善しました。 $scope.visibleProperty= 0.0; $scope.hiddenProperty = 0.0; $scope.$watch("visibleProperty", function (newValue, oldValue) { $scope.outputMessage = "oldValue: " + oldValue + " newValue: " + newValue; …

124 javascript angularjs data-binding angularjs-scope

8

toFixed（）とtoPrecision（）の違いは？

私はJavaScriptに不慣れで、発見toFixed()しtoPrecision()たばかりで数値を丸めています。しかし、両者の違いがわかりません。違いは何であるnumber.toFixed()とはnumber.toPrecision()？

124 javascript rounding precision

4

画像からピクセルのX、Y座標の色を取得する方法は？

PNG画像の選択された（x、y）ポイントが透明かどうかを確認する方法はありますか？

124 javascript html image-processing

9

日付が有効かどうかを確認してください

以下はシナリオです。私が持っているString日付と異なる日付形式を。例：日付：2016-10-19 dateFormat： "DD-MM-YYYY"。この日付が有効かどうかを確認する必要があります。次のことを試してみました var d = moment("2016-10-19",dateFormat); d.isValid()false毎回戻ってきます。Moment.jsは指定された形式で日付を解析しませんか？それから私はDD-MM-YYYY最初に日付をフォーマットして、それをMoment.jsに渡そうとしました： var d = moment("2016-10-19").format(dateFormat); var date = moment(d, dateFormat); これdate.isValid()で望ましい結果が得られましたが、ここではMoment.js日付オブジェクトが2回作成されています。どうすればこれを回避できますか？より良い解決策はありますか？ちなみに私は変更することはできませんdateFormat。

124 javascript date datetime momentjs

12

曜日と月を取得する方法は？

私はJavascriptについてよく知らないので、私が見つけた他の質問は、必要な情報を取得するだけでなく、日付の操作に関連しています。目的以下の形式で日付を取得したい： 2011年1月27日木曜日17:42:21に印刷これまでのところ、私は以下を得ました： var now = new Date(); var h = now.getHours(); var m = now.getMinutes(); var s = now.getSeconds(); h = checkTime(h); m = checkTime(m); s = checkTime(s); var prnDt = "Printed on Thursday, " + now.getDate() + " January " + now.getFullYear() + " at " …

124 javascript datetime dayofweek

11

「--allow-file-access-from-files」モードでChromeを使用してhtmlを起動する方法

私は同じような状況を持っているHERE この問題を解決するには、「-allow-file-access-from-files」モードでChromeを使用してhtmlファイルを起動する必要があります。次の手順を何度も試しましたが、うまくいきません。 Windows 7でcmdを起動します chrome.exeフォルダに直接これを行う chrome --allow-file-access-from-files file:///C:/test%20-%203.html

124 javascript html google-chrome

1

clearInterval（）はsetInterval（）内で呼び出すことができますか？

bigloop=setInterval(function () { var checked = $('#status_table tr [id^="monitor_"]:checked'); if (checked.index()===-1 ||checked.length===0 || ){ bigloop=clearInterval(bigloop); $('#monitor').button('enable'); }else{ (function loop(i) { //monitor element at index i monitoring($(checked[i]).parents('tr')); //delay of 3 seconds setTimeout(function () { //when incremented i is less than the number of rows, call loop for next index if (++i …

124 javascript jquery setinterval clearinterval

11

JavaScriptを使用してサーバーに画像が存在するかどうかを確認しますか？

javascriptを使用して、サーバーでリソースが使用可能かどうかを確認する方法はありますか？たとえば、htmlページに読み込まれた画像1.jpg-5.jpgがあります。私は毎分JavaScript関数を呼び出したいと思います、それで大体次のスクラッチコードを実行します... if "../imgs/6.jpg" exists: var nImg = document.createElement("img6"); nImg.src = "../imgs/6.jpg"; 考え？ありがとう！

124 javascript

11

ReduxでmapToDispatchToProps（）への引数が指定されている場合、「ディスパッチ」は関数ではありません

私はjavascript / redux / reactの初心者で、redux、react-redux、reactを使用して小さなアプリケーションを作成しています。何らかの理由で、connect（react-reduxバインディング）と並行してmapDispatchToProps関数を使用すると、結果のプロップを実行しようとすると、ディスパッチが関数ではないことを示すTypeErrorが表示されます。ただし、ディスパッチを小道具として呼び出すと（提供されたコードのsetAddr関数を参照）、機能します。なぜなのか、私は知りたいのですが、reduxドキュメントのTODOアプリの例では、mapDispatchToPropsメソッドが同じ方法で設定されています。関数内のconsole.log（dispatch）は、ディスパッチがオブジェクト型であると述べています。この方法でディスパッチを使い続けることもできますが、reduxをさらに続行する前に、なぜこれが起こっているのかを理解するのが良いでしょう。私はコンパイルにbabel-loadersでwebpackを使用しています。私のコード： import React, { PropTypes, Component } from 'react'; import { connect } from 'react-redux'; import { setAddresses } from '../actions.js'; import GeoCode from './geoCode.js'; import FlatButton from 'material-ui/lib/flat-button'; const Start = React.createClass({ propTypes: { onSubmit: PropTypes.func.isRequired }, setAddr: function(){ this.props.dispatch( setAddresses({ pickup: this.refs.pickup.state.address, …

124 javascript reactjs redux react-redux

11

JavaScriptを使用してHTML要素を削除する方法

私はまったくの初心者です。jQueryではなく元のJavascriptを使用してHTML要素を削除する方法を誰かに教えてもらえますか？ index.html <html> <head> <script type="text/javascript" src="myscripts.js" > </script> <style> #dummy { min-width: 200px; min-height: 200px; max-width: 200px; max-height: 200px; background-color: #fff000; } </style> </head> <body> <div id="dummy"></div> <form> <input type="submit" value="Remove DUMMY" onclick="removeDummy(); "/> </form> </body> myscripts.js function removeDummy() { var elem = document.getElementById('dummy'); elem.parentNode.removeChild(elem); } [送信]ボタンをクリックすると、非常に短い時間で表示が消え、すぐに表示されます。ボタンをクリックしたときに要素を完全に削除したい。

124 javascript html

5

ReactでEscキープレスを検出する方法とその処理方法

reactjsでEscキープレスを検出するにはどうすればよいですか？jqueryと同様のもの $(document).keyup(function(e) { if (e.keyCode == 27) { // escape key maps to keycode `27` // <DO YOUR WORK HERE> } }); 検出されたら、情報をコンポーネントに渡します。3つのコンポーネントがあり、そのうち最後のアクティブなコンポーネントがエスケープキーを押すと反応する必要があります。コンポーネントがアクティブになると、一種の登録を考えていました class Layout extends React.Component { onActive(escFunction){ this.escFunction = escFunction; } onEscPress(){ if(_.isFunction(this.escFunction)){ this.escFunction() } } render(){ return ( <div class="root"> <ActionPanel onActive={this.onActive.bind(this)}/> <DataPanel onActive={this.onActive.bind(this)}/> <ResultPanel onActive={this.onActive.bind(this)}/> …

124 javascript reactjs

3

特定の属性が設定されている要素に対してのみquerySelectorAllを使用する方法

属性が設定されdocument.querySelectorAllているすべてのチェックボックスに使用しようとしていvalueます。 value設定されていないページに他のチェックボックスがあり、値はチェックボックスごとに異なります。ただし、IDと名前は一意ではありません。例： <input type="checkbox" id="c2" name="c2" value="DE039230952"/> 値が設定されているチェックボックスだけを選択するにはどうすればよいですか？

124 javascript css-selectors selectors-api

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

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