• フロントエンド学習まとめ(二十三)-世界のフロントエンドフレームワーク3: Angular ReactとVueの比較

    <パス フロントエンドの技術は、ここ数年で急速に進化しており、大きく4つの分野に分けられます。 1. 開発言語技術 主にES6&7、coffeescript、typescriptなどです。 2. 開発フレームワーク Angular、React、Vue.js、Angular2など。 3. 開発ツールの充実とフロントエンドエンジニアリング

    2022-02-18 01:24:04
  • [解決済み] React, Uncaught RangeError: 最大呼び出しスタックサイズを超えている

    質問 私はreactで仕事をしていますが、基本的に私はツールチップを持つボタンを作りたいと思っています。マウスの入出時に見えるようにするために、cssのdisplayプロパティを変更しています。しかし、エラーが発生し、どうしたらいいかわかりません...。 以下は私のコードです。 import React from 'react'; import ReactDOM from 'react

    2022-02-18 01:23:29
  • [解決済み] select onChange がフォーム内で動作しない

    質問 フォームのsubmit & onchangeイベントが連動していないことについて質問です。 ドロップダウンリストの値を変更しても、viewroom() イベントが発生しません。 どなたか教えていただけませんか? コードは以下の通りです。 <script type="text/javascript"> function viewroom() { alert(

    2022-02-17 23:45:42
  • [解決済み] HTMLCollectionをArrayに変換する最も効率的な方法

    質問 HTMLCollectionをArrayに変換するために、当該コレクションの内容を反復して、各項目を手動で配列にプッシュする以外に、より効率的な方法はありますか? どのように解決するのですか? var arr = Array.prototype.slice.call( htmlCollection ) は、quot;native" のコードを使用しても同じ効果が得られます。

    2022-02-17 22:19:47
  • [解決済み] ngf-selectの機能とフォームバリデーションに必要な理由は何ですか?

    質問 私はAngularJSの初心者です。私は、ファイルアップロード入力を含むすべての入力フィールドが満たされることを必要とするフォームを実装しようとしていました。 最初のサンプルと全く同じです。 https://angular-file-upload.appspot.com/ そこで、これをテストするために簡単なフォームを作成しました。 <form name="myF

    2022-02-17 22:15:31
  • [解決済み] Select2 - jsから読み取り専用にする(無効にしない!)。

    質問 select2 コンボボックスを動的に読み取り専用にするにはどうしたらいいですか? 今まで試したのは以下の通りです。 $('...').attr({'readonly': 'readonly'}).trigger('change.select2'); $('...').attr({'readonly': 'readonly'}).trigger('change'); $('...

    2022-02-17 22:01:46
  • [解決済み] JavaScriptからHTMLを生成する際、<ではなく、なぜ" \x3C "を使用するのですか?

    質問 コンテンツデリバリーネットワークからjQueryを読み込み、CDNが利用できない場合はローカルコピーにフォールバックするために、次のHTMLコードがよく使われているのを見かけます(例. Modernizr ドキュメント ): &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"&gt;&l

    2022-02-17 22:01:11
  • [解決済み] フォームコントロールの値アクセサがない

    質問 Angular2-rc5を使用しているのですが、現在ログインページでエラーが発生しています。フォームを作ろうとしているのですが、コンソールが例外を投げて、私の formcontroll をinit時に作成しているにもかかわらず、です。なぜこのようなエラーが発生するのか、何か心当たりはありませんか? ログインコンポーネント import { Component, OnInit

    2022-02-17 21:53:31
  • [解決済み] Uncaught TypeError: $(...).datepicker is not a function(匿名関数)

    質問 スタックオーバーフローでいくつかの答えを見つけましたが、まだ私の問題を解決することができません。 私はDjangoで動作していますが、このエラーには関係ないと思います。 日付ピッカーのJavaスクリプトを動作させようとしましたが、エラーが発生しました。 1:27 Uncaught TypeError: $(...).datepicker is not a function(an

    2022-02-17 21:16:26
  • [解決済み] Number.EPSILONの利用シーンはどのようなものがありますか?

    質問事項 MZOでJavaScriptのドキュメントを見たのですが、この部分を読みました。 &lt;ブロッククオート Number.EPSILONプロパティは、1と1より大きい最小の浮動小数点数との差を表します。 また、こんな例も載っていました。 var result = Math.abs(0.2 - 0.3 + 0.1); console.log(result);

    2022-02-17 21:07:44
  • [解決済み] ドロップダウンメニューをスクロール可能にする

    質問 CSSとjqueryを使って、HTMLページにドロップダウンメニューを実装しようとしています。以下は、HTMLとjavascriptのコードのサンプルです。 &lt;nav id="topNav"&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#" title="Nav Link 1"&gt;Menu 1&lt;/a&gt;&lt;/li&gt

    2022-02-17 20:29:33
  • [解決済み] Homeという名前のエクスポートが含まれていない

    質問 で仕事をしていました。 create-react-app というエラーが出て、この問題に行き当たりました。 HomeはHomeという名前のエクスポートを含んでいません。 以下は、私が設定した方法です。 App.js ファイルを作成します。 import React, { Component } from 'react'; import logo from './log

    2022-02-17 20:10:10
  • [解決済み] JSのminificationで1000が1E3に変換されるのはなぜですか?

    質問 ポイントは何ですか? を変更する (int) 1000 から 1E3 ? そして、どこで 1E3 はどこから来るのでしょうか? 私はちょうど知っている 3bytes 対 4bytes . 解決方法は? 最小化の要点は、ネットワーク上で渡すデータを少なくして、同じ機能を維持できるようにすることです。 &lt;ブロッククオート 撮影

    2022-02-17 19:06:17
  • [解決済み] アクシオスを同期させる方法

    質問 axiosを使用して、あるエイリアスがデータベース内の別のエイリアスによってすでに使用されていないかどうかをチェックしています。 問題点 : ajax呼び出しは、残りのコードを実行するために、サーバーの応答を待機しません。 コードは次のようになります。 export default { data () { return {

    2022-02-17 18:52:42
  • [解決済み] JSONオブジェクトのサイズを取得する

    質問 AJAXリクエストによって返されるJSONオブジェクトがあります。 .length を返し続けるので undefined . ただ、私の使い方が正しいかどうかは疑問です。 console.log(data.length); console.log(data.phones.length); どちらも undefined は有効なオブジェクトであるにもかかわらず、です。

    2022-02-17 18:51:23
  • [解決済み] エラーです。TypeError: $(...).dialog は関数ではありません。

    質問 基本的な機能としてダイアログを動作させるのに、問題があります。以下は、私のjQueryソースのインポートです。 &lt;script type="text/javascript" src="scripts/jquery-1.9.1.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="scripts/jquery-

    2022-02-17 18:45:53
  • [解決済み] ギャツビーでFont Awesomeのようなアイコンを使用する方法

    質問 ギャツビーのプロジェクトでFont Awesome Iconsを使いたいのですが、どうすればいいですか?CDNでFont Awesomeを含めたいのですが。 scriptタグに含めるだけではうまくいきません。 ということで import ... from '../fontawesome.css' しかし、私はこれを動作させることができませんし、そのためにcdnを使用したいと思い

    2022-02-17 18:33:28
  • [解決済み] 「WebpackとBabelで「このファイル形式を扱うには適切なローダーが必要な場合があります。

    質問 WebpackとBabelを使ってES6アセットをコンパイルしようとしているのですが、以下のエラーメッセージが表示されます。 You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import { render } from 'react-dom

    2022-02-17 17:59:11
  • [解決済み] googleチャートのレスポンシブ化

    質問 プロジェクトでグーグルチャートを使っていますが、レスポンシブにするのに苦労しています。 レスポンシブチャートに関する他の事例を見ましたが、私のケースではうまくいきません。 私のチャートはすべてレンダリングされ、その後、そのサイズは変更されません。 もし誰かがこのチャートをレスポンシブにすることができれば、私はそれを感謝します。ありがとうございます。 function draw

    2022-02-17 17:57:56
  • [解決済み] ギャツビーサイトでbootstrap jsを追加する方法

    質問 ギャツビーで微調整していますが、静的なWebサイトでは圧倒的にシームレスな機能を提供してくれます。レイアウトに関してはbootstrapがうまく機能しますが、ドロップダウンやカルーセル、モーダルなどの追加サポートはbootstrap.jsとその依存関係を使用する必要があります。 4:25:02 PM: failed during stage 'building site': Buil

    2022-02-17 17:26:50