front_end-demos
Программа обучения фронт-эндов используется для записи демонстраций, накопленных в результате личной работы и обучения.
| Имя | Исходный код |
|---|
| KOA+MySQL реализует время отправки почты | |
| Vue-Todo-Demo Project | код |
| React-Todo-Demo Project | код |
| Перетаскивать поле для загрузки файлов | код |
| Canvas Реализуйте доску с картинками | код |
| холст нарисуйте круговую диаграмму | код |
| Vue National Day Plan Plan H5 Page (мобильный терминал) | код |
| Учебный урок героя | код |
| Тестирование различных аудио форматов | |
| HTML5 Audio Tags | код |
| Видеотеги HTML5 | код |
| Структура данных JS Работа двоичное дерево | код |
| LeetCode Идеи решения проблем | код |
| Узел использует Protobuf | код |
| Vue использует Protobuf | код |
| PX2Rem | код |
Какие проекты подходят для начинающих для практики? Полем Я записал это шаг за шагом, поместите исходный код на GitHub, благодаря первоначальному автору проекта. Нативное обучение JavaScript, Ferris
Урок 1
- 1. Контроль атрибутов DIV
- 2. Замена веб -кожи
- 3. Функция получает параметры и появляется
- 4. Используйте петлю, чтобы превратить три DOV в красный
- 5. Переместите мышь внедать, чтобы изменить стиль
- 6. Вспомните поле для приглашения на пароль
Урок 2
- 1. Метод ввода Baidu
- 2. Нажмите на Div, чтобы отобразить его innerhtml
- 3. Найдите сумму всех чисел в массиве
- 4. Эффект всплывающего окна слоя
- 5. Передайте параметр функции и измените значение любого атрибута DIV
- 6. Список изображений: переместиться/выходить, чтобы изменить прозрачность изображения
- 7. Простая вкладка
- 8. Простой календарь JS
- 9. Один кнопка, чтобы показать/скрыть список воспроизведения, чтобы сократить и расширить
- 10. Эффект приглашения
- 11. Переместите мышь и измените путь изображения
- 12. Флажок (флажок) Выберите All/не выберите All/вернуть, чтобы выбрать
Урок 3
- 1. Используйте TypeOF для просмотра типов данных
- 2. Используйте Parseint для анализа номеров и суммы
- 3. Кнопка точкой, добавьте 1 самостоятельно
- 4. Введите два числа, чтобы сравнить размеры
- 5. После загрузки страницы, добавьте 1 самостоятельно
- 6. Определите, является ли число двухзначным номером
- 7. Веб -калькулятор
- 8. Простые веб -часы
- 9. Обратный отсчет (100 секунд)
Урок 4
- 1.settimeout приложение
- 2. автоматически воспроизводите эффект слайда
- 3. автоматически изменять направление и эффект скольжения
- 4. Применение приложений. Один, чтобы найти общее количество параметров функции
- 5.CSS Установите/считывает свойства объекта
- 6. Целевая коробка ввода выделена
