夜に友達のためにユーザースクリプトを書きました。シーンは多くの入力フィールドを持つフォームで、主に頻繁に入力されるいくつかの文字列です。友達が話してくれたので、ちょうど暇だったので、夕食を食べてから 2 時間かけて簡単に書きました。
要件は複数のテンプレートを事前に設定し、後で自分でコンテンツを追加できるようにし、ページの空白部分に固定し、ボタンをクリックして設定したテキストをページのフォームに入力することです。
処理は非常に簡単で、元々は ajax を使用して json ファイルを呼び出し、テンプレートを json に書き込むことを考えていました。これにより、後でデータを簡単に追加できるようになりますが、テストの後に外部ファイルがブロックされていることがわかったため、この方法をやめました。代わりに、配列を新しく作成し、各オブジェクトが 1 つのテンプレートになりました。次に、簡単なループを書き、拡大縮小可能なポップアップを作成し、インタラクティブなボタンにクリックイベントをバインドし、対応するボタンをクリックすると、ウェブサイトに対応するテンプレートの文字列が入力されます。
大まかな流れはこのようになります。終了後、彼に見せるために少し装飾を施し、CSS コードを書きました。全体的に難しいところはなく、2 時間足らずで完了しました。
しかし、私は毎日 vue を書いて、element をたくさん書いているため、基本的な JavaScript が少し生疎になっていることに気づきました。例えば、配列の操作やループ処理など、中間でエラーが発生してしまいました。原因を注意深く調査して初めて気づきましたが、これは許されないことです。
自分を深く省察し、基本的な知識を強化する必要があることを認識しました。フレームワークをただ呼び出すだけではなく、基本を大切にしなければなりません。それが書くのが楽しいとしてもです。