- 掃描 ID：
- aeedd861-da2d-415a-9cd5-2bef7b4ce93b已完成
- 已提交的 URL：
- https://yaroslav-i.ru/
- 報告完成時間：
連結 · 找到 6 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://jsfiddle.net/user/space2pacman | jsfiddle.net/user/space2pacman |
| https://github.com/space2pacman | github.com/space2pacman |
| https://qna.habr.com/user/space2pacman | qna.habr.com/user/space2pacman |
| https://www.codewars.com/users/space2pacman | codewars.com/users/space2pacman |
| https://cssbattle.dev/player/space2pacman | cssbattle.dev/player/space2pacman |
| https://www.linkedin.com/in/space2pacman/ | linkedin.com/in/space2pacman |
JavaScript 變數 · 找到 22 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| Vue | function |
| t | object |
| e | function |
| VueRouter | function |
| data | object |
| home | function |
| portfolio | function |
主控台記錄訊息 · 找到 0 條
記錄到 Web 主控台的訊息
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><html lang="ru"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
<title>yaroslav-i.ru</title>
</head>
<body>
<div id="app" class="container"><header class="header"><a href="#/" class="router-link-exact-active router-link-active"><img src="images/im.png" width="160" class="user-pic"></a> <h1 class="greeting"><span class="greeting__word--large">Привет,</span> <span class="greeting__desc">
меня зовут <span class="greeting__word--highlighted greeting__word--slim">Ярослав</span> и это информация обо мне
</span></h1></header> <div class="hamburger"><div class="hamburger__line"></div> <div class="hamburger__line"></div> <div class="hamburger__line"></div></div> <nav class="nav"><ul class="nav__list"><li class="nav__item"><a href="#/" class="nav__link link link--blue router-link-exact-active router-link-active">Главная</a></li> <li class="nav__item"><a href="#/portfolio" class="nav__link link link--blue">Портфолио</a></li> <li class="nav__item"><a href="#/works" class="nav__link link link--blue">Работа</a></li> <li class="nav__item"><a href="#/books" class="nav__link link link--blue">Книги</a></li></ul></nav> <div class="row"><div class="width-1-2"><div class="box"><h2 class="box__header">Обо мне</h2> <div class="box__content box__border--left">
Иванов Ярослав / 05.05.1992 / Москва / Разработчик.
</div></div> <div class="box"><h2 class="box__header">Работа</h2> <div class="box__content box__header-desc">3 последних места работы</div> <div class="box__content box__border--left"><div class="box__caption"><span class="box__caption--bold">Senior full-stack разработчик</span> / ОС-Технолоджи / 2022.10 - н.в.</div> <div class="box__desc">Разработка проекта по управлению маркировкой товаров</div></div><div class="box__content box__border--left"><div class="box__caption"><span class="box__caption--bold">Senior front-end разработчик</span> / Далее / 2022.06 - 2022.08</div> <div class="box__desc">Разработка проектов</div></div><div class="box__content box__border--left"><div class="box__caption"><span class="box__caption--bold">Senior full-stack разработчик</span> / Merlion / 2021.07 - 2022.06</div> <div class="box__desc">Разработка проектов</div></div></div> <div class="box"><h2 class="box__header">Портфолио</h2> <div class="box__content box__header-desc">3 случайных проекта</div> <div class="box__content box__border--left"><a href="http://yaroslav-i.ru/projects/printofdream.ru" target="_blank" class="link link--blue">Printofdream</a> / <span>Написание сайта с нуля под проект. Интеграция инструмента для создание рисунков на постельном белье. / Wordpress</span></div><div class="box__content box__border--left"><a href="http://yaroslav-i.ru/projects/freedom" target="_blank" class="link link--blue">Freedom</a> / <span>Верстка и перенос на CMS / Netcat</span></div><div class="box__content box__border--left"><a href="http://yaroslav-i.ru/projects/x-tagusi" target="_blank" class="link link--blue">X-Tagusi</a> / <span>Верстка / JavaScript</span></div></div> <div class="box"><h2 class="box__header">КОНТАКТЫ</h2> <div class="box__content"><div class="contact__row"><div class="contact__icon"><i class="fas fa-envelope"></i></div> <div class="contact__data"><div class="contact__caption">[email protected]</div> <!----></div></div><div class="contact__row"><div class="contact__icon"><img class="icon-contact" src="images/jsfiddle.svg" width="20"></div> <div class="contact__data"><div class="contact__caption">Jsfiddle</div> <a href="https://jsfiddle.net/user/space2pacman" target="_blank" class="contact__link link link--blue">jsfiddle.net/user/space2pacman</a></div></div><div class="contact__row"><div class="contact__icon"><i class="fab fa-github"></i></div> <div class="contact__data"><div class="contact__caption">Github</div> <a href="https://github.com/space2pacman" target="_blank" class="contact__link link link--blue">github.com/space2pacman</a></div></div><div class="contact__row"><div class="contact__icon"><img class="icon-contact" src="images/toster.png"></div> <div class="contact__data"><div class="contact__caption">Хабр Q&A</div> <a href="https://qna.habr.com/user/space2pacman" target="_blank" class="contact__link link link--blue">qna.habr.com/user/space2pacman</a></div></div><div class="contact__row"><div class="contact__icon"><img class="icon-contact" src="images/codewars.svg" width="20"></div> <div class="contact__data"><div class="contact__caption">Codewars</div> <a href="https://www.codewars.com/users/space2pacman" target="_blank" class="contact__link link link--blue">codewars.com/users/space2pacman</a></div></div><div class="contact__row"><div class="contact__icon"><img class="icon-contact" src="images/cssbattle.svg" width="25" height="20"></div> <div class="contact__data"><div class="contact__caption">CSSBattle</div> <a href="https://cssbattle.dev/player/space2pacman" target="_blank" class="contact__link link link--blue">cssbattle.dev/player/space2pacman</a></div></div><div class="contact__row"><div class="contact__icon"><i class="fab fa-linkedin-in"></i></div> <div class="contact__data"><div class="contact__caption">Linkedin</div> <a href="https://www.linkedin.com/in/space2pacman/" target="_blank" class="contact__link link link--blue">linkedin.com/in/space2pacman</a></div></div></div></div></div> <div class="width-1-2"><div class="box"><h2 class="box__header">Навыки</h2> <div class="box__content"><div class="skills"><ul class="skills__nav box__border--left"><li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[Front-end]</a></li> <li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[Back-end]</a></li> <li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[OS]</a></li> <li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[CMS]</a></li> <li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[Разное]</a></li> <li class="skills__nav-item"><a href="#" class="skills__nav-link link link--blue">[Сбросить]</a></li></ul> <div class="skills__items text-uppercase"><div class="skills__item">HTML</div><div class="skills__item">CSS</div><div class="skills__item">JavaScript</div><div class="skills__item">Jquery</div><div class="skills__item">Ajax</div><div class="skills__item">Vue.js</div><div class="skills__item">React.js</div><div class="skills__item">Gulp</div><div class="skills__item">Webpack</div><div class="skills__item">SPA</div><div class="skills__item">Scss</div><div class="skills__item">Jade</div><div class="skills__item">TypeScript</div><div class="skills__item">Bem</div><div class="skills__item">SVG</div><div class="skills__item">Canvas</div><div class="skills__item">PHP</div><div class="skills__item">SQL</div><div class="skills__item">Node.js</div><div class="skills__item">Nuxt.js</div><div class="skills__item">Mongodb</div><div class="skills__item">Express.js</div><div class="skills__item">Socket.io</div><div class="skills__item">Windows server</div><div class="skills__item">Linux</div><div class="skills__item">Hyper-V</div><div class="skills__item">Wordpress</div><div class="skills__item">Bitrix</div><div class="skills__item">Netcat</div><div class="skills__item">Electron.js</div><div class="skills__item">GIT</div><div class="skills__item">Agile</div><div class="skills__item">API</div><div class="skills__item">Arguments reality</div><div class="skills__item">Cordova</div></div></div></div></div> <div class="box"><h2 class="box__header">Книги</h2> <div class="box__content box__header-desc">3 случайные прочитанные книги</div> <div class="box__content"><div><div class="book book--is-read">Дизайн для недизайнеров / Робин Вильямс / 2008</div><div class="book book--is-read">Гитлер / Руперт Колли / 2011</div><div class="book book--is-read">JavaScript для детей / Ник Морган / 2016</div></div></div></div> <div class="box"><h2 class="box__header">Хобби</h2> <div class="box__content"><div class="hobby__items"><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">Спорт</span></div><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">DIY</span></div><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">Дизайн</span></div><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">Космос</span></div><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">Путешествие</span></div><div class="hobby__item"><i class="fas fa-heart"></i> <span class="hobby__caption">Книги</span></div></div></div></div></div></div></div>
<template id="home">
<div class="row">
<div class="width-1-2">
<div class="box">
<h2 class="box__header">Обо мне</h2>
<div class="box__content box__border--left">
Иванов Ярослав / 05.05.1992 / Москва / Разработчик.
</div>
</div>
<div class="box">
<h2 class="box__header">Работа</h2>
<div class="box__content box__header-desc">3 последних места работы</div>
<work v-for="work in $root.works.slice().reverse().slice(0, 3)" :item="work"></work>
</div>
<div class="box">
<h2 class="box__header">Портфолио</h2>
<div class="box__content box__header-desc">3 случайных проекта</div>
<div class="box__content box__border--left" v-for="project in $root.getProject($root.portfolio, 3)">
<a :href="project.link.href" target="_blank" class="link link--blue">{{ project.link.text }}</a> / <span v-html="project.desc"></span>
</div>
</div>
<div class="box">
<h2 class="box__header">КОНТАКТЫ</h2>
<div class="box__content">
<contacts v-for="contact in $root.contacts" :contact="contact"></contacts>
</div>
</div>
</div>
<div class="width-1-2">
<div class="box">
<h2 class="box__header">Навыки</h2>
<div class="box__content">
<skills></skills>
</div>
</div>
<div class="box">
<h2 class="box__header">Книги</h2>
<div class="box__content box__header-desc">3 случайные прочитанные книги</div>
<div class="box__content">
<div>
<div class="book book--is-read" v-for="book in $root.getReadBooks(3)">{{ book.desc }}</div>
</div>
</div>
</div>
<!-- <div class="box">
<h2 class="box__header">Блог</h2>
<div class="box__content box__header-desc">3 последних записей в блоге</div>
<div class="box__content">
</div>
</div> -->
<div class="box">
<h2 class="box__header">Хобби</h2>
<div class="box__content">
<div class="hobby__items">
<hobby v-for="item in $root.hobby" :item="item"></hobby>
</div>
</div>
</div>
</div>
</div>
</template>
<template id="work">
<div class="box__content box__border--left">
<div class="box__caption"><span class="box__caption--bold">{{ item.position }}</span> / {{ item.companyName }} / {{ item.yearsOfWork }}</div>
<div class="box__desc">{{ item.desc }}</div>
</div>
</template>
<template id="contacts">
<div class="contact__row">
<div class="contact__icon" v-html="contact.icon"></div>
<div class="contact__data">
<div class="contact__caption">{{ contact.caption }}</div>
<a v-if="contact.link" :href="contact.link.href" target="_blank" class="contact__link link link--blue">{{ contact.link.text }}</a>
</div>
</div>
</template>
<template id="hobby">
<div class="hobby__item">
<i class="fas fa-heart"></i>
<span class="hobby__caption">{{ item.caption }}</span>
</div>
</template>
<template id="works">
<div class="box">
<div class="box__header">Работа</div>
<work v-for="work in $root.works.slice().reverse()" :item="work"></work>
</div>
</template>
<template id="books">
<div class="box">
<div class="box__header">Книги</div>
<div class="section" v-for="section in $root.books">
<div class="box__content box__border--left">{{ section.name }}</div>
<div v-for="book in section.list" class="book" :class="{'book--is-read': book.read}">{{ book.desc }}</div>
</div>
</div>
</template>
<template id="skills">
<div class="skills">
<ul class="skills__nav box__border--left">
<li class="skills__nav-item">
<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills('front-end')">[Front-end]</a>
</li>
<li class="skills__nav-item">
<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills('back-end')">[Back-end]</a>
</li>
<li class="skills__nav-item">
<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills('os')">[OS]</a>
</li>
<li class="skills__nav-item">
<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills('cms')">[CMS]</a>
</li>
<li class="skills__nav-item">
<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills('other')">[Разное]</a>
</li>
<li class="skills__nav-item">
<a href="#" class="skills__nav-link link link--blue" @click.prevent="$root.filterSkills()">[Сбросить]</a>
</li>
</ul>
<div class="skills__items text-uppercase">
<div v-for="skill in $root.skills.filtered" class="skills__item">{{ skill.skill }}</div>
</div>
</div>
</template>
<template id="portfolio">
<div class="projects">
<project v-for="project in $root.portfolio" :item="project"></project>
</div>
</template>
<template id="project">
<div class="projects__item" :style="'background-image: url(' + item.pic + ')'">
<div class="projects__caption" :style="'color:' + item.caption.color">{{ item.caption.value }}</div>
<div class="projects__overlay-background"></div>
<div class="projects__overlay-info">
<a :href="item.link.href" target="_blank" class="projects__link">{{ item.link.text }}</a>
<div class="projects__desc" v-html="item.desc"></div>
<div v-for="additionalLink in item.link.additional">
<a :href="additionalLink" target="_blank" class="projects__link projects__link--additional">{{ additionalLink }}</a>
</div>
</div>
</div>
</template>
<template id="projects">
<div class="projects">
<project v-for="project in $root.portfolio" :item="project"></project>
</div>
</template>
<template id="blog">
<div>blog</div>
</template>
<script src="js/vue.min.js"></script>
<script src="js/vue-router.min.js"></script>
<script src="js/data.js?0"></script>
<script src="js/main.js?0"></script>
</body></html>