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

私はReactJSで最初の一歩を踏み出し、親子間のコミュニケーションを理解しようとしています。私はフォームを作成しているので、フィールドをスタイリングするためのコンポーネントがあります。また、フィールドとチェックを含む親コンポーネントがあります。例： var LoginField = React.createClass({ render: function() { return ( <MyField icon="user_icon" placeholder="Nickname" /> ); }, check: function () { console.log ("aakmslkanslkc"); } }) var MyField = React.createClass({ render: function() { ... }, handleChange: function(event) { //call parent! } }) それを行う方法はありますか？そして私のロジックはreactjs "world"で良いのでしょうか？御時間ありがとうございます。

140 javascript  reactjs 

別の要素のすべての要素から配列 をフィルタリングする最良の方法を理解したいと思います。フィルター機能を試してみましたが、削除する値を指定する方法がわかりません。何かのようなもの： var array = [1,2,3,4]; var anotherOne = [2,4]; var filteredArray = array.filter(myCallback); // filteredArray should now be [1,3] function myCallBack(){ return element ! filteredArray; //which clearly can't work since we don't have the reference <,< } フィルター機能が役に立たない場合、どのようにこれを実装しますか？ 編集：重複する可能性のある質問をチェックしましたが、javascriptを簡単に理解する人にとっては役立ちます。良いと確認された答えは物事を簡単にします。

140 javascript  arrays  filter 

Promises / A +仕様を読み終えたところで、microtaskとmacrotaskという用語に出会いました。http：//promisesaplus.com/#notesを参照してください。 私はこれまでこれらの用語を聞いたことがありませんでした、そして今、私はその違いが何であるかについて知りたいですか？ 私はすでにウェブ上でいくつかの情報を見つけようとしましたが、私が見つけたすべてはw3.org Archivesからのこの投稿です（これは私には違いを説明していません）：http : //lists.w3.org/Archives /Public/public-nextweb/2013Jul/0018.html さらに、「macrotask」と呼ばれるnpmモジュールを見つけました。https：//www.npmjs.org/package/macrotask 繰り返しますが、正確な違いは明確ではありません。 で説明したように、すべてのI knowが、それはイベントループとは何かを持っていること、であるhttps://html.spec.whatwg.org/multipage/webappapis.html#task-queue と//html.spec.whatwg：HTTPS .org / multipage / webappapis.html＃perform-a-microtask-checkpoint このWHATWG仕様を考えると、理論的には自分で違いを抽出できるはずです。しかし、専門家による短い説明から他の人も同様に恩恵を受けることができると私は確信しています。

140 javascript  node.js  promise  event-loop 

これは私BlobがBase64文字列にしたいコードのスニペットです： このコメント部分は機能し、これによって生成されたURLがimg srcに設定されると、画像が表示されます。 var blob = items[i].getAsFile(); //var URLObj = window.URL || window.webkitURL; //var source = URLObj.createObjectURL(blob); //console.log("image source=" + source); var reader = new FileReader(); reader.onload = function(event){ console.log(event.target.result) }; // data url! var source = reader.readAsBinaryString(blob); 問題は下位コードにあり、生成されたソース変数はnullです 更新： 上記のコードのように、JQueryを使用してBlobファイルからBase64文字列を作成できる簡単な方法はありますか？

140 javascript  jquery 

要素の「title」属性からツールチップの速度を変更する方法はありますか？ツールチップがすぐに表示されたらいいのですが、表示されるまでに数秒かかるようです。

140 javascript  html 

複数のHTMLページに含まれる共通のヘッダーページとフッターページを作成したいと考えています。 JavaScriptを使用したいのですが。HTMLとJavaScriptのみを使用してこれを行う方法はありますか？ ヘッダーページとフッターページを別のHTMLページ内にロードしたい。

140 javascript  jquery  html  css 

現在、Twitter Bootstrap 3には次のレスポンシブブレークポイントがあります：768px、992px、1200pxで、それぞれ、小型、中型、大型のデバイスを表します。 JavaScriptを使用してこれらのブレークポイントを検出するにはどうすればよいですか？ 画面が変化したときにトリガーされるすべての関連イベントをJavaScriptでリッスンしたいと思います。また、画面が小型、中型、または大型のデバイス用かどうかを検出できるようにします。 すでに何かが行われていますか？あなたの提案は何ですか？

139 javascript  twitter-bootstrap-3  dom-events 

ブラウザがHTML5 <canvas>タグをサポートしない状況に対処する標準的な方法は、次のようなフォールバックコンテンツを埋め込むことです。 <canvas>Your browser doesn't support "canvas".</canvas> ただし、ページの残りの部分は同じままで、不適切または誤解を招く可能性があります。キャンバスの非サポートを検出して、残りのページを適切に表示できるようにしたいのですが。あなたは何をお勧めします？

139 javascript  html  canvas  progressive-enhancement  graceful-degradation 

"this"変数を設定する良い方法を理解できないことを除いて、私はJavascriptをかなりよく理解しています。考慮してください： var myFunction = function(){ alert(this.foo_variable); } var someObj = document.body; //using body as example object someObj.foo_variable = "hi"; //set foo_variable so it alerts var old_fn = someObj.fn; //store old value someObj.fn = myFunction; //bind to someObj so "this" keyword works someObj.fn(); someObj.fn = old_fn; //restore old value 最後の4行なしでこれを行う方法はありますか？それはかなり迷惑です...私は匿名関数をバインドしようとしましたが、これは美しくて賢いと思いましたが、役に立ちませんでした： var …

139 javascript  variables  scope  this 

特定のプロパティの値でオブジェクトのリストをフィルターするカスタムフィルターをAngularJSで作成しようとしています。この場合、「極性」プロパティ（「正」、「中性」、「負」の可能な値）でフィルタリングしたいと思います。 フィルターなしの私の作業コードは次のとおりです。 HTML： <div class="total"> <h2 id="totalTitle"></h2> <div>{{tweets.length}}</div> <div id="totalPos">{{tweets.length|posFilter}}</div> <div id="totalNeut">{{tweets.length|neutFilter}}</div> <div id="totalNeg">{{tweets.length|negFilter}}</div> </div> 以下は、JSON形式の "$ scope.tweets"配列です。 {{created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", profile_image_url: "profile pic"}, retweet_count: "retweet count", polarity: "Positive"}, {created_at: "Date", text: "tweet text", user:{name: "user name", screen_name: "user screen name", …

139 javascript  angularjs 

私はで各関数のドキュメントを読みました jQuery official websiteが、以下の関数の間にはそのような比較リストはありません。 $().click(fn) $().bind('click',fn) $().live('click',fn) $().delegate(selector, 'click', fn) $().trigger('click') // UPDATED $().on('click', selector ,fn); // more UPDATED 参照リンクは避けてください。 上記のすべての機能はどのように正確に機能し、どの状況でどちらを優先する必要がありますか？ 注：同じ機能またはメカニズムを持つ他の機能がある場合は、詳しく説明してください。 更新 $.trigger機能も見ました。上記の機能と同様に機能しますか？ その他の更新 今v1.7.onで追加され、これは何らかの形で上記のすべての機能要件を一緒にカバーすると思います。

139 javascript  jquery 

間の唯一の違いですRegisterStartupScriptとRegisterClientScriptBlockRegisterStartupScriptを閉じる前に、JavaScriptを置くことで</form>ページのタグとあるRegisterClientScriptBlockは、右の開始後にそれを置く<form>ページのタグ？ また、いつどちらを選ぶのですか？問題が発生した簡単なサンプルページを書きましたが、それが発生している正確な理由がわかりません。 aspxマークアップは次のとおりです。 <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="lblDisplayDate" runat="server" Text="Label" /><br /> <asp:Button ID="btnPostback" runat="server" Text="Register Startup Script" onclick="btnPostback_Click" /><br /> <asp:Button ID="btnPostBack2" runat="server" Text="Register" onclick="btnPostBack2_Click" /> </div> </form> </body> </html> これが背後にあるコードです： protected void Page_Load(object sender, EventArgs e) { lblDisplayDate.Text = DateTime.Now.ToString("T"); …

139 c#  javascript  asp.net  .net 

私は最近、興味深いデザインとコンテンツを備えたWebサイトで「ソースを表示」しました。これらのWebサイトの1つであるSquarespaceには、次のように<script>タグの内側にタグのブロックがあります<noscript>。 <!-- Page is at: http://squarespace.com --> ... ... <noscript id="inline-deps"> <link rel="stylesheet" type="text/css" href="//cloud.typography.com/7811972/758964/css/fonts.css" /> <script type="text/javascript" src="https://static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/7400/assets/logomark/logomark.min.js?37"></script> <link rel="stylesheet" href="https://static.squarespace.com/static/ta/5134cbefe4b0c6fb04df8065/7400/assets/logomark/logomark.min.css?37" type="text/css" /> </noscript> ... ... それは奇妙なことに私を襲い、そのような奇妙なHTMLのある種の隠された機能/目的があるかどうかを調べるために情報を探しましたが、役に立ちませんでした。要素の<script>内部にタグを置くことには何らかの目的があります<noscript>か、それとも単なる悪いHTMLの例ですか？

139 javascript  html  noscript 

純粋なJavaScriptでライトボックスを作成しています。そのためにオーバーレイを作成しています。このオーバーレイを本文に追加しますが、ページのコンテンツも保持します。私の現在のコードはオーバーレイdivを追加しますが、本文の現在のコンテンツも削除します。div要素を追加してコンテンツを本文に保持する方法は？ var el = document.getElementById('element'); var body = document.getElementsByTagName('body'); el.innerHTML = '<p><a id="clickme" href="#">Click me</a></p>'; document.getElementById('clickme').onclick = function (e) { e.preventDefault(); document.body.innerHTML = '<div style="position:absolute;width:100%;height:100%;opacity:0.3;z-index:100;background:#000;"></div>'; }

139 javascript 

私はしばらくの間、スタックオーバーフローをグーグル検索して検索してきましたが、この問題を回避することはできません。 たとえば、フルーツを含む標準のHTMLテーブルがあります。そのようです： <table> <tr> <td>Apple</td> <td>Green</td> </tr> <tr> <td>Grapes</td> <td>Green</td> </tr> <tr> <td>Orange</td> <td>Orange</td> </tr> </table> この上にテキストボックスがあり、ユーザーが入力するときにテーブルを検索します。したがって、Greたとえば入力すると、テーブルのオレンジ色の行が消え、リンゴとブドウが残ります。彼らが続けてタイプGreen Grすると、リンゴの列は消え、ブドウだけが残るはずです。これが明確であることを願っています。 また、ユーザーがクエリの一部またはすべてをテキストボックスから削除した場合、クエリに一致するすべての行が再び表示されるようにする必要があります。 jQueryでテーブル行を削除する方法は知っていますが、これに基づいて検索を実行し、行を選択的に削除する方法についてはほとんど考えていません。これに対する簡単な解決策はありますか？またはプラグイン？ 誰かが私を正しい方向に向けることができればそれは素晴らしいでしょう。 ありがとうございました。

139 javascript  jquery  html