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

複数のjavascriptファイルがあり、他の前に読み込まれるファイルでいくつかのグローバル変数を定義しました。結果として、最初にロードされたすべてのファイルは、グローバル変数にアクセスできます。ただし、ESLintはグローバル変数を「未定義」として表示します。ESLintのルールを変更したくありません。これらのエラーメッセージを取り除くためのエレガントな方法を見つけたいと思います。どんな手掛かり？ありがとう

100 javascript  variables  global  eslint 

ドーナツチャート内でテキストをレンダリングする方法、私はChartJsを使用しています。

100 javascript  chart.js 

ユーザーがフィールドにカーソルを合わせたときに、この派手な小さなJavaScriptを使用してフィールドを強調表示しています。onclickリンクとして機能する機能を追加してURLに行く方法があるか教えていただけませんか？ <script> $(function() { $('tr').hover(function() { $(this).css('background-color', '#eee'); $(this).contents('td').css({'border': '0px solid red', 'border-left': 'none', 'border-right': 'none'}); $(this).contents('td:first').css('border-left', '0px solid red'); $(this).contents('td:last').css('border-right', '0px solid red'); }, function() { $(this).css('background-color', '#FFFFFF'); $(this).contents('td').css('border', 'none'); $('a#read_message.php').click(function(){ URL(); }); }); }); </script>

100 javascript  jquery  hyperlink 

JavaScriptを使用してHTML入力から「無効」属性を削除するにはどうすればよいですか？ <input id="edit" disabled> onClickで、「無効」属性で構成されないように入力タグを設定します。

100 javascript  input  attributes 

私が実行しているファイルtest_stuff.jsがあります npm test それはほとんどこのように見えます： import { assert } from 'assert'; import { MyProvider } from '../src/index'; import { React } from 'react'; const myProvider = ( <MyProvider> </MyProvider> ); describe('Array', function() { describe('#indexOf()', function() { it('should return -1 when the value is not present', function() { assert.equal(-1, [1,2,3].indexOf(4)); }); }); …

100 javascript  reactjs  npm  react-jsx 

私がこのような方法をスパイしているとしましょう： spyOn(util, "foo").andReturn(true); テスト中の関数がutil.foo複数回呼び出します。 スパイtrueが最初に呼び出されたときにfalse、2回目に戻ってくるようにすることはできますか？または、これについて別の方法がありますか？

100 javascript  unit-testing  jasmine 

一連のスクリプトを順番に読み込もうとしていますが、onloadイベントが発生しません。 var scripts = [ '//cdnjs.cloudflare.com/ajax/libs/less.js/1.3.3/less.min.js', '//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.min.js', MK.host+'/templates/templates.js' ]; function loadScripts(scripts){ var script = scripts.shift(); var el = document.createElement('script'); el.src = script; el.onload = function(script){ console.log(script + ' loaded!'); if (scripts.length) { loadScripts(scripts); } else { console.log('run app'); MK.init(); } }; $body.append(el); } loadScripts(scripts); jQueryを使用して要素をDOMに追加すると、el.onloadのようなネイティブイベントが発生しないと思います。ネイティブを使用するdocument.body.appendChild(el)と、期待どおりに起動します。

100 javascript  jquery  onload 

いいえ、これは重複した質問ではありません。ご覧のとおり、SOとGithubには、[(ngModel)]ディレクティブがあり、フォームに含まれていないタグにこのディレクティブを追加することを規定する多くの質問と問題があります。追加しないとエラーが発生します。 ERROR Error: No value accessor for form control with unspecified name attribute OK、この属性をそこに置くとエラーはなくなります。ちょっと待って！それが何をするか誰も知らない！そして、Angularのドキュメントはそれについてまったく触れていません。値アクセサーが必要ないことがわかっているのに、なぜそれが必要なのですか？この属性は値アクセサーにどのように関連付けられていますか？この指令は何をしますか？バリューアセッサーとは何ですか。どのように使用しますか？ そして、なぜ誰もがすべてを理解していないことをし続けるのですか？このコード行を追加するだけで機能します。ありがとうございます。これは優れたプログラムを作成する方法ではありません。 その後。私はAngularのフォームに関する1つではなく2つの巨大なガイドと次のセクションを読みましたngModel： https://angular.io/guide/forms https://angular.io/guide/reactive-forms https://angular.io/guide/template-syntax#ngModel そして、あなたは何を知っていますか？値アクセサまたはのいずれかについての単一の言及ではありませんngDefaultControl。それはどこにある？

100 javascript  angular 

私はこれを行う方法を見つけるのに苦労しています。親コンポーネントでは、テンプレートはtableとそのthead要素を記述しtbodyますが、次のようにを別のコンポーネントにレンダリングします。 <table> <thead> <tr> <th>Name</th> <th>Time</th> </tr> </thead> <tbody *ngFor="let entry of getEntries()"> <my-result [entry]="entry"></my-result> </tbody> </table> 各myResultコンポーネントはtr、基本的に次のように独自のタグをレンダリングします。 <tr> <td>{{ entry.name }}</td> <td>{{ entry.time }}</td> </tr> これを親コンポーネントに直接配置しない（myResultコンポーネントの必要性を回避する）理由は、myResultコンポーネントが実際にここに示すよりも複雑であるため、その動作を別のコンポーネントとファイルに配置したいためです。 結果のDOMは悪いように見えます。これはtbody、tr要素しか含めることができないため（MDNを参照）、無効であるためと考えられますが、生成された（簡略化された）DOMは次のとおりです。 <table> <thead> <tr> <th>Name</th> <th>Time</th> </tr> </thead> <tbody> <my-result> <tr> <td>Bob</td> <td>128</td> </tr> </my-result> </tbody> <tbody> <my-result> <tr> <td>Lisa</td> <td>333</td> </tr> </my-result> …

100 javascript  angular 

質問： 単一の@clickで複数の関数を呼び出す方法は？（別名v-on:click）？ 私は試した 関数をセミコロンで分割します<div @click="fn1('foo');fn2('bar')"> </div>。 いくつかを使用し@clickます<div @click="fn1('foo')" @click="fn2('bar')"> </div>。 しかし、それを正しく行う方法は？ PS：確かに私はいつでもできる <div v-on:click="fn3('foo', 'bar')"> </div> function fn3 (args) { fn1(args); fn2(args); } しかし、これは時には良くありません。

100 javascript  vue.js 

私が作成したコンポーネントがあります： class Create extends Component { constructor(props) { super(props); } render() { var playlistDOM = this.renderPlaylists(this.props.playlists); return ( <div> {playlistDOM} </div> ) } activatePlaylist(playlistId) { debugger; } renderPlaylists(playlists) { return playlists.map(playlist => { return <div key={playlist.playlist_id} onClick={this.activatePlaylist(playlist.playlist_id)}>{playlist.playlist_name}</div> }); } } function mapStateToProps(state) { return { playlists: state.playlists } } export …

100 javascript  reactjs  redux 

Chrome DevToolsに表示されているjsxコードから生のES5に簡単に切り替える方法はありますか？

100 javascript  google-chrome  google-chrome-devtools  source-maps 

配列のようなJavascriptES6 Iterableがあり、長さが有限であることが事前にわかっているとしましょう。これをJavascript配列に変換する最良の方法は何ですか。 その理由は、アンダースコアやlodashなどの多くのjsライブラリは配列のみをサポートしているため、Iterableでそれらの関数のいずれかを使用する場合は、最初に配列に変換する必要があります。 Pythonでは、list（）関数を使用できます。ES6に同等のものはありますか？

100 javascript  arrays  ecmascript-6  iterable  babeljs 

私は電子メールの配列を持っており（1つの電子メールまたは100の電子メールにすることができます）、ajaxリクエスト（私はその方法を知っています）で配列を送信する必要がありますが、その中に10通以下の電子メール。したがって、元の20個の電子メールの配列がある場合は、それらをそれぞれ10個の2つの配列に分割する必要があります。または、元の配列に15個の電子メールがあり、次に10個の配列と5個の配列がある場合、jQueryを使用していますが、これを行うための最良の方法は何でしょうか。

100 javascript  jquery  arrays  loops 

バイナリ文字列を数字に変換したい例： var binary = "1101000" // code for 104 var digit = binary.toString(10); // Convert String or Digit (But it does not work !) console.log(digit); どうしてそれは可能ですか？ありがとう

100 javascript  node.js