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

私のコードでは、を明示的に使用していませんがcomponentWillMount、実行中にいくつかの警告が表示されますwebpack。 react-dom.development.js：12386警告：componentWillMountは名前が変更されたため、使用をお勧めしません。詳細については、https：/fb.me/react-unsafe-component-lifecyclesを参照してください。 副作用のあるコードをcomponentDidMountに移動し、コンストラクターで初期状態を設定します。 非厳密モードでこの警告を抑制するには、componentWillMountの名前をUNSAFE_componentWillMountに変更します。React 17.xでは、UNSAFE_名のみが機能します。廃止されたすべてのライフサイクルの名前を新しい名前に変更するにnpx react-codemod rename-unsafe-lifecyclesは、プロジェクトのソースフォルダーで実行できます。 次のコンポーネントを更新してください：foo、bar 私は提案されたを実行しましたnpx react-codemod rename-unsafe-lifecyclesが、警告は消えませんでしたが、その表現を react-dom.development.js：12386警告：componentWillMountの名前が変更されたため、使用をお勧めしません。[...] ここでは、fooとbar私たちのチームが書いた両方のカスタムコンポーネント、および外部ライブラリのいくつかのコンポーネントがあります。Visual Studioソリューションを完全に検索しcomponentWillMountても結果は得られません。誰かが私に何が間違っていたのか説明してくれませんか？ 別の質問でコメントを読んだ で明示的な場所はありませんがcomponentWillMount、コンストラクターの後にコード行があります[...]コンストラクターstate={ tabindex:0 }に「移動」するにはどうすればよいですか？ 答えは書くこと constructor(props) {super(props); this.state = { tabindex:0 }}でした。誰かがここで何が起こっていたか説明できますか？コードではどのようなパターンを探す必要がありますか？ さらなる詳細 printWarning @ react-dom.development.js:12386 lowPriorityWarningWithoutStack @ react-dom.development.js:12407 ./node_modules/react-dom/cjs/react-dom.development.js.ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings @ react-dom.development.js:12577 flushRenderPhaseStrictModeWarningsInDEV @ react-dom.development.js:25641 commitRootImpl @ react-dom.development.js:24871 unstable_runWithPriority @ scheduler.development.js:815 runWithPriority$2 @ react-dom.development.js:12188 commitRoot @ …

9 javascript  reactjs  react-props 

npm startの実行中に次のエラーが表示されます。 ES2015モジュールの構文は、カスタムTypeScriptモジュールおよび名前空間@ typescript-eslint / no-namespaceよりも優先されます namespace InternalThings {...} 私はこれを研究しようとしましたが、それは非常に混乱しています。 なぜこれが起こっているのですか？それを修正するには？ tsconfig.jsonにいくつかのフラグを付けようとしましたが、これまでのところ成功していません。

9 javascript  node.js  reactjs  typescript 

質問1 私は、彼らはすべてのヘルパー（等で、具体的には、（WebPACKの）バンドル（出力）結果には多くの不必要な重複があることがわかりclassCheck、objectSpread）によるオブジェクト広がりプラグインへ（。 だから、重複を減らしたい。ライブラリの場合、確かに、transform-runtimeプラグイン（を参照runtime-corejs3）を使用してこれを行います。しかし、これはアプリケーションなので、これを行う正しい方法は何ですか？ そのため、transfrom-runtimeプラグインがライブラリに推奨されているため（そして全体の削減のために、つまりヘルパーなど）core-js、混乱していますregenerator。しかし、ここでは、ヘルパーの重複を減らしたいだけです。他の重複ではなく、それがによって行われているためです。babel/env だからここで私が聞きたい/議論したい質問は、もしそうならhelpers、アプリケーションの重複を減らす必要があるということです、そしてどのように？ 質問2 他の質問があり、core-js/modules/es.promise.jsかつ core-js-pure/modules/es.promise.js、正確に同じコードしている、主な違いは、単に前者はグローバルな環境汚染を持っているということでしょうか？もしそうなら、なぜポリフィルにcore-js使用（直接インポート）core-js-pureしてからグローバルに追加しないのですか？IMO、これは重複を大幅に削減します。現在ライブラリはtransform-runtime（最終的にcore-js-pure）使用しますが、アプリはpreset-env（最終的にcore-js）使用するため、アプリとライブラリの間で共有/共有可能なコードはありませんよね？

8 javascript  webpack  babeljs 

アンダースコア（_）変数名を含むデータセットがあります。以下のような： const data = { m_name: 'my name', m_address: 'my address', p_1_category: 'cat 1', p_1_name: 'name 1', p_2_category: 'cat 2', p_2_name: 'name 2' } それらをネストされたオブジェクト/配列に分割したいのですが、以下が結果です。 { m: { name: "my name", address: "my address" }, p: { "1": {category: 'cat 1', name: 'name 1'}, "2": {category: 'cat 2', name: 'name …

8 javascript  arrays  object  recursion 

プロジェクトにSwagger UIを統合しています。リクエストを行うにはトークンを渡す必要があります。 const mytoken = "heareismytoken"; const ui = SwaggerUIBundle({ url: "/swagger/v2/swagger.json", dom_id: '#swagger-ui', deepLinking: true, requestInterceptor: function (req) { var key = mytoken; if (key && key.trim() !== "") { req.headers.Authorization = 'Bearer ' + key; console.log('Authorized from authKey'); } }, presets: [ SwaggerUIBundle.presets.apis, SwaggerUIStandalonePreset ], plugins: [ SwaggerUIBundle.plugins.DownloadUrl …

8 javascript  swagger  swagger-ui 

ユーザーがタップアンドホールドジェスチャを実行して単語を選択し、指を画面の上端または下端のいずれかにドラッグすると、選択に対応するためにページが自動的にスクロールします。 ここにそれを示す短いクリップがあります 内でこの動作を防止したいと思いWKWebViewます。 これが私がこれまでに試したことです： 内bridge.jsのWebViewにアクセス可能なファイル： var shouldAllowScrolling = true; document.addEventListener('selectionchange', e => { shouldAllowScrolling = getSelectedText().length === 0; window.webkit.messageHandlers.selectionChangeHandler.postMessage( { shouldAllowScrolling: shouldAllowScrolling }); console.log('allow scrolling = ', shouldAllowScrolling); }); そしてWKScriptMessageHandler実装では： public func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) { switch message.name { case "selectionChangeHandler": let params = paramsDictionary(fromMessageBody: message.body) let …

8 javascript  html  css  swift  wkwebview 

私はプログラミングに非常に慣れていないので、p5.jsで太陽の周りを回る地球の軌道のシミュレーションを作成する必要がある学校の課題を受け取りました。重力を計算する簡単な方法が提供されましたが、実際の式（Fg = G M m / r ^ 2）を使用したいと思いました。私のコードでは、1ピクセルは10 ^ 9メートルまたは100万kmに相当します。太陽と地球の両方の実際の質量、およびそれらの間の実際の距離を使用する場合、地球が移動する速度を約1ピクセル/秒または100万km / sに設定する必要があります。軌道上の地球の実際の速度の30,000倍。私のコード： x = 550; y = 400; vy = -1; vx = 0; dt = 1; sunSize = 80; planetSize = 10; // 1 pixel equals 1 million km canvasSize = 800; starAmount = 600; function setup() { …

8 javascript  simulation  physics  p5.js 

型強制された項目の配列を宣言し、それから共用体型を導出できるようにしたいと思います。このパターンは、配列の項目にタイプを明示的に指定しない場合に機能します。私はそれを最もよく説明する方法がわからないので、ここに例があります： 例1 type Pair = { key: string; value: number; }; const pairs: ReadonlyArray<Pair> = [ { key: 'foo', value: 1 }, { key: 'bar', value: 2 }, ] as const; type Keys = typeof pairs[number]['key'] 例2 type Data = { name: string; age: number; }; const DataRecord: Record<string, Data> …

8 javascript  typescript  const  typeof  keyof 

親コンポーネントと子コンポーネントがあります。モーダルコンポーネントとして作成された子コンポーネント。だから私は親コンポーネント内に子コンポーネントセレクターを含め、ビューのカプセル化をなしに設定したので、親コンポーネントのCSSとすべてを取ってそれも機能しますが、親コンポーネントはいくつかのサードパーティ（rappidjs）ライブラリcssを適用する#paper idを持っていますSVGダイアグラム）。子コンポーネントと同じように#dataMapper idがあります。ただし、子コンポーネントがに設定されているため、ここではサードパーティのcssは使用していません'encapsulation: ViewEncapsulation.None'。削除するencapsulation: ViewEncapsulation.Noneと機能しますが、モーダルは機能しません。onclickの代わりにすべてのモーダルがロードされます。この問題の解決方法を教えてください。 コーディング： 親コンポーネントTS @Component({ selector: 'app-data-model', templateUrl: './data-model.component.html', styleUrls: ['./data-model.component.css'] }) export class DataModelComponent implements OnInit{ // Modal openModal(id: string) { this.modalApp = true; this.modalService.open(id); } closeModal(id: string) { this.modalService.close(id); } 親コンポーネントHTML <div id="toolbar"> <div class="tool-bar-section"> <button class="btn" (click)="openModal('custom-modal-1');"><i class="fa fa-file-excel-o" style="font-size: 24px"></i></button> </div> </div> <div …

8 javascript  angular 

VueアプリでHighchartsを使用しています。 highcharts-vue Highchartsます テンプレートをこのように設定しています <highcharts class="vessChart" ref="chart" style="width:100%" :callback="chartcallback" :options="options" ></highcharts> Vueでチャートのオプションを設定します yAxis:[], series:[], background:[], options: { chart: { borderWidth: 1, marginLeft: 40, marginRight: 2, type:'line', zoomType: 'x', title: { text: '' }, panning:true /*backgroundColor:'lightgrey'*/ }, title: { text: '' }, pane:{ background:[] }, time:{ useUTC:true }, credits:{ enabled:false }, …

8 javascript  vue.js  highcharts 

マウスが画像の上にあるとき。これは、ifステートメントによって検出されます。 if ((distance(circles[this.index].x, circles[this.index].y, mouse.x, mouse.y)) < circles[this.index].radius) また、画像の外でマウスを検出したいと思います。その前のifステートメントの後、他に使用できない理由は次のとおりです。 画面上に複数の画像を生成したとき、および1つの画像の上にマウスを置いたときにマウスを使用したとき。それはその画像のホバーを行い、コードはそれを検出しますが、他のすべての画像のホバーも行いません。それが「外円」を4回、「内円」を1回表示する理由です ログに見られるように： Console.logの出力： Mouse inside circle Mouse outside circle 4 Mouse inside circle Mouse outside circle 4 マウスが円を離れるときに検出する方法を探しています。 以下で私が作業しているコードを見つけることができます： PS：マウスがどの（インデックス）サークルで検出され、そこから去るかが重要です。大量の写真を作成したいのですが、以下のコードではデモ用に5を使用しました。 var mouse = { x: innerWidth / 2, y: innerHeight / 2 }; // Mouse Event Listeners addEventListener('mousemove', event => { …

8 javascript  html  canvas 

1週間前、私はGoogle Chromeコンソールに警告メッセージを表示し始めたと思います。 キャッシュをクリアしても何も変わりません。メッセージはシークレットモードでのみ表示されます。 これらの警告を取り除く方法はありますか？

8 javascript  angular  google-chrome 

私は大規模なプロジェクトに取り組んでおり、先週からモカを更新しました。 DeprecationWarning：mocha.optsによる設定は非推奨であり、Mochaの将来のバージョンから削除されます。代わりにRCファイルまたはpackage.jsonを使用してください。 オプションをpackage.jsonに移行したいのですが、適切な移行ガイドがありません。同様の質問を含むGitHubのすべての投稿は、「ドキュメントを参照」ですべて回答されます。ただし、ドキュメントには、1つのオプションをmocha.optsからpackage.jsonに転送する方法は示されていません。どのようにフォーマットする必要があるかについての情報はありません。私が見つけることができる唯一のことは、「spec」プロパティが実行するファイルのパターンであることです。他には何も暗黙のようには思えません。 mocha.optsファイル： --reporter dot --require test/mocha.main --recursive src/**/*.test.js --grep @slow --invert うまくいかない私の試み： "mocha": { "reporter": "dot", "require": "test/mocha.main", "spec": "src/**/*.test.js", "grep": "@slow --invert" }, 上記のmocha.optsのオプションを使用する場合と同様に、sammeの動作を実現するためにこの構成ブロックをフォーマットする方法を説明してください

8 javascript  node.js  mocha 

APIに国際化を適用していて、Antlと検証メッセージに関連するいくつかの問題があります。 標準の応答メッセージでは、ユーザーが設定したロケールに従って返されます。ロケールを切り替えるルートを作成し、Cookieとグローバルミドルウェアに設定して、Cookieからロケールを取得した後、ロケールリソースに格納されているメッセージを返すだけです。 グローバルミドルウェア： class Locale { async handle ({ request, antl }, next) { const lang = request.cookie('lang') if (lang) { antl.switchLocale(lang) } await next() } } ルート： Route.get('/switch/:lang', ({ params, antl, request, response }) => { // Getting the current available locales const locales = antl.availableLocales() try { // …

8 javascript  node.js  backend  adonis.js  lucid 

このように構造化されたオブジェクトの配列があるとします "err": [ { "chk" : true, "name": "test" }, { "chk" :true "post": "test" } ] このように再構築するにはどうすればよいですか？ "err": [ { "post": "test" "name": "test" } ] 私は試した arr.filter(obj => delete obj.chk); chkプロパティは正常に削除できますが、2つのオブジェクトを組み合わせるにはどうすればよいですか？

8 javascript  arrays