ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

【前端荣耀】第五章 | 前端初体验

2022-02-07 12:00:42  阅读:168  来源: 互联网

标签:专业 初体验 前端 第二页 黑洞 宿舍 第五章 技能


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

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

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

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

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

 

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

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

 

 

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

        大体有三个菜单。 

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

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

 

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

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

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

        

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

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

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

标签:专业,初体验,前端,第二页,黑洞,宿舍,第五章,技能
来源: https://blog.csdn.net/qq_38974163/article/details/122804947

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有