• ノード作成時のJavaScriptエラー: xxx.appendChild は関数ではありません。

    エラーの報告です。 理由を教えてください。 domElement.appendChild()を使ってdomElementを取得する場合。 getElementsByClassName() このクラスは結果を配列の関数として取得し、オブジェクトの1つを探し出すことはしません。 解決策 が持つ配列の最初のオブジェクトに取得します。 var domElemen

    2022-02-10 04:07:51
  • Uncaught TypeError: null のプロパティ 'offsetHeight' を読み取れませんでした。

    Uncaught TypeError: offsetHeight を使用してコンテンツの高さを計算する場合、null のプロパティ 'offsetHeight' を読み取ることができません。 エラーの原因 JS を実行したときにページの読み込みが完了しておらず、js コードがページ要素を見つけることができないため、この問題がスローされます。 解決方法 カスタムjsを<body/

    2022-02-10 03:03:27
  • jq は html ページとデータを動的に分割する。

    <パス I. jq による動的な html ページの分割 要求事項 1. ページのコンテンツが死んでいない 2. 背景データに基づいてページデータを動的にロードする 実装: その前に、apppend()メソッドとhtml()メソッドの違いを理解する必要があります。 簡単に言うと append() メソッドは、要素のリストに要素を追加する

    2022-02-08 17:12:47
  • フロントエンド非同期(アシンク)ソリューション(全ソリューション)

    <パス javascriptはシングルスレッド言語です。つまり、一度に完了できるタスクは1つだけで、実行するタスクが複数ある場合はキューに入れなければなりません(前のタスクが完了してから次のタスクが実行されます)。 このパターンは実行するのは簡単ですが、後に需要、トランザクション、リクエストが増加すると、このシングルスレッド・パターンは非効率になるに違いありません。あるタスク

    2022-02-08 04:12:51
  • HTML5 LocalStorage ローカルストレージとセッションストレージの使用法

    HTML5のLocalStorageとsessionStorageを使ったことがある人は、HTML5が非常に強力で、クッキーやセッションよりもずっと優れていることを実感していると思いますが、この知識を以下で学んでいきましょう... 一番最初のクッキーは当然誰でも知っているもので、問題は主に4KB程度と小さすぎることと、IE6では1ドメインあたり20個のクッキーしかサポートしておらず

    2022-01-24 18:20:41
  • nodejs unhandledPromiseRejectionWarning メッセージ

    <パス 警告メッセージ: unhandledPromiseRejectionWarning 解決策は、このキャッチ処理を追加することです。 getToken().then(createContact).catch((error) =>{ console.log("error: " + error.message); }); <イグ

    2022-01-23 02:23:41
  • [解決済み】<select>で現在選択されている<option>をJavaScriptで取得するにはどうすればよいですか?

    質問 選択された &lt;option&gt; の &lt;select&gt; 要素で、どのようにJavaScriptで記述するのですか? どのように解決するのですか? これを使えば大丈夫です。 var yourSelect = document.getElementById( "your-select-id" ); alert( yourSelect.options[

    2022-01-18 12:51:07
  • [解決済み】「.addEventListener is not a function」なぜこのエラーが発生するのか?

    質問内容 コードは次のとおりです。 var comment = document.getElementsByClassName("button"); function showComment() { var place = document.getElementById('textfield'); var commentBox = document.createElement('t

    2022-01-18 08:14:10
  • [解決済み】ReactJSでエラー発生 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。

    質問 ReactJSを使用しています。 下のコードを実行すると、ブラウザはこう言います。 Uncaught TypeError: Super expression は null か関数でなければならず、undefined ではありません。 何が問題なのか、少しでもヒントがあればありがたいのですが。 まず、コンパイルに使用した行です。 var React = requ

    2022-01-17 21:01:55
  • [解決済み】エラー。Ionic使用中にモジュール '../lib/utils/unsupported.js' が見つかりませんでした。

    質問 Ionic start project name」を実行すると、いつもこのエラーメッセージが表示されます。 エラーメッセージ Ionic start project name解決するには? 削除してみる {コード を実行し、再度nodeをインストールし直してください。これでうまくいくはずです。 を搭載したMacOSの場合 ホームブリュー : Cannot find module '..

    2022-01-17 02:27:07
  • [解決済み】リクエストに失敗していないのに、「TypeError: failed to fetch」が表示される。

    質問 を使っています。 APIを取得する をReactアプリ内で使用しています。アプリケーションはサーバーにデプロイされ、完全に動作していました。何度もテストしました。しかし、突然、アプリケーションが動作しなくなり、その理由がわからなくなりました。問題は get リクエストを送信すると、サーバーから有効なレスポンスを受け取りますが、フェッチ API で例外が発生し、次のように表示さ

    2022-01-17 01:22:37
  • Vueにシンプルなメモ帳機能を実装

    この例では、参考のためにVueで簡易メモ帳機能を実装するための具体的なコードを以下のように共有します。 プレビュー画像です。 機能は以下のとおりです。 (1) タスクを入力し、Enterキーを押すとタスクリストに追加されます(重複して入力することはできません)。 (2) 削除をクリックすると、該当するタスクが削除されます (3) 「クリア」をクリックすると、すべてのタスクが削除されます。

    2022-01-13 23:11:35
  • vueネットワークリクエストソリューション ネイティブネットワークリクエストとjsネットワークリクエストライブラリ

    I. ネイティブウェブリクエスト 1. XMLHttpRequest (w3c標準)&nbsp; &nbsp; // 約束がない場合の商品 当時は何でもかんでもコールバックだった、面倒くさすぎる 2. フェッチ&nbsp; &nbsp; // プロミスが存在するため、ネットワークリクエストを簡略化するため。 Fetchの使い方 - Web APIインターフェ

    2022-01-13 22:40:48
  • vueのプロジェクトでモックを使用する方法を知っていますか?

    Mock.js は、フロントエンドのタッパーがバックエンドから独立して開発し、ユニットテストを書きやすくするために設計されたモックデータジェネレータです。以下のモック関数が提供されています。 データテンプレートに基づきモックデータを生成する Ajaxリクエストをシミュレートし、モックデータを生成して返す。 HTMLテンプレートに基づいたモックデータの生成 最初のス

    2022-01-13 22:35:32
  • WeChatアプレット用ユニアプリによるグローバルシェアリング

    実際には、アプレットを友人やサークルに共有する必要がある場合が多く、一般的にはページ単位で設定します。 公式の共有の紹介です。 https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 単一ページは、より共有する必要があるページごとに別々に書く必要があります。 copyexport default {

    2022-01-13 22:10:34
  • vue3.0プロジェクトのアーキテクチャを構築するための便利なツール

    まえがき 私はvue-cliとvue-cli3のライブラリをGitHubでオープンソース化しており、記事の末尾にGitHubのリポジトリアドレスを記載することにしています。今回は2.0を書き換えて最適化しました。その後、2.0の機能とコードに従って、vue3.0の文法に従って完全に書き直した。名前はcliですが、実はどちらのライブラリもvue-cliをベースに作成されています。これを行う目

    2022-01-13 21:29:21
  • Vue+ElementUIによる大規模なフォームの処理例

    最近、業務再編により、以前の超長文フォームのロジックに変更が増えたので、リファクタリングを計画しました(退社したバックエンドが書いたもので、コメントもなく、コンポーネントが4000行以上書いてあり、本当に大変でした)。読むのに便利なように、ここではプロジェクトを14個のコンポーネントに分割して合理化しました。 全体像 /{h3 大きな帳票は、業務モジュールごとに分割 el-fo

    2022-01-13 21:21:02
  • Vueのフォームイベントのデータバインディングの説明

    &lt;body&gt; &lt;div id="root"&gt; &lt;form action="" @submit.prevent="demo"&gt; &lt;label for="TW"&gt; Name:&lt;/label&gt; &lt;input type="text" id="TW" v-mod

    2022-01-13 21:14:53
  • vue ディレクティブ v-html と v-text

    &lt;スパン 1. v-text テキストレンダリングディレクティブ &lt;ブロッククオート (テキストのみレンダリングし、タグはレンダリングしません) &lt;div id="test"&gt; &lt;p v-text="message"&gt;&lt;/p&gt; &lt;/div&gt; &lt;script src=". /js

    2022-01-13 19:34:48
  • vueにおけるfilterの適用シーンについて解説します。

    filter これは一般的に特定の値をフィルタリングするために使用されます。例えば、空のフィールドがあるが、フロントエンドに "-" を表示したい場合、これを使用することができます。 最近、他のフォームで表示される特定のフィールドに対して、"***" のように、非表示にする必要がある金額を表示する許可を設定できるようにする要件にぶつけました。 1. 金額のパーミッション取得

    2022-01-13 19:22:45