Создавай|Открой для себя безграничные творческие возможности
творческая цель
Это сайт, который объединяет творчество каждого. Здесь мы можем увидеть тяжелую работу студентов, принимавших участие в курсе веб-интерфейсной разработки, увидеть их рост, увидеть их любовь и увидеть их безграничный творческий потенциал! Несмотря на то, что этот демонстрационный сайт очень прост, студенческие сайты очень богаты и креативны, я надеюсь, они вам понравятся!
структурная функция
- Отправить работу
- Отображать все работы, включая страницу с подробной информацией
- Отобразить рейтинговый список работ и поставить лайк работам
- Соберите свои любимые работы
технические детали
- Благодаря контролю размера окна браузера изображение баннера на главной странице всегда отображается в полноэкранном режиме.
- Измените панель навигации, отслеживая положение прокрутки
- Макет: традиционный метод макета позиции + плавающее число, включая некоторые хитрости, такие как отображение: встроенный блок и очистка плавающего элемента.
- Значок использует iconfont
- Стиль -webkit-scrollbar изменяет полосу прокрутки, чтобы сделать веб-страницу более красивой.
- Используйте псевдоклассы для достижения некоторого эффекта в рейтинговом списке.
- Сделаны несколько скользящих цветовых эффектов по краям карты.
- Реализовал шаблонизацию всей страницы сайта, получил содержимое шаблона через ajax и отобразил его на странице.
- Используйте местоположение, чтобы получить текущие параметры URL-адреса, чтобы разные страницы могли использовать разные шаблоны и некоторые конкретные эффекты. Этого эффекта можно достичь только с помощью одной функции, где параметром является имя шаблона.
- Используйте js для управления атрибутами отображения некоторых эффектов, чтобы добиться определенных эффектов в столбце «Мое избранное».
- Отправьте страницу, проникнув в submit.php (используя начальную загрузку для достижения эффекта стиля формы), отправив ее в базу данных, а затем получив ее из getdata.php и сгенерировав строку json.
- Когда веб-сайт получает данные, метод синхронизации ajax используется для получения строки json из getdata.php. В то же время при циклическом воспроизведении строки json используются рекурсивные вызовы для решения некоторых асинхронных проблем, вызванных использованием ajax.
- Используйте sessionstorage для хранения полученных данных.
- Реализована функция сортировки по значению звезды на странице рейтинга.
- Встраивайте заполнители в шаблоны, чтобы разместить полученные данные в нужном месте.
- Для страницы сведений используется функция для получения параметров URL-адреса, чтобы разные учетные записи могли отображать разные страницы сведений.
