Основы HTML: Изучение JavaScript
01.01.2023 12:32
Надеюсь, что все встретили Новый год с радостью и счастьем. Я встречаю Новый год со статьями о JavaScript. Это отличный способ отметить праздник. Я начал изучать некоторые базовые реализации HTML. Я всегда считал, что изучение HTML - это сложно. После этого он меня уже не так пугает.
Photo by Markus Spiske on UnsplashES6
Здесь представлен различный код, который я изучил. Я пытаюсь решить, в какую категорию его поместить.
// Template Literals
const result = {
success: ["max-length", "no-amd", "prefer-arrow-functions"],
failure: ["no-var", "var-on-top", "linebreak"],
skipped: ["no-extra-semi", "no-dup-keys"]
};
function makeList(arr) {
// Only change code below this line
const failureItems = arr.map(item => `<li class='text-warning'>${item}</li>`);
// Only change code above this line
return failureItems;
}
const failuresList = makeList(result.failure);
// Object Literals
const createPerson = (name, age, gender) => {
return {name,age,gender};
};
// Concise Declarative Function
const bicycle = {
gear: 2,
setGear(newGear) {
this.gear = newGear;
}
};
bicycle.setGear(3);
console.info(bicycle.gear);
class Vegetable {
constructor(name) {
this.name = name;
}
}
const carrot = new Vegetable('carrot');
console.info(carrot.name);Это был легкий раздел.
Класс
Photo by Kimberly Farmer on UnsplashТеперь я изучал классы. Сначала я не был уверен, как их использовать. Я пытался понять, для чего я их использую. Тем не менее, я учился. Теперь пришло время для занятий.
// Classes
class Vegetable {
constructor(name) {
this.name = name;
}
}
const carrot = new Vegetable('carrot');
console.info(carrot.name);
// Getters and Setters
class Thermostat {
constructor(Fahrenheit) {
this.Fahrenheit = Fahrenheit;
}
get temperature() {
return (5 / 9) * (this.Fahrenheit - 32)
}
set temperature(Celsius) {
this.Fahrenheit = (Celsius * 9.0) / 5 + 32;
}
}
const thermos = new Thermostat(76);
let temp = thermos.temperature;
thermos.temperature = 26;
temp = thermos.temperature;HTML
Вот самое интересное. Я начинал с некоторых базовых скриптов и добавления исходного файла под названием index.js .
HTML was created in 1991 by Tim Berners-Lee<html>
<body>
<!-- Only change code below this line -->
<script type="module" src="index.js"></script>
<!-- Only change code above this line -->
</body>
</html>// Exporting Code
const uppercaseString = (string) => {
return string.toUpperCase();
}
const lowercaseString = (string) => {
return string.toLowerCase()
}
export { uppercaseString, lowercaseString };
// Importing Code
import { uppercaseString, lowercaseString } from './string_functions.js'
uppercaseString("hello");
lowercaseString("WORLD!");
// Importing Everything From A File
import * as stringFunctions from "./string_functions.js"
stringFunctions.uppercaseString("hello");
stringFunctions.lowercaseString("WORLD!");
// Export Default
export default function subtract(x, y) {
return x - y;
}
// Importing Default Exports
import subtract from "./math_functions.js"
subtract(7,4);Это было все на сегодня. Наступил новый год. В этом году я собираюсь получить сертификат по JavaScript. Это одна из моих многочисленных целей. Желаю вам чудесного года!!!
Стоит ли изучать PHP в 2023-2024 годах?
20.08.2023 18:21
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в 2023-2024 годах? Или это полная лажа?".
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
20.08.2023 17:46
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
19.08.2023 18:39
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в частности, магию поплавков и гибкость flexbox.
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
19.08.2023 17:22
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для чтения благодаря своей простоте. Кроме того, мы всегда хотим проверить самые последние возможности в наших проектах!
Концепция локализации и ее применение в приложениях React ⚡️
18.08.2023 20:33
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий их языку и культуре.
Пользовательский скаляр GraphQL
14.08.2023 14:49
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип предназначен для представления неделимого значения.