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

画像とテキストを含むdivがあります（画像は可変サイズで、テキストは可変長です）。 正確な幅が事前に定義されている場合、すべてのdivコンテンツに適合するために必要な高さを計算する方法はありますか？ UPDを使用すると同じ間違った結果が出る $(document).ready() document.addEventListener("DOMContentLoaded", function () { var div = document.getElementById("Content"); var res = document.getElementById("Result"); res.innerHTML = div.offsetHeight; // incorrect - returns 252 while the real height is 360 (Firefox, Chrome) }); div { width: 400px; } img { float: left; margin: 0.5em; } <div id="Content"> <img src="https://picsum.photos/id/82/200/150" /> …

8 javascript  css 

私はChrome開発ツールで遊んでいて、次のコードを試しました： let = 1; let x = 2; console.log(let); // 1 console.log(x); // 2 コードスニペットを実行する結果を非表示スニペットを展開 「let」を「var」に置き換えた場合、上記のコードは機能しません。 それlet = 1はと同じだと思いvar let = 1ます。もしそうなら、let x = 2翻訳すべきではない1 x = 2のでエラーになりますか？

8 javascript 

初年度の学生のために、私は明らかにモジュールパターンを使用して書かれたシンプルなES5ベースのライブラリを提供しました。以下は、「メイン」モジュール/名前空間のスニペットで、他の拡張機能を収容します。 window.Library = (function ($) { if (!$) { alert("The Library is dependent on jQuery, which is not loaded!"); } return {}; })(window.jQuery); これは、Web開発に不慣れで、ES6などのファンシーなものをWebpackやBabelと組み合わせて使用​​していない学生のほぼ99.9％に役立ちます。 0.1％から、適切にインポートできるES6ベースのバージョンを提供するように要求されました。私はこれを提供できれば幸いですが、これに最善のアプローチをする方法にちょっとこだわっています。 私は明らかにES5の方法を維持したいので、生徒はスクリプトタグを使用してファイルを含め、Library.SomeExtension.aFunction();好きな場所に入力することができます。その上、一部の拡張機能はjQueryに依存しており、jQueryは上記のスニペットと同様の方法で挿入されます。 現在、jQueryを依存関係として使用して、1つのコードベースで両方の世界を最大限に活用するための保守可能な方法を探しています。99.9％をa window.Libraryにしたいのに対し、0.1％に使用方法を与えたいimport Library from 'library'。 両方を行う単一のJSファイルでこれを実現できますか？それとも特別なES6バージョンが必要ですか（問題はありません）？そして何よりも、両方の状況をサポートできるように、コード（すべて上記のスニペットと同様）をどのように改造しますか？ どんなポインタでも大歓迎です！ 編集：ただ、サイドノートとして、私はすでに持っているgulpfile.jsこのによるライブラリ走る場所でBabel、minifiers他のものを。したがって、上記の問題を解決するためにそれを拡張する必要はありません！

8 javascript  ecmascript-6  es6-modules 

現在、トグルアニメーションを維持しながら、再生/一時停止アイコンをテキストに置き換える方法に苦労しています。 どのJSコードがアイコンをレンダリングしているかを正確に理解し、次にそれらを削除/非表示にして、テキストで置き換えることができるようにしています 私はまだJSの初心者レベルです。どんな助けでも大歓迎です var tl = new TimelineMax(), $videoContainer = $('.cb-video-container'), $video = $videoContainer.find('.video'), $playPauseClickArea = $videoContainer.find('.play-pause--click-area'), $playPauseContainer = $videoContainer.find('.play-pause--container'), $playIcon = $videoContainer.find('.play-icon'), $pauseIcon = $videoContainer.find('.pause-icon'), iconIsToggled = false, iconEase = Back.easeInOut.config(1.7), iconDuration = 0.3; setupVideo(); // functions function setupVideo() { TweenMax.set($pauseIcon, { autoAlpha: 0, scale: 0 }); TweenMax.set($playPauseClickArea, { …

8 javascript  jquery  css 

JavaScriptをSharePointに追加し、ライブラリからExcelドキュメントまたはその中のデータを取得する関数を記述しようとしています。その方法はすでにわかりましたが、問題のファイルが大きすぎて返せません。ajaxのサイズ制限を手動で設定することを検討しましたが、これを行う方法が見つからなかったため、プランBは各行にクエリを送信します $("#button").click(function() { readFileRow(libraryUrl, "FileName.xlsx", "Sheet1", 1, "E", []) .done(function(cells) { console.log(xmlToJson(cells.documentElement)); }); }); /** * Reads a file in SharePoint Library via ExcelRest and returns the document * * @params string libraryUrl * @params string fileName * @params string sheetName * @params int rowNum * @params string lastColumn * …

8 javascript  jquery  ajax 

Open Dataからデータをプルして、クイックヒートマップをまとめようとしています。その過程で、いくつかの統計を追加したいと思います。データがあり、マップをレンダリングできるという点で、ほぼすべてがうまくいきますが、データが入るまでに時間がかかるため、データを取得した後の計算の処理方法がわかりません。どのように設定すれば、まだデータを受信して​​いない場合でも、状態変数に対して関数を実行できますか？現在、StatCardに小道具として渡される数値としてnullを取得しています。 以下は私の試みです： App.js import React, { Component } from 'react'; import Leaf from './Leaf'; import Dates from './Dates'; import StatCard from './StatCard'; import classes from './app.module.css'; class App extends Component { constructor(props) { super(props); this.state = { data:[], cleanData:[], dateInput: '2019-10-01', loading: false, totalInspections: null, calculate: false }; } …

8 javascript  reactjs  fetch  react-props 

nodejsでzipおよびunzip操作をマルチスレッド化できますか？ yauzlのようなモジュールはたくさんありますが、どちらも複数のスレッドを使用しておらず、node-clusterなどで複数のスレッドを自分で開始することはできません。各zipファイルは単一のスレッドで処理する必要があるためです。

8 javascript  node.js  zip 

を介して画面またはウィンドウへのメディアストリームをリクエストできますnavigator.mediaDevices.getDisplayMedia()。ただし、これにより、使用するキャプチャの種類を決定するようにすぐにユーザーに求められます。ブラウザ/プラットフォームがスクリーンキャプチャをサポートしているかどうかを確認する必要があります。 もちろん、をチェックすることは可能ですが、これは'getDisplayMedia' in navigator.mediaDevicesAPIがブラウザーでサポートされているかどうかを示すだけです。特に、FFおよびAndroid上のChromeでは、APIが定義されており、を呼び出すことができますgetDisplayMedia()が、常に即座にNotAllowedErrorエラーが返されます（これは予期されることです：caniuseによると、モバイルブラウザーはまだサポートしていませんgetDisplayMedia）。 次にチェックしてみましたnavigator.mediaDevices.getSupportedConstraints()。ただし、モバイルFFはデスクトップFFとまったく同じオブジェクトを返します。特に、navigator.mediaDevices.getSupportedConstraints().mediaSourceあるtrue両方の場合において。最後に、から返されたデータnavigator.mediaDevices.enumerateDevices()も役に立ちません。どうしても解釈できないデバイスとグループIDしか取得しません（そうですか？） 経由の画面キャプチャgetDisplayMediaがサポートされているかどうかを事前に検出することはできますか？ （注：このQ＆Aはかなり類似しているように見えますが、それについてgetUserMediaであり、すでにかなり古いものです）

8 javascript  getusermedia  mediadevices  get-display-media 

Chromeから次の警告が表示されます。 属性 なしでhttp://quilljs.com/のクロスサイトリソースに関連付けられたCookie が設定されましたSameSite。Chromeの将来のリリースでは、とが設定されている場合にのみ、クロスサイトリクエストでCookieを配信SameSite=NoneしSecureます。 quilljs.comはサードパーティのドメインであることに注意してください。 私はこれらの 質問を見ました、両方の質問の答えは似ています、いくつかはこのようなことを言います： コードとは関係ありません。Webサーバーがサポートする必要があるものです。 他の人はこのような答えを提供しますが： response.setHeader("Set-Cookie", "HttpOnly;Secure;SameSite=Strict"); これが自分のウェブサイトで修正する必要があるものか、サードパーティのライブラリで修正する必要があるものかわかりません。

8 javascript  google-chrome  cookies  cross-site  samesite 

APIを介してフェッチし、APIを介してDBにデータを書き込み、別のAPIを介してフロントエンドに出力を送信する複数のAPI呼び出しを行う必要があります。 以下のようにawaitを使用して非同期関数を作成しました- 最初の2つは次々に実行する必要がありますが、3つ目は独立して実行でき、最初の2つのフェッチステートメントが完了するのを待つ必要はありません。 let getToken= await fetch(url_for_getToken); let getTokenData = await getToken.json(); let writeToDB = await fetch(url_for_writeToDB); let writeToDBData = await writeToDB.json(); let frontEnd = await fetch(url_for_frontEnd); let frontEndData = await frontEnd.json(); そのような複数のフェッチ文を処理する最良の方法は何ですか？

8 javascript  async-await  fetch 

コード例： Hub.listen('auth', event => { const { event: type, data } = event.payload; if (type === 'signIn') { const session = data.signInUserSession; console.log('SESSION', data.signInUserSession); setTimeout(() => { console.log('SESSION', data.signInUserSession); }, 100); } }); 宣誓を使用する場合、プロバイダーが私のアプリにリダイレクトした後、ハブはsignInイベントを発生させます。ただし、signInUserSessionプロパティはnullイベント発生したときですが、しばらくしてから（100ミリ秒以内）値を取得します。これはAuth.signIn(email, password)直接使用する場合は発生しないようです。signInUserSessionイベントが発生したときに入力されます。 ここで何が起こっているのですか、どうすれば回避できますか？現在、私はコードに明示的な遅延があります。これはひどいハックです。

8 javascript  aws-amplify 

sslserver以下のようにDjangoアプリケーションを実行しようとすると、 python manage.py runsslserver エラー： トレースバック： Validating models... System check identified no issues (0 silenced). November 08, 2019 - 11:17:26 Django version 2.0.7, using settings 'dashboard_channels.settings' Starting development server at https://127.0.0.1:8000/ Using SSL certificate: \lib\site-packages\sslserver\certs\development.crt Using SSL key: \lib\site-packages\sslserver\certs\development.key Quit the server with CTRL-BREAK. [08/Nov/2019 11:18:33] "GET / HTTP/1.1" 200 …

8 javascript  python  ssl  websocket  wss 

タグに「Unfreeze」というテキストのボタンがあります。ボタンをクリックすると「フリーズ」に切り替わります。ここにnyコードがあります： <a class="btn btn-primary full-width" (click)="clickFreeze($event)"> <i class="fa fa-plus-circle"></i>Unfreeze</a> private clickFreeze(event) { console.log("event.srcElement.childNodes[1].textContent", event.srcElement.childNodes[1].textContent); if(event.srcElement.childNodes[1].textContent =='Unfreeze'){ event.srcElement.innerText="Freeze and Save"; } else if(event.srcElement.innerText =='Freeze and Save'){ event.srcElement.innerText="Unfreeze"; } } 何らかの理由で機能しません。 event.srcElement.childNodes[1].textContentコンソールにすると「Unfreeze」に等しくなりますが、ifループに入りません。

8 javascript  html  angular 

これはコマンドラインのエラー自体です： npm ERR! code ELIFECYCLE npm ERR! errno 3221225477 npm ERR! versioncenter@0.0.1 start: `node ./bin/www` npm ERR! Exit status 3221225477 npm ERR! npm ERR! Failed at the versioncenter@0.0.1 start script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A …

8 javascript  node.js  express  npm  node-oracledb 

次のスニペットはどちらも「矢印」を出力します。その理由を知りたいのですが。アロー関数は、同じ名前の場合、通常の関数よりも優先度が高いのですか？ function increment(){ alert("normal") } var increment = () => { alert("arrow") } increment(); //prints arrow var increment = () => { alert("arrow") } function increment(){ alert("normal") } increment(); //prints arrow

8 javascript