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