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

私はReactJSを研究し始めたばかりで、ページをレンダリングする2つの方法（サーバー側とクライアント側）を提供することがわかりました。しかし、一緒に使う方法がわかりません。アプリケーションを構築する方法は2つありますか、それとも一緒に使用できますか？ それを一緒に使用できる場合、その方法-サーバー側とクライアント側で同じ要素を複製する必要がありますか？または、サーバーでアプリケーションの静的な部分を構築し、クライアント側で動的な部分を構築できます。事前にレンダリングされたサーバー側への接続はありませんか？

120 javascript  node.js  client-server  reactjs 

非同期メソッドを公開する構造のような配列があります。asyncメソッドを呼び出すと、配列構造が返され、さらに多くのasyncメソッドが公開されます。この構造から取得した値を格納する別のJSONオブジェクトを作成しているので、コールバックでの参照の追跡に注意する必要があります。 私はブルートフォースソリューションをコーディングしましたが、より慣用的またはクリーンなソリューションを学びたいと思います。 パターンは、nレベルのネストに対して繰り返し可能である必要があります。 囲んでいるルーチンをいつ解決するかを決定するには、promise.allまたは同様の手法を使用する必要があります。 すべての要素が非同期呼び出しを行う必要があるとは限りません。したがって、ネストされたpromise.allでは、インデックスに基づいてJSON配列要素に単純に割り当てることはできません。それでも、ネストされたforEachでpromise.allのようなものを使用して、すべてのプロパティの割り当てが、含まれているルーチンを解決する前に行われていることを確認する必要があります。 Bluebird promise libを使用していますが、これは必須ではありません ここにいくつかの部分的なコードがあります- var jsonItems = []; items.forEach(function(item){ var jsonItem = {}; jsonItem.name = item.name; item.getThings().then(function(things){ // or Promise.all(allItemGetThingCalls, function(things){ things.forEach(function(thing, index){ jsonItems[index].thingName = thing.name; if(thing.type === 'file'){ thing.getFile().then(function(file){ //or promise.all? jsonItems[index].filesize = file.getSize();

120 javascript  node.js  asynchronous  promise 

私は現在マテリアライズCSSを使用していますが、選択フィールドを取得しているようです。 私は彼らのサイトから提供された例を使用していますが、残念ながらそれはビューにレンダリングされています。他の誰かが手伝ってくれるのではないかと思っていました。 私がやろうとしていることは、パディングを提供する2つのエンドスペーサーを持つ行を作成することです。次に、内側の2つの行アイテム内に、検索テキスト入力と検索選択ドロップダウンがあるはずです。 これは私が作業している例です：http : //materializecss.com/forms.html 前もって感謝します。 問題のコードスニペットは次のとおりです。 <div class="row"> <form class="col s12"> <div class="row"> <div class="input-field col s2"></div> <div class="input-field col s5"> <input id="icon_prefix" type="text" class="validate" /> <label for="icon_prefix">Search</label> </div> <div class="input-field col s3"> <label>Materialize Select</label> <select> <option value="" disabled="disabled" selected="selected">Choose your option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> …

120 javascript  html  css  materialize 

ここに私のコードの開始のスニペットがあります： var myUpload = $("#upload_link").upload({bla bla bla 基本的に私がやろうとしていることは、いくつかの異なるIDで同じ呼び出しを行うことです... 私はこれがうまくいくと思いましたが、それはしません： var myUpload = $("#upload_link,#upload_link2,#upload_link3").upload({ 何か案は？

120 javascript  jquery 

私が持っています var TestApp = React.createClass({ getComponent: function(){ console.log(this.props); }, render: function(){ return( <div> <ul> <li onClick={this.getComponent}>Component 1</li> </ul> </div> ); } }); React.renderComponent(<TestApp />, document.body); クリックしたリスト要素の背景に色を付けたいのですが。Reactでこれを行うにはどうすればよいですか？ 何かのようなもの $('li').on('click', function(){ $(this).css({'background-color': '#ccc'}); });

120 javascript  jquery  reactjs 

要素のテキストを動的に更新したい： <div> **text to change** <someChild> text that should not change </someChild> <someChild> text that should not change </someChild> </div> 私はjQueryを初めて使用するので、このタスクは私にとって非常に難しいようです。誰かが使用する関数/セレクターを教えてもらえますか？ 可能であれば、変更する必要のあるテキスト用の新しいコンテナーを追加せずにそれを実行したいと思います。

120 javascript  jquery 

特定の座標にDIVを配置したいですか？Javascriptを使用してどうすればよいですか？

120 javascript  html  coordinates 

何のJavaScriptこれと同等のC#方法： var x = "|f|oo||"; var y = x.Trim('|'); // "f|oo" C＃は、選択した文字を文字列の最初と最後でのみトリミングします。

120 javascript  string  trim 

私が取り組んでいるコードベースで、次のような関数が見られます。 const func = ({ param1, param2 }) => { //do stuff } これは正確には何をしているのですか？これが何と呼ばれているのか、Google検索でそれをどのように説明するのかさえわからないので、Googleでそれを見つけるのに苦労しています。

120 javascript  ecmascript-6 

contentEditableベースのコントロールの変更イベントをリッスンするにはどうすればよいですか？ var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, document.body); http://jsfiddle.net/NV/kb3gN/1621/

120 javascript  dom  contenteditable  reactjs 

初めてReactフックを試しましたが、データを取得して2つの異なる状態変数（データと読み込みフラグ）を更新すると、両方の呼び出しがあったとしても、コンポーネント（データテーブル）が2回レンダリングされることに気付くまではすべて問題ないようでした状態アップデータへの変換は同じ機能で発生しています。これが私のコンポーネントに両方の変数を返す私のapi関数です。 const getData = url => { const [data, setData] = useState(null); const [loading, setLoading] = useState(true); useEffect(async () => { const test = await api.get('/people') if(test.ok){ setLoading(false); setData(test.data.results); } }, []); return { data, loading }; }; 通常のクラスコンポーネントでは、複雑なオブジェクトになる可能性のある状態を更新するために1回の呼び出しを行いますが、「フック方法」は状態をより小さな単位に分割することであるように思われ、その副作用は複数回繰り返されるようです。個別に更新されるとレンダリングされます。これを軽減する方法はありますか？

120 javascript  reactjs  react-hooks 

多次元配列があります。プライマリアレイは、 [publicationID][publication_name][ownderID][owner_name] 私がしようとしていることは、配列owner_nameを次に並べ替えることpublication_nameです。私はJavaScriptであなたが持っていることを知っています、あなたはArray.sort()カスタム関数を置くことができます、私の場合、私は持っています： function mysortfunction(a, b) { var x = a[3].toLowerCase(); var y = b[3].toLowerCase(); return ((x < y) ? -1 : ((x > y) ? 1 : 0)); } これは、ただ一つの列に並べ替えるため、すなわちOWNER_NAME罰金ですが、どのように私は上の並べ替えにそれを修正するかowner_name、その後、publication_name？

119 javascript  algorithm  sorting 

HighchartsのX軸の日付を取得する標準的な方法はありますか？ドキュメントで見つけることができません：http : //www.highcharts.com/ref/#xAxis--type 時間範囲が十分に広い場合、日付が表示されます。ただし、時間範囲が十分に大きくない場合は、次のように時間だけが表示されます。 これは理想的ではありません...この場合に日付と時刻を表示できれば、それは素晴らしいことです。誰か知ってる？

119 javascript  highcharts 

インタプリタ/コンソールを起動して、比較してみてください > ",,," == Array(4) True どうして？",,,"を、 '\ 0'で終わるスライスを持つ4つの文字の配列と考えることができるので、最初に考えたのはそのためかもしれませんが、 > "..." == Array(4) 「False」を返します。なぜ？私はそれがJavascriptでのアヒルのタイピングの特異なビットであることを知っていますが、この振る舞いを強調するものに興味があります。ところで、これをZed Shawの素晴らしいプレゼンテーションから集めました。

119 javascript 

状態に遷移し、ui-routerを使用して任意のオブジェクトを渡すことができるようにしたいと思います。 通常$stateParamsはが使用されていることは承知していますが、この値はURLに挿入されていると思います。ユーザーがこのデータをブックマークできるようにしたくないのです。 このようなことをしたいのですが。 $state.transitionTo('newState', {myObj: {foo: 'bar'}}); function myCtrl($stateParams) { console.log($stateParams.myObj); // -> {foo: 'bar'} }; 値をURLにエンコードせずにこれを行う方法はありますか？

119 javascript  angularjs  angular-ui-router