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

ECMAScript(JavaScript / JS)とそのさまざまな方言/実装(ActionScriptを除く)でのプログラミングに関する質問。このタグが単独で使用されることはほとんどありませんが、ほとんどの場合、[node.js]、[jquery]、[json]、および[html]タグに関連付けられています。

9
「this」をアロー関数にバインドできますか?
ES6をしばらく試してみましたが、ちょっとした問題が発生しました。 私はアロー関数を使うのが本当に好きで、できる限りそれを使います。 ただし、バインドできないようです。 これが関数です: var f = () => console.log(this); これは、関数をバインドするオブジェクトです。 var o = {'a': 42}; そして、ここで私が結合する方法ですfにo: var fBound = f.bind(o); そして、私はただ電話することができますfBound: fBound(); これを出力します(oオブジェクト): {'a': 42} 涼しい!美しい!それが機能しないことを除いて。oオブジェクトを出力する代わりに、オブジェクトを出力しwindowます。 だから私は知りたいです:あなたは矢印関数をバインドできますか?(もしそうなら、どうですか?) 上記のコードをGoogle Chrome 48とFirefox 43でテストしましたが、結果は同じです。


14
React.jsのコンポーネントonScrollのスタイルを更新する
私はReactでコンポーネントを構築しました。これは、ウィンドウスクロールで独自のスタイルを更新して視差効果を作成することになっています。 コンポーネントrenderメソッドは次のようになります。 function() { let style = { transform: 'translateY(0px)' }; window.addEventListener('scroll', (event) => { let scrollTop = event.srcElement.body.scrollTop, itemTranslate = Math.min(0, scrollTop/3 - 60); style.transform = 'translateY(' + itemTranslate + 'px)'); }); return ( <div style={style}></div> ); } Reactはコンポーネントが変更されたことを認識していないため、これは機能しません。したがって、コンポーネントは再レンダリングされません。 の値をitemTranslateコンポーネントの状態に保存setStateし、スクロールコールバックを呼び出してみました。ただし、スクロールが非常に遅いため、スクロールが使用できなくなります。 これを行う方法について何か提案はありますか?

7
「ウィンドウ」で「btoa」を実行できませんでした:エンコードされる文字列には、Latin1の範囲外の文字が含まれています。
私のテストによると、タイトルのエラーはGoogle Chromeでのみスローされます。ダウンロードできるように、大きなXMLファイルをbase64でエンコードしています。 this.loader.src = "data:application/x-forcedownload;base64,"+ btoa("<?xml version=\"1.0\" encoding=\"utf-8\"?>" +"<"+this.gamesave.tagName+">" +this.xml.firstChild.innerHTML +"</"+this.gamesave.tagName+">"); this.loader 非表示のiframeです。 通常、Google Chromeはbtoa呼び出し時にクラッシュするため、このエラーは実際にはかなりの変化です。ここではMozilla Firefoxには問題がないため、問題はブラウザに関連しています。私はファイル内の奇妙な文字を知りません。実際、ASCII以外の文字はないと思います。 Q: 問題のある文字を見つけて置換し、Chromeが文句を言わないようにするにはどうすればよいですか? Downloadifyを使用してダウンロードを開始しようとしましたが、機能しません。信頼性が低く、デバッグを許可するためにエラーをスローしません。

10
エラーの原因は何ですか:getaddrinfo EAI_AGAIN?
私のサーバーはこれを今日投げました、これは私が今まで見たことのないNode.jsエラーです: Error: getaddrinfo EAI_AGAIN my-store.myshopify.com:443 at Object.exports._errnoException (util.js:870:11) at errnoException (dns.js:32:15) at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:78:26) これが今日のShopifyや他の多くのサービスに影響を与えたDynDns DDOS攻撃に関連しているのではないかと思います。これに関する記事です。 私の主な質問は何をdns.jsするのですか?ノードのどの部分ですか?別のドメインでこのエラーを再現するにはどうすればよいですか?

9
ReactのuseState()とは何ですか?
私は現在Reactでフックの概念を学び、以下の例を理解しようとしています。 import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } 上記の例は、ハンドラー関数パラメーター自体のカウンターをインクリメントします。イベントハンドラー関数内のカウント値を変更したい場合 以下の例を検討してください setCount = () => …

6
URLを変更し、jQueryを使用してリダイレクトする
私はこのようなコードを持っています、 <form id="abc"> <input type="text" id="txt" /> </form> そして今、私はこのようにリダイレクトしたいのですが、 var temp = $("#txt").val(); url = "http://example.com/" + temp; window.location.replace(url); // or window.location(url); これを解決するためにjQueryにとにかくありますか?それでも私は持っていurl = http://example.comます。

12
Cookieまたはローカルストレージなしのユーザー認識
私は分析ツールを作成しており、現在、ユーザーエージェントからユーザーのIPアドレス、ブラウザ、オペレーティングシステムを取得できます。 Cookieやローカルストレージを使用せずに同じユーザーを検出する可能性があるのでしょうか。ここにコード例を期待していません。どこを見ればよいかを示す簡単なヒントです。 同じコンピューター/デバイスの場合は、クロスブラウザー互換である必要があることを言及するのを忘れていました。基本的に、私は実際にはユーザーではなくデバイスを認識した後です。

8
AngularJSを使用してASP.NET Web APIメソッドからファイルをダウンロードする
私のAngular JSプロジェクトには<a>アンカータグがあり、クリックするとGETファイルを返すWebAPIメソッドにHTTP リクエストを送信します。 リクエストが成功したら、ファイルをユーザーにダウンロードしてもらいたい。それ、どうやったら出来るの? アンカータグ: <a href="#" ng-click="getthefile()">Download img</a> AngularJS: $scope.getthefile = function () { $http({ method: 'GET', cache: false, url: $scope.appPath + 'CourseRegConfirm/getfile', headers: { 'Content-Type': 'application/json; charset=utf-8' } }).success(function (data, status) { console.log(data); // Displays text data if the file is a text file, binary if it's an …

3
Fluxアーキテクチャでは、ストアのライフサイクルをどのように管理しますか?
Fluxについて読んでいますが、Todoアプリの例は単純すぎて、いくつかの重要なポイントを理解できません。 ユーザープロフィールページを備えたFacebookのような単一ページのアプリを想像してみてください。各ユーザープロファイルページで、無限のスクロールでユーザー情報とその最後の投稿を表示します。ユーザープロファイル間を移動できます。 Fluxアーキテクチャーでは、これはどのようにストアとディスパッチャーに対応しますか? PostStoreユーザーごとに1つ使用するのでしょうか、それとも何らかのグローバルストアを使用するのでしょうか。ディスパッチャーについてはどうですか?「ユーザーページ」ごとに新しいDispatcherを作成しますか、それともシングルトンを使用しますか?最後に、ルートの変更に応じて「ページ固有」ストアのライフサイクルを管理するのは、アーキテクチャのどの部分ですか。 さらに、単一の疑似ページには、同じタイプのデータの複数のリストがある場合があります。たとえば、プロフィールページで、フォロワーとフォローの両方を表示したいとします。UserStoreこの場合、シングルトンはどのように機能しますか?だろUserPageStore管理followedBy: UserStoreとfollows: UserStore?

3
Angularディレクティブのデータ変更を$ watchする
$watch内部でデータを操作(たとえば、データの挿入または削除)するときに、Angularディレクティブで変数をトリガーできますが、その変数に新しいオブジェクトを割り当てられません。 現在JSONファイルからロードされている単純なデータセットがあります。私のAngularコントローラーはこれを行い、いくつかの関数を定義します: App.controller('AppCtrl', function AppCtrl($scope, JsonService) { // load the initial data model if (!$scope.data) { JsonService.getData(function(data) { $scope.data = data; $scope.records = data.children.length; }); } else { console.log("I have data already... " + $scope.data); } // adds a resource to the 'data' object $scope.add = function() { $scope.data.children.push({ "name": …

3
Gulp.jsタスク、srcに戻りますか?
私はgulpを使うのが初めてで、セットアップの例を調べています。一部の人々は以下の構造を持っています: gulp.task("XXXX", function() { gulp.src(".... 他の人はこれを持っています: gulp.task("XXXX", function() { return gulp.src(".... 私はsrc のリターンがどのような違いを生むのかと思っていますか?
132 javascript  node.js  gulp 

9
良いJavaScriptミニファイアはありますか?[閉まっている]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 6年前休業。 この質問を改善する どのJavaScriptミニファイアをお勧めしますか?
132 javascript  minify 

6
JavaScriptでdocument.bodyがnullになるのはなぜですか?
これが私の簡単なHTML文書です。 Chromeコンソールでこのエラーが表示されるのはなぜですか: "キャッチされていないTypeError:"のメソッド 'appendChild'を呼び出せませんnullか? <html> <head> <title>Javascript Tests</title> <script type="text/javascript"> var mySpan = document.createElement("span"); mySpan.innerHTML = "This is my span!"; mySpan.style.color = "red"; document.body.appendChild(mySpan); alert("Why does the span change after this alert? Not before?"); </script> </head> <body> </body> </html>

4
Google Pagespeedの「スクロールせずに見えるコンテンツ」とは何ですか?
最近まで、私のサイト(www.heatexchangers.ca)はGoogle Page Speedで98%のスコアを付けていました。Webフォントのクエリ文字列など、私が何もできないことがいくつかありました。これが私にできることすべてを表していたので、私はこれにとても満足していました。 最近、Googleはページ速度のスコアに影響を与える何か他のものを追加しました、そして私は今ページ速度で89%だけを得て、この提案を得ます: スクロールせずに見えるコンテンツで、外部のレンダリングをブロックするJavaScriptとCSSを排除します。 これを修正するための提案には、すべての.cssファイルと.jsファイルを調べ、それらの一部を分離して、それらをhtmlにインラインで追加することが含まれるようです。私はできるだけ多くのJSとCSSをHTMLから除外する必要があるという印象を受けていたので、これは私にいくつかの混乱を引き起こしています。 「フォールドの上」のコンテンツとは正確には何ですか?フォント、背景色などのいくつかのスタイルの場合。そうすれば、インラインに含めるにはそれほど大きな取引ではないかもしれません。これが正確に何であるかのリストを見つけることができませんでした。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.