从零开始个人主页
标签: “\U0001F60EPage”
分类 💻Code
文章首发地址https://c.undf.top/
更新时间: 2021-11-27 15:10:18
初
目前我的个人主页是在 threejs 开源项目的基础上自己修改而成,但主页文件过于庞大(加载缓慢),且在部分平台无法完全展示,而且恰逢寒假,时间充足,所以准备一边学习 HTML+CSS+JS,一边写个人主页,有目的的学习会让人更有动力。
启
其实我前段时间就写了,但是写出来的很烂,能用但不好用。
而且也嵌入了 threejs,非常庞大,所以这次从头开始,做一个极其简洁的主页。
预
初步计划图示如下
手机端
电脑端
感觉有点空空荡荡的,到时候背景搞得花一点。
中
设置所有内容居中
设置文字颜色,大小
设置背景等
设置图标,超链接
潮
调整间隔padding
,调整整体布局
移动端适配
通过 javascript 判断并跳转
<script type="text/javascript">
try{
var urlhash=window.location.hash;
if(!urlhash.match("fromapp")){
if((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))){
window.location='/mobile/index.html'
}
}
}
catch(err){}
</script>
终
如图
不得不说,前端还是蛮难的,主要是内容非常多。
这次就这样简简单单告一段落,回头再加东西。
-PwTQ8As0-1665061512569)]
不得不说,前端还是蛮难的,主要是内容非常多。
这次就这样简简单单告一段落,回头再加东西。