【前端荣耀】第五章 | 前端初体验之web版个人简历

      上了大学之后,发现我被调剂的专业(地理信息科学)也并不是想象中的地理专业,而是地理和计算机的杂交专业,我们专业是我们学院唯一一个计算机相关专业。
       我们专业虽然也学前端,但是只教一教基础的html,css,js三板斧,并没有学到太多知识。再加上大一大二尽玩了,大三才开始觉悟,大三下学期要教一个课设,从那时候才算真正开始了我的前端学习之旅。
        我们课题是自己定的,我不喜欢做一些默守陈规的东西,所以打算做一个web版个人简历,当时还想说不定以后能用上。
       这里介绍一下我的这个小玩意儿(当时其实还没做完,后面懒得继续了哈哈哈)。

        我的整体思路是想把它做成一个我的技能宇宙,然后首页的话使用fullpage.js实现整屏翻页。共四页。第一页,个人信息简介;第二页,技能黑洞;第三页,个人经历;第四页,没啥。

四页的背景图片我都用ps调整了一下整体色调,还加了一些过渡的效果,这样翻页不会显得太突兀。

第一页的话,就是个中英切换和信息气泡,比较简单。

        第二页,我将我的每个技能点展示为小行星,页面中间有一个黑洞,将技能行星拖进黑洞,会有被黑洞吸收的效果,然后跳转页面,展示具体的技能展示。

    第三页,星空中有飞船什么的,每一个物体都是一段经历,点击可以查看详情。

扫描二维码关注公众号,回复: 15855255 查看本文章

第四页,啥也没有,就是凑个完整一点。

        整体的话,我当时主要想练习一下布局和动画什么的,最后虽然没有做完,但是也受益匪浅。至于第二页的技能树,我只简单做了下webgis的部分。

        大体有三个菜单。 

        【你想去哪儿】先选择出行方式,然后输入你想去的城市,起点,终点,然后就能为你展示出路线规划。

     【天气如何】想去哪里,就可以先查询下那里的天气。 

【附近有什么】去了那里可以干什么,可以根据范围查询下周边,或者根据关键词查询。

        以上就是我课设web版个人简历的主体内容了。那时候刚开始认真学习前端,做的比较粗糙。各位大佬多担待。

        同期,还简单做了个计算器。哈哈哈,当时闲的无聊,功能很简单。

        

         回想当年往事,还是非常怀念的。很幸运我调剂了个计算机相关专业,而且我们专业还非常轻松。

        刚上大学还想着一定要转专业转到一个正经的计算机专业,但是上了一年之后,这个念头就完全消失了。既可以学到些计算机知识(虽然大部分是后端c#),又能轻松得度过大学时期。

        有多轻松呢?由于我大学报到时晚了两天,所以被分配到了一个混合宿舍,宿舍六个人四个专业,而且住的不是我们学院的宿舍楼。每次我舍友去上课的时候,我在宿舍打游戏,他们回来了,我还在宿舍打游戏。因此,他们管我这叫,地理信息与舒服,多次声称要上报取消我们专业,哈哈哈。我们课虽然少,但是考试也很简单啊。稍微背一背就过了,^0^。

猜你喜欢

转载自blog.csdn.net/qq_38974163/article/details/122804947