【前端荣耀】第五章 | 前端初体验
作者：互联网
上了大学之后，发现我被调剂的专业（地理信息科学）也并不是想象中的地理专业，而是地理和计算机的杂交专业，我们专业是我们学院唯一一个计算机相关专业。
我们专业虽然也学前端，但是只教一教基础的html，css，js三板斧，并没有学到太多知识。再加上大一大二尽玩了，大三才开始觉悟，大三下学期要教一个课设，从那时候才算真正开始了我的前端学习之旅。
我们课题是自己定的，我不喜欢做一些默守陈规的东西，所以打算做一个web版个人简历，当时还想说不定以后能用上。
这里介绍一下我的这个小玩意儿（当时其实还没做完，后面懒得继续了哈哈哈）。
我的整体思路是想把它做成一个我的技能宇宙，然后首页的话使用fullpage.js实现整屏翻页。共四页。第一页，个人信息简介；第二页，技能黑洞；第三页，个人经历；第四页，没啥。
四页的背景图片我都用ps调整了一下整体色调，还加了一些过渡的效果，这样翻页不会显得太突兀。
第一页的话，就是个中英切换和信息气泡，比较简单。
第二页，我将我的每个技能点展示为小行星，页面中间有一个黑洞，将技能行星拖进黑洞，会有被黑洞吸收的效果，然后跳转页面，展示具体的技能展示。
第三页，星空中有飞船什么的，每一个物体都是一段经历，点击可以查看详情。
第四页，啥也没有，就是凑个完整一点。
整体的话，我当时主要想练习一下布局和动画什么的，最后虽然没有做完，但是也受益匪浅。至于第二页的技能树，我只简单做了下webgis的部分。
大体有三个菜单。
【你想去哪儿】先选择出行方式，然后输入你想去的城市，起点，终点，然后就能为你展示出路线规划。
【天气如何】想去哪里，就可以先查询下那里的天气。
【附近有什么】去了那里可以干什么，可以根据范围查询下周边，或者根据关键词查询。
以上就是我课设web版个人简历的主体内容了。那时候刚开始认真学习前端，做的比较粗糙。各位大佬多担待。
同期，还简单做了个计算器。哈哈哈，当时闲的无聊，功能很简单。
回想当年往事，还是非常怀念的。很幸运我调剂了个计算机相关专业，而且我们专业还非常轻松。
刚上大学还想着一定要转专业转到一个正经的计算机专业，但是上了一年之后，这个念头就完全消失了。既可以学到些计算机知识（虽然大部分是后端c#），又能轻松得度过大学时期。
有多轻松呢？由于我大学报到时晚了两天，所以被分配到了一个混合宿舍，宿舍六个人四个专业，而且住的不是我们学院的宿舍楼。每次我舍友去上课的时候，我在宿舍打游戏，他们回来了，我还在宿舍打游戏。因此，他们管我这叫，地理信息与舒服，多次声称要上报取消我们专业，哈哈哈。我们课虽然少，但是考试也很简单啊。稍微背一背就过了，^0^。
标签：专业,初体验,前端,第二页,黑洞,宿舍,第五章,技能 来源： https://blog.csdn.net/qq_38974163/article/details/122804947