テスト項目の最初のルールは、テスト項目を実行しないことです。
ハブレではすでに多くの論争があり、それから私は自分の肌でこのレッスンを学ぶ機会がありました。ソリューションを送信しましたが、応答がありませんでした。ネガティブでも。何もありません。もちろん、すべてが危機に起因している可能性があります。空席が突然凍結されたということです（最近よく耳にしますが、同じ空席が続いています）。それでも、平凡な礼儀正しさは十分すぎるでしょう。結論は明白です。TZを噛む前に、対話者の信頼性を注意深くチェックする必要があります。
それにもかかわらず、私は自分自身をテストし、雇用主に失敗した場合でもある程度の経験を積むために、意図的にこのステップを踏みました。記事はそれについてではありません。ソリューションの問題は、テクニカルステートメントを読む段階ですでに発生しています。タスクの開始方法さえわからない場合があり、最初に行う選択は開発のすべての段階に影響します。
オンラインでボディアートを作成する方法については多くのチュートリアルがありますが、私のものはどのように異なりますか？第一に、それらは通常、技術的な割り当てに従って作成されません。つまり、作成者は「手抜き」を行い、通常は何にも制限しません。第二に、問題を解決するために1つまたは別のパスが選択された理由の説明を見るのはまれです。第三に、私のアプリケーションは、標準のやることリストよりも1桁複雑で、後で詳しく説明します。
私が受けた仕事に精通するために、私はスポイラーの下で尋ねます：
技術的タスク：
Vue.jsを使用して、小さなSPAメモ取りアプリケーションを実装します。
各メモには、タイトルとToDoリストがあり、次にTodoがあります。各Todoアイテムは、チェックボックスと関連するテキスト署名で構成されています。
アプリケーションは2ページのみで構成されています。
. Todo, , . :
( )
, Todo, . :
( )
( )
Todo:
:
.
( ) .
usability.
.
/ (Ctrl+Z, Command+Z, etc.).
:
"alert", "prompt" "confirm".
JavaScript TypeScript.
, , Webpack.
UI ( Vuetify).
, .
Vue-.
:
, , , , .
.
— . ( ). .
:
(GitHub, BitBucket, GitLab) .
. Dockerfile docker-compose.yaml, docker-compose up .
, . . , , , , ( ) , , .. , .
:
Vue.js SPA . : Vue CLI .
todo list, ( - Todo). Todo . - , : , .
2 . - Vue Router? . , , - . , , . , , ? - .
, :
. : , , . "" , Vue .
. SPA, Vue CLI.
( ) .
"alert", "prompt" "confirm".
Promise, . , . , , , . vue-modal-dialogs - , . Vue 3.
usability. , . , .
. - , , Cookie localStorage. , . localStorage. Vuex, , . , , .
JavaScript TypeScript. - ? , , Vue. TypeScript Vue 2 , . , Vue 3.
, ! Vue 2, , , .
, , Webpack. Vue CLI Webpack, SPA Vue.js
UI ( Vuetify) - . "" , Material Icons , . , , .
, . - flexbox .
Vue-. - : 2 , , , , - .
.
:
v-click-outside. . , . , . , - . , .
: , ? : , ? . Vue-Router . beforeRouteLeave . . , . , :
async beforeRouteLeave (to, from, next) {
if (await confirm('Do you realy want to leave this page?',
'All unsaved changes will be lost.')) {
this.clearNote()
next()
} else{
next(from)
}
}, .