Мы знаем, что javascript (сокращенно JS) — самый мощный язык программирования/разработки. Если мы хотим стать веб-разработчиком, мы должны это четко понимать. Сегодня мы обсудим основные и необходимые 10 основных концепций или вещей в JS.
1. Определите
Мы много чего написали на JS. Иногда нам нужно идентифицировать элементы с именем. Он может идентифицироваться с тремя элементами: var, let и const.
var означает переменная. вы можете пропустить имя через это, например
var name = «Г-н. Шер Бангла”
Например, можно использовать let и const, но в этом случае ведите себя так, будто если вы используете let, вы можете изменить это значение в следующий раз, как var.
пусть имя = «г. Шер Бангла”
имя = «Г-н. А К Фаджрул хак»
но вы не можете изменить имя удостоверения, если используете const,
const name = let name = «Mr. Шер Бангла”
имя = «Г-н. А К Фаджрул хак» (покажет ошибку!)
2. С учетом регистра
JavaScript — это чувствительный к регистру язык. Если вы используете имя со строчными или заглавными буквами для идентификации или других и хотите использовать его в следующий раз в любом месте, вы должны использовать ту же букву. Такие как
constцветок = «Роза»
console.log(цветок)
const Цветок = «Роза»
console.log(floWeR) ////вы не можете использовать в console.log(цветок или другую букву.)
Вы должны использовать одно и то же слово с той же буквой (заглавной и строчной)
camelFormate
Как правило, при использовании имени используется camelFormate, что означает, что во время письма используйте первое слово с полной строчной буквой и рядом с каждым словом с заглавной первой буквы, а остальные — с маленькой. Такие как
const flowerQueenName = «Роза»
3. Комментарий
В JS комментарий означает, что если вы прокомментируете свои данные или предложения, они не будут работать с другим активным кодом. Это/эти предложения не будут отображаться в браузере. Вы можете комментировать двумя способами.
Для одного предложения используйте две косые черты (//)
// это однострочный комментарий
Для более чем одного предложения используйте первое /*, а затем последнее */
/* Это многострочные предложения
Это многострочные предложения */
4. Тип данных
В основном есть два типа данных. a) Примитивные данные b) Непримитивные/эталонные данные
а) Примитивные данные: в примитивных данных хранятся непосредственно значения. Без этих типов данных все они являются объектами в JS. Такие как,
- Число: очень простое число означает все типы чисел, даже десятичные.
вар одно число = 80; вар одно число = 80,80
2. Строка: Когда мы пишем что-то с идентичностью, мы используем строку. все строковое содержимое записывается в одинарных кавычках '' или в двойных кавычках"".
var myName = ‘Сайем’
моеИмя = "Момин"
3. Логическое значение: истина или ложь. Все маленькие буквы. не используйте цитаты.
константаПраво = Истина;
константа неправильно = ложь;
4. Undefined: это означает, что нет объявления с каким-либо значением.
константа делать что-то;
неопределенный
5. null: null не имеет значения, но, с другой стороны, это не undefined.
константа делать что-то = ноль;
нулевой
b) Непримитивные данные/эталонные данные: в непримитивных данных нет прямого сохранения значения. но сохранили эталонное значение. Там есть собственность.
- Множество;
- Объект;
- функция;
5.Оператор
Есть несколько типов операторов, например,
- Арифметический оператор
- Оператор сравнения
- Логический оператор
- Оператор присваивания
- Условный оператор
1. Арифметический оператор:
Сложение, вычитание, умножение, деление и многое другое включены в арифметический оператор.
а) Дополнение:
10 + 10
30
вар а = 20
вар б = 10
a + b
30
b) Вычитание:
вар а = 20
вар б = 10
a-b
10
в) Умножение
вар а = 20
вар б = 10
a*b
200
d)Отдел
вар а = 20
вар б = 10
a*b
2
e) Модуль
переменная а = 55
вар б = 10
a % b
5
F) Приращение:
вар а = 100
a++
101
g) Уменьшение
вар а = 100
a- -
99
2. Оператор сравнения:
Это название говорит о том, что это за работа. Сравните два значения с некоторыми специфическими признаками.
Там == означает, что оба равны, а != означает, что оба не равны.
3. Логический оператор:
&&(и) и ||(или)
4. Оператор присваивания
Плюс равно (+=), Минус равно (-+), Множественное равно (*=), Модуль равен (%=) и т. д., включенные в оператор присваивания.
var a = 30 означает, что объявленное здесь значение a равно 30.
А также a+= 10означает добавление ценности a к ценности a и сопоставлению с самим собой. Полная форма a+=10: a = a + 10
Подобно
переменная б = 20
b-= 10
10
5. Условный оператор
Этот оператор если это то еще что-то другое.
6. Стиль кодирования
Мы должны писать такой код, чтобы он был максимально чистым и легко читаемым.
1.Не нужно ставить пробел между именем функции и параметром
function power(x, n) {….something…..}
2.Необходим пробел между параметрами
function power(x, n) {……….}
3. Дайте фигурную скобку { в той же строке после пробела
function power(x. n) {
….something……….
}
4. Нужно сделать отступ 2 пробела
function power(x, n) {
const data = 1;
}
5. Пробел после for/while/if…
for (let i = 0; i ‹ n; i++) {
data *= x;
}
6. Мы также должны указать пустую строку между логическими блоками
const Red = «Красная публика опасна»
const Green = «Зеленая публика — это хорошо»
if(Red.length
› 0) {
alert(`${Red} так что,
будьте осторожны`)
}.
7. Другое ключевое слово должно быть написано без разрыва строки
if(Red.length › 0) {
alert(`${Red} так что,
будьте осторожны` )
} else {
оповещение(что-то)
}
7. Обработка ошибок
Насколько большой мы программист, Неважно. Иногда мы делаем некоторые ошибки, и это возвращается как ошибка. Мы можем легко обрабатывать эти ошибки.
try……….catch
Если try {…..} имеет значение Okay, это означает, что код в порядке, программа будет работать нормально. или в коде есть какая-либо ошибка, попытка работы остановлена, и мы должны обрабатывать ее с помощью catch. Мы можем показать ошибки на нашем дисплее.
try {
alert('Весь код в порядке')
// здесь ошибок нет и показывает эту функцию
} catch(err) {
alert('Как будто есть ошибок нет, поэтому Catch игнорируется')
}
В качестве альтернативы
try {
alert('В коде есть ошибки')
// Как будто здесь есть ошибка, значит, попытка перестала работать.
} catch(err) {
alert('Как будто здесь есть ошибки, значит, Catch показывает ошибки)
}
8. Кроссбраузерное тестирование
Кросс-браузерное тестирование — это нефункциональная система тестирования, с помощью которой вы можете проверить, правильно ли работает ваш сайт.
Вы будете проверять самые популярные браузеры, такие как Chrome, Firefox, Edge, Safari и т. д., в различных операционных системах, таких как Windows, macOS, iOS и Android.
Это наиболее важно, потому что вы просто представляете, что заходите на сайт и видите, что сайт не такой дружелюбный, как вы дали горизонтальную прокрутку. некоторые изображения сломаны или не отображаются, как нравы. так что время, что вы будете делать. Вы возвращаетесь с сайта и находите альтернативу актуальному дружественному сайту.
Как будто у вас есть сайт, вы должны проверить все тесты браузера, чтобы посетители не покидали ваш сайт плохо. Это называется кросс-браузерное тестирование.
9. Кэширование браузера
Кэширование — это система хранения копий данных. чтобы любой пользователь мог быстро зайти на сайт. Каждый раз, когда пользователь загружает веб-страницу, следующие пользователи получают доступ к кешу браузера большей части содержимого и сохраняют копию содержимого на жестком диске устройства. В результате пользователь загружает следующую страницу гораздо быстрее.
Если вы очистили кеш браузера, веб-страница будет загружаться так же долго, как и в первый раз.
10. Отладка инструмента разработки
Все веб-браузеры имеют ту или иную форму Dev Tools, так что любой разработчик может выполнять отладку. Если вы используете Chrome, щелкните правой кнопкой мыши и выберите «Проверить». Это приходит к вам на «панель» справа или внизу вашего браузера. Это все инструменты для разработчиков. Отсюда вы можете узнать информацию о HTML, CSS и javascript этой страницы, которые составляют страницу.