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

JavaScriptを使用してWebページの背景色を交換する簡単な方法を知っている人はいますか？

141 javascript  css 

UNIXタイムスタンプがあり、それをなどのカレンダー日付に変換しようとしていMM/DD/YYYYます。これまでのところ、私はこれを持っています： $(document).ready(function() { var value = $("#unixtime").val(); //this retrieves the unix timestamp var dateString = moment(value).calendar(); alert(dateString); }); カレンダーの日付を印刷しようとすると、ウィンドウに「無効な日付」と表示されます。誰かが私を助けてくれますか？

141 javascript  datetime  momentjs 

keypressリスナーを使用しています。 addEventListener("keypress", function(event){ } しかし、これはテキストを消去するバックスペースを検出していないようです... これを検出するために使用できる別のリスナーはありますか？

141 javascript  keypress  addeventlistener 

この値を取得する必要があるたびに新しいオブジェクトをインスタンス化する必要なく、日付オブジェクトを使用してミリ秒単位で時間を取得する代替手段、または少なくともそのオブジェクトを再利用する方法はありますか？JavaScriptで単純なゲームエンジンを作成しようとしているため、これを求めています。「デルタフレーム時間」を計算するときは、フレームごとに新しいDateオブジェクトを作成する必要があります。これによるパフォーマンスへの影響についてはあまり心配していませんが、このオブジェクトによって返される正確な時刻の信頼性に問題があります。 毎秒ぐらいアニメーションで奇妙な「ジャンプ」が発生します。これがJavaScriptのガベージコレクションに関連しているか、更新が非常に速い場合のDateオブジェクトの制限に関連しているかはわかりません。デルタ値を一定に設定すると、アニメーションが完全にスムーズになるため、この「ジャンプ」が時間の取得方法に関連していると確信しています。 私が与えることができる唯一の関連コードは、デルタ時間を計算する方法です： prevTime = curTime; curTime = (new Date()).getTime(); deltaTime = curTime - prevTime; 動き/アニメーションを計算するとき、私は一定の値にデルタ時間を掛けます。 Dateオブジェクトを使用して時間をミリ秒単位で取得するのを回避する方法がない場合、変数をインクリメントする関数（ゲーム開始からの経過時間はミリ秒単位）となり、SetTimer関数を使用して次のレートで呼び出されますミリ秒に1回は効率的で信頼性の高い代替手段ですか？ 編集：さまざまなブラウザでコードをテストしましたが、この「ジャンプ」は実際にはFirefoxではなくChromeでのみ確認できるようです。しかし、両方のブラウザで機能するメソッドがあればなお良いでしょう。

141 javascript 

次のES6モジュールがあります。 network.js export function getDataFromServer() { return ... } widget.js import { getDataFromServer } from 'network.js'; export class Widget() { constructor() { getDataFromServer("dataForWidget") .then(data => this.render(data)); } render() { ... } } のモックインスタンスでウィジェットをテストする方法を探していますgetDataFromServer。<script>KarmaのようにES6モジュールの代わりに個別のを使用した場合、次のようなテストを作成できます。 describe("widget", function() { it("should do stuff", function() { let getDataFromServer = spyOn(window, "getDataFromServer").andReturn("mockData") let widget = new …

141 javascript  unit-testing  mocha  ecmascript-6 

古い文字列（通常は1つの単語）を受け入れる関数を作成し、そこから何らかの方法で#000000との間の16進値を生成したい#FFFFFFので、HTML要素の色として使用できます。 #FFFそれほど複雑ではない場合は、省略された16進数値（例：）でもかまいません。実際、「Webセーフ」パレットの色が理想的です。

141 javascript  string  colors  hex 

ここで何が尋ねられているのかを知るのは難しい。この質問は、あいまいで、あいまいで、不完全で、過度に広い、または修辞的であり、現在の形では合理的に回答することができません。再開できるようにこの質問を明確にするヘルプについては、ヘルプセンターに アクセスしてください。 8年前に閉鎖。 フォームを送信するボタンがあるフォームがあります。送信が行われる前に何かをする必要があります。そのボタンでonClickを試してみましたが、送信後に発生します。 コードを共有できませんが、一般的に、jQueryまたはJSでこれを処理するにはどうすればよいですか？

141 javascript  jquery  html 

second.jsファイルのfirst.jsファイルで定義された関数を呼び出したいと思いました。どちらのファイルも、次のようなHTMLファイルで定義されています。 <script type="text/javascript" src="first.js"></script> <script type="text/javascript" src="second.js"></script> でfn1()定義されfirst.jsてsecond.jsいるを呼び出したいです。私の検索からの答えはfirst.js最初に定義されている場合は可能でしたが、私のテストからはそれを行う方法が見つかりませんでした。 これが私のコードです： second.js document.getElementById("btn").onclick = function() { fn1(); } first.js function fn1() { alert("external fn clicked"); }

141 javascript  html 

これは簡単な問題で、以前に行ったことがあります。どのように呼ばれたか、正確には何と呼ばれたか思い出せない。 Pythonではこれを行うことができます： arr = ['one', 'two'] one, two = arr JavaScriptでそれを行うにはどうすればよいですか？

141 javascript  arrays 

Webパックを使用して、reactjsプロジェクトを管理しています。webpackでJavaScriptで画像をロードしたいfile-loader。以下はwebpack.config.jsです： const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports = { entry: { jsx: './app/index.jsx', }, output: { path: PATHS.build, filename: 'app.bundle.js', }, watch: true, devtool: 'eval-source-map', relativeUrls: true, resolve: { …

141 javascript  reactjs  webpack 

入力ボックスがあり、フォームを移植するときの問題を回避するために、それを無効にして同時に非表示にしたいです。 これまでのところ、入力を非表示にする次のコードがあります。 $(".shownextrow").click(function() { $(this).closest("tr").next().show().find('.longboxsmall').hide(); }); これは、結果として非表示になる入力です。 <input class="longboxsmall" type="text" /> 無効な属性を入力に追加するにはどうすればよいですか？

141 javascript  jquery  input  onclick 

私はこの小さなスクリプトを使用して、Firebugが開いているかどうかを調べています。 if (window.console && window.console.firebug) { //is open }; そしてそれはうまくいきます。現在、Google Chromeの組み込みのWeb開発者コンソールが開いているかどうかを検出する方法を見つけるために30分を探していましたが、ヒントは見つかりませんでした。 この： if (window.console && window.console.chrome) { //is open }; 動作しません。 編集： そのため、Chromeコンソールが開いているかどうかを検出できないようです。しかし、機能する「ハック」があり、いくつかの欠点があります。 コンソールがドッキングされていない場合は機能しません ページの読み込み時にコンソールが開いていると機能しません それで、今のところUnsignedの回答を選択しますが、some1が素晴らしいアイデアを思いついた場合、彼は引き続き回答することができ、選択した回答を変更します！ありがとう！

141 javascript  google-chrome  firebug  google-chrome-devtools 

JavaScriptの正規表現で否定的な後読みと同等のものを実現する方法はありますか？先頭が特定の文字セットではない文字列に一致させる必要があります。 文字列の先頭に一致する部分が見つかった場合、これを失敗せずに実行する正規表現を見つけることができないようです。否定的な後読みが唯一の答えのようですが、JavaScriptにはありません。 編集：これは私が働きたい正規表現ですが、それはしません： (?<!([abcdefg]))m したがって、「jim」または「m」の「m」と一致しますが、「jam」とは一致しません。

141 javascript  regex  negative-lookbehind 

es6テンプレートリテラルで、文字列に新しい行を作成せずに長いテンプレートリテラルを複数行にラップするにはどうすればよいですか？ たとえば、次のようにした場合： const text = `a very long string that just continues and continues and continues` 次に、新しい行があると解釈して、文字列に新しい行記号を作成します。改行を作成せずに長いテンプレートリテラルを複数の行にラップするにはどうすればよいですか？

141 javascript  ecmascript-6  template-literals 

現在、Firebase向けの新しいCloud Functionsの使用方法を学んでいますが、AJAXリクエストを介して記述した関数にアクセスできないという問題があります。「 'Access-Control-Allow-Origin'がありません」というエラーが表示されます。これが私が書いた関数の例です： exports.test = functions.https.onRequest((request, response) => { response.status(500).send({test: 'Testing functions'}); }) 関数は次のURLにあります：https : //us-central1-fba-shipper-140ae.cloudfunctions.net/test Firebase docsは関数内にCORSミドルウェアを追加することを提案していますが、試してみましたが、機能しません：https : //firebase.google.com/docs/functions/http-events これは私がそれをした方法です： var cors = require('cors'); exports.test = functions.https.onRequest((request, response) => { cors(request, response, () => { response.status(500).send({test: 'Testing functions'}); }) }) 何が悪いのですか？これで何か助けていただければ幸いです。 更新： Doug Stevensonの回答が役立ちました。（{origin：true}）を追加すると問題が修正され、最初は完全に見落としたものに変更response.status(500)する必要もありましたresponse.status(200)。

141 javascript  firebase  cors  google-cloud-functions