как делает ми | frontend
8 subscribers
63 photos
14 videos
1 file
53 links
транслирую, как пишу фронт на vue

p.s. все, что здесь описывается, через неделю потеряет свою актуальность, потому что я уже делаю рефакторинг :з

p.p.s правильного нет, есть удобное

внимание, токсичность сильно вредит вашему здоровью, лучше курит
Download Telegram
#typescript

🦉 зачем нужен as const


const errors = {
postConfirmTel: {},
postTel: {
409: 'Пользователь уже существует. Войдите в свою учетную запись',
}
} as const


С использованием as const, TypeScript воспринимает все значения как литеральные константы. Это выражается в следующем:

1. Чтение значений: Теперь тип errors.postTel[409] будет точной строкой 'Пользователь уже зарегистрирован, войдите в учетную запись', а не просто string.
2. Неизменяемые свойства: Свойства объекта errors становятся доступными только для чтения (read-only). Попытка изменить их приведет к ошибке компиляции.

Преимущества использования as const включают более строгую типизацию и предотвращение случайных изменений значений, что особенно важно в больших и сложных кодовых базах.
#боли

подумать как ввод в форму сделать отдельно а кнопку отдельно, но валидация находилась внутри ввода и ошибки выли там же
Forwarded from Programmer memes
This media is not supported in your browser
VIEW IN TELEGRAM
Держимся коллеги, еще 1 день

8️⃣ Programmer memes
Please open Telegram to view this post
VIEW IN TELEGRAM
Forwarded from Programmer & IT Memes
Обычное дело

3️⃣ IT Memes
Please open Telegram to view this post
VIEW IN TELEGRAM
🦾 Повышение производительности

📂 Читать

#статья

💛 Настоящий JavaScript
Forwarded from Простой HTML | Программирование
Это я пялюсь на свой код, который написал полгода назад

#минуткаюмора
Подсветка текста при поиске


export const highlightText = (text, search) => {
if (!text){
return ''
}

if(!search){
return text
}

const regex = new RegExp(search, 'gi')
return text.replace(regex, matchedTxt => {
return `<span class="highlight">${matchedTxt}</span>`
})
}

v-html="highlightText(point.place, search)"

.highlight{
font-weight: 600;
}


#js
Неразрывный пробел

 

#html
#планирование

понимание задачи - переписать тз своим языком, уточнить моменты, где есть вопросы, согласовать свое понимание с заказчиком
#сервис

я считаю, что каналов связи с бизнесом может быть несколько, но доступ к информации, клиент должен получить из того канала, куда обратился. либо с ним должны связаться сами с предоставлением этой информации.

а вот прыгание по телефонам и объяснение каждому менеджеру свой запрос - это не про сервис, не про клиентоориентированность и не про заботу (как громогласно любят объявлять многие бизнесы)
#vite #typescript

ошибка на @


npm install --save-dev @types/node


tsconfig

{
"compilerOptions": {
"target": "ES2020",
"useDefineForClassFields": true,
"module": "ESNext",
"lib": [
"ES2020",
"DOM",
"DOM.Iterable"
],
"skipLibCheck": true,
"allowJs": true,
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "preserve",
/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
"noFallthroughCasesInSwitch": true,
"paths": {
"@/*": [
"./src/*"
]
}
},
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"vite.env.d.ts",
"src/shared-kernel.d.ts"
]
}


перезапустить ide
#цитата

Нет смысла говорить о решении до того, как мы договоримся о задаче, и нет смысла говорить о шагах реа-лизации до того, как мы договоримся о решении.


- Эфрат Голбратт-Ашлаг (Efrat Goldratt-Ashlag)'
Forwarded from Programmer memes
Учимся правильно делать сообщение об ошибке

8️⃣ Programmer memes
Please open Telegram to view this post
VIEW IN TELEGRAM
#архитектура #javascript

обратить внимание на объекты-значения из DDD