【文件属性】:
文件名称:ip-address-tracker:IP地址追踪器
文件大小:3.51MB
文件格式:ZIP
更新时间:2021-04-16 12:05:16
CSS
前端导师-IP地址跟踪器解决方案
这是一种解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。
目录
概述
挑战
用户应该能够:
查看每个页面的最佳布局,具体取决于其设备的屏幕尺寸
查看页面上所有互动元素的悬停状态
在初始页面加载时在地图上查看他们自己的IP地址
搜索任何IP地址或域,然后查看关键信息和位置
截屏
链接
解决方案URL: https : //github.com/brandonmharrington/ip-address-tracker
实时站点URL: https : //brandonmharrington.github.io/ip-address-tracker
我的过程
内置
语义HTML5标记
CSS自定义属性
弹性盒
移动优先的工作流程
IP地理位置API
传单JS
我学到的是
在这个项目中,我练习了从未使用过的API和JS库。
【文件预览】:
ip-address-tracker-main
----style-guide.md(353B)
----.gitignore(522B)
----images()
--------favicon-32x32.png(1KB)
--------pattern-bg.png(79KB)
--------icon-arrow.svg(136B)
--------icon-location.svg(373B)
--------ip-address-tracker.png(3MB)
----script.js(3KB)
----README.md(2KB)
----style.css(3KB)
----index.html(2KB)
----design()
--------desktop-design.jpg(168KB)
--------desktop-preview.jpg(74KB)
--------active-states.jpg(167KB)
--------mobile-design.jpg(56KB)