毕业实习日志参考由刀豆文库小编整理，希望给你工作、学习、生活带来方便，猜你可能喜欢“毕业实习日志实习心得”。
毕业实习日志
2017年2月20日
周一
今天是校内毕业实习的第一天，今天领导的主要工作是统计多少人参加校内实习，由于有一部分人未能按时到校，所以今天我们被安排到机房自行安排自己的事情。我今天主要在网上查找与我毕业设计相关的知识，确切是找一些实现特定功能的代码,例如，按钮的样式如何定义，对话框如何定义及对话框的类型。此外设计了一下所需数据库的元素，为实习过后的毕设铺好路。之所以选择校内实习，是因为不必要到处去找工作。另外，等待考研成绩也是一原因，并且我认为我的专业知识还是远远的不够，找一份较好的相关专业的工作不是多么的容易，我可以用找工作到处应聘的时间拿来学习。过去不可追，不会就是不会，耐下心来学习点东西，不急于一时的找工作。2017年2月21日
周二
在等待实习正式上课，所以这一天我拥有完全的自由。关于课程设计，我一直有个困惑没有解决，就是如何实现学生请假追踪这个功能，期间一直在想这个问题。终于，皇天不负有心人，通过网上的查询，我了解了如何利用用户登录的IP地址来去确定用户所处的地理位置。此外，也可以利用第三方，比如：百度地图就提供了共享的位置定位接口，通过一段代码就可以容易实现此项定位功能。接近这一天的结束，我回顾了一下我之前学的如何进行数据显示的分页功能，为接下来的课程设计打下厚实的基础。附今天所查根据IP求地理位置的代码： public cla URLT { public static void main(String[] args)throws IOException {
String strURL = “http://的学习。HTML是一个超文本标记语言，标准通用标记语言下的一个应用，在这个时期尤其的流行。
今天我们使用例子来讲述HTML，我们的第一个例子是：利用video控件，自制一个简单的播放器，另外需要我们自己添加几个按钮来对video控件进行一些操作。在这里我们用到JavaScript方面的知识：定义一个函数的方法，以及document相关的方法。例如视频的播放/暂停功能,附部分功能代码如下：
var myvideo = document.getElementById(”video“);function playPause(){
if(myvideo.paused){ myvideo.play();}
else{
myvideo.pause();
} }
Video控件还有，width，height等等属性，合理的利用这些，我们可以达到一个很好的UI显示效果。
今天第二个例子是实现对p标签的文字，在运行时一个一个的弹出的效果，这里我们用到了onload方法，innerHTML方法，以及一个timer自动刷新效果，附一部分代码如下：
timer=setInterval(function(){
s.innerHTML=story.innerHTML.substring(0,i);i++;
if(s.innerHTML==story.innerHTML){ clearInterval(timer);};},500);2017年2月28日
周二
今天我们实现了我所知道的第二种文字弹出方法，大体上是利用不同时刻文本框的显示长度，功能实现代码如下：
@keyframes textwidth{0%{ width:0px;}
100%{width:800px;} } 此时文字如果超过文本框是不能显示的，且不允许换行，具体功能实现代码如下：white-space:nowrap;
overflow:hidden;文字弹出期间，文本框右边框一直处于闪烁状态，光标闪烁功能实现代码为：
animation:shanshuo 0.8s infinite,textwidth 10s steps(800);
/*光标闪烁函数*/@keyframes shanshuo{
50%{ border-color:transparent;//transparent表示透明； } }
下午老师带领我们学习了，音乐播放器的制作，主要使用audio控件调用一段音乐，代码如下：
此外我们给音乐加上了随音乐播放而随之旋转的图片，这里我们使用前几天学的style以及JavaScript功能，具体代码如下：
img{...border-radius:80%;}...@keyframes xuanzhuan{
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}}.stop {animation-play-state: paused;} function start(){ var img = document.getElementById(”img“);
var music = document.getElementById(”music“);if(music.paused){music.play();
img.claList.remove('stop');
img.style.animation=”xuanzhuan 10s linear infinite“;}}
function pause(){
var img = document.getElementById(”img“);var music = document.getElementById(”music“);
img.claList.add('stop');if(music.played)music.pause();}
function next(){
var img = document.getElementById(”img“);
var music = document.getElementById(”music“);
img.src=”img/black.jpg“;music.src=”music/Animals.mp3“;start();} 2017年3月1日
周三
今天上午的实例简约但不简单，主要是先实现一个颜色的组合，加一些不同颜色，形状为椭圆的边框，阴影什么的，具体代码如下： border-radius:30%;/*椭圆效果，如果为50%则为圆形*/ box-shadow:0 0 0 10px green,0 0 0 20px black;transition:all 5s;其次，再利用函数实现颜色块旋转的功能，具体所用代码如下： div:hover{
}
background-color:pink;transform:rotate(360deg);
下午开始发福利了，我们的目标是实现把几张美女图片层叠在一块区域的效果，此时不同图片的旋转角度是不同的，方便能够用鼠标选中，并当鼠标移到图片上面时，这个图片放大，带阴影并放到最上层。具体实现效果部分代码如下： img{...box-shadow:5px 5px 4px rgba(50,50,50,0.4);...}.pic1{ transform:rotate(-10deg);}
.pic2{ transform:rotate(15deg);}.pic3{ transform:rotate(25deg);} img :hover{
} transform:rotate(0deg)scale(1.2);/*等比放大1.2倍*/ box-shadow:15px 15px 30px rgba(50,50,50,0.8);z-index:1;/*更改z轴顺序*/ 2017年3月2日
周四
今天我们要制作个小游戏,大体上是：两张十分相似的图片，用一张作为我们要找的，另一张为干扰项。当我们点击对的那张时，分数加一，图片个数遵循N2原则，时间限制为60秒。在上午我们有个很重要的任务是完成当点击开始按钮之前，界面所有的操作是都是不可使用的，只有当点击开始按钮之后，游戏界面的一些操作才可以操作，在这里我们主要给开始按钮界面一个游戏界面的大小，利用覆盖半透明实现效果。部分主要代码如下： #menu{ width:1000px;
height:600px;margin:10px auto;
background-color:rgba(0,0,0,0.6);
...} 完成了以上UI及简单地功能实现，我们下午开始了游戏功能的具体实现，具体的思路就是当点击开始后，秒数自动倒计时： var interval=setInterval(function(){...time=time-1;timef.innerHTML=”剩余时间 “+time+” 秒“;},1000);之后，显示图片,每点对一次，分数加一，图片个数按num=row*row增加，这里row等于点对的个数加一，一直循环如此，之后变为10*10的游戏界面。具体代码实现如下： function addpic(){...for(var i=0;i
var img=document.createElement(”img“);img.src=”images/1.png“;img.style.width=1000/row+”px“;img.style.height=550/row+”px“;gamef.appendChild(img);}
var randomnum = Math.floor(Math.random()*num);var fzm= gamef.children[randomnum];
fzm.src=”images/2.png“;
fzm.onclick=fzmonclick;
}
function fzmonclick(){
score=score+1;scoref.innerHTML=”分数：“+score;gamef.innerHTML=”";addpic();
} 2017年3月3日
周五
实习老师带领我们学习的最后一天，本以为我们实习的时间为三周，最后才知道就两周的时间。两周就这样不知不觉的过去了，每天早起去学习新的知识，慢慢成了一种享受。通过这两周的实习我发现，我们计算机专业并不是别人说的整天敲代码的那么无聊，无聊是因为那些人知道的太少，其实当你真正投入到其中时就会发现无穷的乐趣。当网页上一个一个的效果在你手里呈现时，你就会觉得无比的快乐。
今天也没有闲着，我们通过java scrip中tool Tip功能实现鼠标放到一个文字上面时，显示出一个解释框。基本思路是将介绍的文字写入代码，但运行时，每段文字的介绍语句是隐藏的，为了不影响原来文字的排列，应该使用posotion：relative；的属性，但当鼠标移到文字上面是，隐藏的文字显示出来。具体实现代码如下： span{ position:relative;
width:240px;}.tooltip{
position:absolute;
opacity:0;
color:rgba(0,0,0,1);
top:1em;
border-radius:20px;
background:rgba(255,255,255,1);
box-shadow:0 0 20px rgba(0,255,0,0.8);} span:hover{
color:rgba(133,101,168,0.8);
box-shadow:0 0 10px rgba(255,0,0,1);
background:rgba(255,255,255,0);
transition:all 0.5s ease-in-out;} span:hover.tooltip{
opacity:1;}
