プログラミング javascript

11

多分これは些細な質問です。そのため、ブラウザーでvuejsアプリケーションを実行すると、ダウンロード速度の調整が可能になります（低接続に設定）。ブラウザで未完成のvue構文出力を取得しました。ページ全体が読み込まれる前に読み込み画像を表示することでこれをだますことができることはわかっていますが、これを修正する最善の解決策はありますか？

155 javascript vue.js

3

Reactでの変数と文字列の連結

Reactの波括弧表記とhrefタグを組み込む方法はありますか？状態に次の値があるとします。 {this.state.id} タグの次のHTML属性： href="#demo1" id="demo1" idHTML属性に状態を追加して、次のようなものを取得する方法はありますか。 href={"#demo + {this.state.id}"} どちらが得られます： #demo1

155 javascript html reactjs ecmascript-6

15

条件付きステートメントを短縮する方法

次のような非常に長い条件文があります。 if(test.type == 'itema' || test.type == 'itemb' || test.type == 'itemc' || test.type == 'itemd'){ // do something. } この表現/ステートメントをより簡潔な形式にリファクタリングできるかどうか疑問に思っていました。これを達成する方法について何か考えはありますか？

154 javascript if-statement

9

JavaScriptでiframeの本文のコンテンツを取得する方法

154 javascript html iframe

14

DST（夏時間）が有効になっているかどうか、および有効になっている場合はオフセットを確認するにはどうすればよいですか？

これはこれが必要な私のJSコードのビットです： var secDiff = Math.abs(Math.round((utc_date-this.premiere_date)/1000)); this.years = this.calculateUnit(secDiff,(86400*365)); this.days = this.calculateUnit(secDiff-(this.years*(86400*365)),86400); this.hours = this.calculateUnit((secDiff-(this.years*(86400*365))-(this.days*86400)),3600); this.minutes = this.calculateUnit((secDiff-(this.years*(86400*365))-(this.days*86400)-(this.hours*3600)),60); this.seconds = this.calculateUnit((secDiff-(this.years*(86400*365))-(this.days*86400)-(this.hours*3600)-(this.minutes*60)),1); 「前」の日時を取得したいのですが、夏時間を使用している場合、日付は1時間ずれます。DSTが有効かどうかを確認する方法がわかりません。サマータイムの開始と終了を知るにはどうすればよいですか？

154 javascript dst

14

JavaScriptでCSSをどのように追加しますか？

strong { color: red }JavaScriptを使用してCSSルール（など）を追加するにはどうすればよいですか？

154 javascript css

23

JavaScriptでの2D配列の転置

私は次のような配列の配列を持っています： [ [1,2,3], [1,2,3], [1,2,3], ] それを転置して次の配列を取得したいと思います。 [ [1,1,1], [2,2,2], [3,3,3], ] ループを使用してプログラムで行うことは難しくありません。 function transposeArray(array, arrayLength){ var newArray = []; for(var i = 0; i < array.length; i++){ newArray.push([]); }; for(var i = 0; i < array.length; i++){ for(var j = 0; j < arrayLength; j++){ newArray[j].push(array[i][j]); }; }; return …

154 javascript arrays matrix transpose

9

背景画像が読み込まれているかどうかを確認するにはどうすればよいですか？

bodyタグに背景画像を設定してから、次のようなコードを実行します。 $('body').css('background-image','http://picture.de/image.png').load(function() { alert('Background image done loading'); // This doesn't work }); 背景画像が完全に読み込まれていることを確認するにはどうすればよいですか？

154 javascript jquery

13

history.pushStateを介して履歴の変更について通知を受ける方法は？

したがって、HTML5 history.pushStateがブラウザーの履歴を変更することを導入したので、Webサイトは、URLのフラグメントIDを変更する代わりに、これをAjaxと組み合わせて使用し始めます。悲しいことに、これらの呼び出しはによって検出できなくなっていますonhashchange。私の質問は、ウェブサイトがhistory.pushStateいつ使用するかを検出する信頼できる方法（ハック？;））はありますか？仕様では、発生するイベントについては何も述べられていません（少なくとも私は何も見つけることができませんでした）。ファサードを作成window.historyして自分のJavaScriptオブジェクトに置き換えようとしましたが、まったく効果がありませんでした。詳細説明：これらの変更を検出して適切に動作する必要があるFirefoxアドオンを開発しています。数日前に同様の質問があり、いくつかのDOMイベントを聞くことが効率的であるかどうかを尋ねましたが、これらのイベントはさまざまな理由で生成される可能性があるため、それに頼るのは避けたいと思います。更新：これは、呼び出されたonpopstateときにトリガーされないことを示すjsfiddle（Firefox 4またはChrome 8を使用）ですpushState（または何か問題がありますか？遠慮なく改善してください！）。アップデート2：もう1つの（側面の）問題は、window.location使用時に更新されないことですpushState（ただし、これについてはすでにここで読んだので、私はそう思います）。

154 javascript firefox-addon browser-history pushstate

10

reactjsで生のhtmlをレンダリングする

これは、reactjsで未加工のHTMLをレンダリングする唯一の方法ですか？ // http://facebook.github.io/react/docs/tutorial.html // tutorial7.js var converter = new Showdown.converter(); var Comment = React.createClass({ render: function() { var rawMarkup = converter.makeHtml(this.props.children.toString()); return ( <div className="comment"> <h2 className="commentAuthor"> {this.props.author} </h2> <span dangerouslySetInnerHTML={{__html: rawMarkup}} /> </div> ); } }); 私はJSXで何かをマークアップするクールな方法があることを知っていますが、主に生のhtml（すべてのクラス、インラインスタイルなど）をレンダリングできることに興味があります。このような複雑なもの：  <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" …

154 javascript reactjs

11

JSクライアント側のExif方向：JPEG画像の回転とミラーリング

デジタルカメラの写真は、多くの場合、EXIFの「向き」タグが付いたJPEGとして保存されます。正しく表示するには、設定されている方向に応じて画像を回転またはミラーリングする必要がありますが、ブラウザはこの情報を無視して画像をレンダリングします。大規模な商用Webアプリでも、EXIFオリエンテーションのサポートは不安定な場合があります1。同じソースは、JPEGが持つことができる8つの異なる方向の優れた要約も提供します。サンプル画像は4にあります。問題は、クライアント側で画像を回転/ミラーリングして、正しく表示し、必要に応じてさらに処理できるようにする方法です。 EXIFデータを解析するために利用できるJSライブラリがあり、方向属性2を含みます。webworkersの使用が必要な、大きな画像を解析するときのFlickrは、可能なパフォーマンス上の問題を指摘し3。コンソールツールは、画像の向きを正しく変更できます5。問題を解決するPHPスクリプトは6で利用可能です

154 javascript rotation html5-canvas exif

16

JavaScriptの文字列としての変数名

JavaScriptで文字列として変数名を取得する方法はありますか？（ココアのようNSStringFromSelectorに）私はこのようにしたいと思います： var myFirstName = 'John'; alert(variablesName(myFirstName) + ":" + myFirstName); --> myFirstName:John 更新 JavaScriptを使用してブラウザーと別のプログラムを接続しようとしています。コールバックメソッドのために、ブラウザーから別のプログラムにインスタンス名を送信したいと思います。 FooClass = function(){}; FooClass.someMethod = function(json) { // Do something } instanceA = new FooClass(); instanceB = new FooClass(); doSomethingInAnotherProcess(instanceB); // result will be substituted by using instanceB.someMethod(); ... 別のプログラムから： evaluateJavascriptInBrowser("(instanceName).someMethod("resultA");"); PHP：PHPで変数名を文字列として取得する方法は？

154 javascript

18

background-sizeをシミュレート：<video>または<img>のカバー

どのように私はの機能をシミュレートできるbackground-size:coverようなHTML要素の上<video>または<img>？次のように機能させたい background-size: cover; background-position: center center;

154 javascript jquery css

30

input type = file show only button

<input type=file />テキストフィールドなしで「参照」ボタンのみを表示するように要素（またはスクリプト）のスタイルを設定する方法はありますか？ありがとう編集：なぜこれが必要なのかを明確にするためです。http://www.morningz.com/?p=5のマルチファイルアップロードコードを使用していますが、値がないため、テキスト入力フィールドは必要ありません。スクリプトは、新しく選択したファイルをページのコレクションに追加するだけです。可能であれば、テキストフィールドがないと見栄えがよくなります。

154 javascript html css

13

svg要素でz-indexを使用するには？

私はこのような私のプロジェクトでsvgサークルを使用しています、 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> また、gタグでz-indexを使用して、最初の要素を表示しています。私のプロジェクトでは、z-index値のみを使用する必要がありますが、svg要素にz-indexを使用できません。私はたくさんグーグルしましたが、比較的何も見つかりませんでした。それで、私のsvgでz-indexを使用するのを手伝ってください。これがデモです。

154 javascript jquery svg z-index

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

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