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

要素のCSS display == blockまたはnoneJavaScriptを使用しているかどうかを確認することはできますか？

95 javascript  css 

画面下部に全幅を占める白いバーを配置したいと思います。そのためにabsolute、継承されたflexboxパラメータでポジショニングを使用することを考えました。 次のコードで、それはのようなものレンダリングこれを。 これが私のコードです： var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... </View> ); } }); var Main = React.createClass({ render: function() { return( <View style={mainStyles.container}> <NavigationBar /> </View> ); } }); var mainStyles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#456783', } }); var …

95 javascript  css  react-native 

重複の可能性： JavaScript配列内の重複値を見つける最も簡単な方法 配列に重複する値があるかどうかを確認するにはどうすればよいですか？ 配列内のいくつかの要素が同じである場合は、trueを返します。それ以外の場合は、falseを返します。 ['hello','goodbye','hey'] //return false because no duplicates exist ['hello','goodbye','hello'] // return true because duplicates exist 重複を見つけることは気にしないことに注意してください。配列に重複が含まれているかどうかにかかわらず、ブール結果のみが必要です。

95 javascript  duplicates 

非常に単純です。Jestで1つのテストだけを実行したいと思います。 私は置くit.onlyかdescribe.only、しかしそれはまだたくさんのテストを実行します。前回のコミット以降、すべてのテストを実行すると思いますが、onlyフラグを明示的に設定した状態でこの動作を行うべきではありませんか？ この動作の原因と単一のテストの実行方法は何ですか？

95 javascript  unit-testing  jestjs 

おそらくこれに対する簡単な答えですが、moment.jsがUTC日時をミリ秒単位で返すようにする方法を見つけることができないようです。これが私がしていることです： var date = $("#txt-date").val(), expires = moment.utc(date); 私が間違っていることについて何か考えはありますか？

95 javascript  momentjs 

コンポーネント（typescript）内で関数を宣言し、Angular 2のクリックイベントでそれを呼び出す方法は？以下は、Angular2コードが必要なAngular1の同じ機能のコードです。 <button ng-click="myFunc()"></button> //コントローラ app.controller('myCtrl', ['$scope', function($cope) { $scope.myFunc= { console.log("function called"); }; }]);

95 javascript  angular  typescript 

var MainTable = Vue.extend({ template: "<ul>" + "<li v-for='(set,index) in settings'>" + "{{index}}) " + "{{set.title}}" + "<button @click='changeSetting(index)'> Info </button>" + "</li>" + "</ul>", data: function() { return data; } }); Vue.component("main-table", MainTable); data.settingsSelected = {}; var app = new Vue({ el: "#settings", data: data, methods: { changeSetting: function(index) …

95 javascript  vue.js  vuejs2  vue-component 

これは私のコードです： var XMLHttpRequest = require("xmlhttprequest").XMLHttpRequest; var xhr = new XMLHttpRequest(); xhr.open("GET", "//URL") xhr.setRequestHeader("Content-Type: application/json", "Authorization: Basic //AuthKey"); xhr.send(); エラーが発生します： Cannot find module 'xmlhttprequest' 最初の行を削除すると、次のようになります。 XMLHttpRequest is not defined 私はあちこちを検索し、Node.jsの問題についてあちこちで言及されていますが、Nodeのインストールは正しかったので、問題が何であるかわかりません。

95 javascript  node.js  xmlhttprequest 

ES6 Promisesを使用してすべてのネットワークデータ取得を管理していますが、強制的にキャンセルする必要がある場合があります。 基本的に、シナリオは、リクエストがバックエンドに委任されるUIで先行入力検索を行い、部分的な入力に基づいて検索を実行する必要があるというものです。このネットワーク要求（＃1）には少し時間がかかる場合がありますが、ユーザーは入力を続け、最終的に別のバックエンド呼び出し（＃2）をトリガーします。 ここでは、当然、＃2が＃1よりも優先されるため、Promiseラッピングリクエスト＃1をキャンセルしたいと思います。データレイヤーにすべてのPromiseのキャッシュが既にあるので、＃2のPromiseを送信しようとしているときに、理論的にはそれを取得できます。 しかし、キャッシュからPromise＃1を取得したら、どうすればキャンセルできますか？ 誰かがアプローチを提案できますか？

95 javascript  promise  cancellation 

JSXに空白を追加する方法（および理由）は理解していますが、ベストプラクティスは何か、または実際に違いがあるかどうか疑問に思っています。 両方の要素をスパンでラップします <div className="top-element-formatting"> <span>Hello </span> <span className="second-word-formatting">World!</span> </div> それらを1行で追加します <div className="top-element-formatting"> Hello <span className="second-word-formatting">World!</span> </div> JSでスペースを追加 <div className="top-element-formatting"> Hello {" "} <span className="second-word-formatting">World!</span> </div>

95 javascript  reactjs  react-jsx 

次のコードを使用して一意の番号を取得しています。 let uniques = [ ...new Set([1, 2, 3, 1, 1]) ]; // [1, 2, 3] ただし、typescriptは次のエラーを報告します：Type'Set 'は配列型ではありません。 私はtypescript忍者ではありません、誰かがここで何が悪いのか教えてもらえますか？

95 javascript  typescript  ecmascript-6  spread-syntax 

Reactは初めてでDATA、外部ファイルからJSON変数をインポートしようとしています。次のエラーが発生します： モジュール「./customData.json」が見つかりません 誰かが私を助けてくれますか？DATA変数が入っている場合は機能しますindex.jsが、外部JSONファイルにある場合は機能しません。 index.js import React, {Component} from 'react'; import ReactDOM from 'react-dom'; import customData from './customData.json'; import Profile from './components/profile'; import Hobbies from './components/hobbies'; class App extends Component { render() { return ( <div> <Profile name={this.props.profileData.name}imgUrl={this.props.profileData.imgURL} /> <Hobbies hobbyList={this.props.profileData.hobbyList}/> </div> ); } } ReactDOM.render(<App profileData={DATA}/>, document.querySelector('.container')); hobbies.js import React, …

95 javascript  json  reactjs 

ネストされたコンポーネントが2つありますが、親から子メソッドにアクセスする適切な方法は何ですか？ this.$children[0].myMethod() トリックをしているように見えますが、それはかなり醜いですよね、もっと良い方法は何ですか？ <script> import child from './my-child' export default { components: { child }, mounted () { this.$children[0].myMethod() } } </script>

95 javascript  vue.js 

チュートリアルDIYウィジェットを読みました-ニック博士によるXSSウィジェットの別のサイトにサイトを埋め込む方法。 スクリプトタグにパラメータを渡す方法を探しています。たとえば、次の作業を行うには： <script src="http://path/to/widget.js?param_a=1&param_b=3"></script> これを行う方法はありますか？ 2つの興味深いリンク： jQueryに依存するJavascriptウィジェットを未知の環境に埋め込む方法（Stackoverflowディスカッション） スクリプトタグへのパラメータの受け渡しに関する記事

95 javascript  parameters  widget  xss  script-tag 

次のようなVueインスタンスがあるとします。 new Vue({ el: '#app', data: { word: 'foo', }, filters: { capitalize: function(text) { return text.replace(/(?:^|\s)\S/g, function(a) { return a.toUpperCase(); }); } }, methods: { sendData: function() { var payload = this.$filters.capitalize(this.word); // how? } } } 次のようなテンプレートでフィルターを簡単に使用できます。 <span>The word is {{ word | capitalize }}</span> しかし、インスタンスメソッドまたは計算されたプロパティ内からこのフィルターを使用するにはどうすればよいですか？（明らかに、この例は簡単で、実際のフィルターはもっと複雑です）。

95 javascript  vue.js