http://htmlpreview.github.io/?https://github.com/a62527776a/jianli/blob/master/index.html这是本人的个人简历。
高考后学了近半年的前端,如今切图已经非常熟练了。
这是我自己写的一个接球小游戏。
http://htmlpreview.github.io/?https://github.com/a62527776a/jianli/blob/master/worklist/%E6%8E%A5%E7%90%83%E5%B0%8F%E6%B8%B8%E6%88%8F.html<script>
//获取盘子 Id
var p = document.getElementsByTagName('p')[0],
//获取页面宽高
oHeight = document.documentElement.scrollHeight || document.body.scrollHeight ,
oWidth = document.documentElement.scrollWidth || document.body.scrollWidth ,
//获取球
d = document.getElementsByTagName('div'),
//获取启动界面
launch = document.getElementById('launch'),
//启动界面遮罩层
oMask = document.getElementById('omask'),
//声明初始分数
idx = 0,
//获取分数界面
span = document.getElementsByTagName('span')[0],
//声明初始能量(血量)
blood = 10,
btn = document.getElementsByTagName('button')[0],
//两个定时器
timer,
timers;
var start = function(){
timer = setInterval(function player(){
//每隔 500MS 创建一个球
var a = document.createElement('div');
a.className = 'ball';
document.body.appendChild(a);
//随机设置球的位置
a.style.left = oWidth * Math.random();
timers = setInterval(function(){、
//球定时下落
a.style.top = a.offsetTop + 10 + 'px';
//判定逻辑,如果球的 Top 属性大于盘子的 Top 属性并且球的左右位置超出盘子的宽度
if (parseInt(
a.style.top) > p.offsetTop - p.offsetHeight && parseInt(a.style.left)-parseInt(p.style.left) < 80 && parseInt(a.style.left)-parseInt(p.style.left) > -a.offsetWidth){
//删除球
document.body.removeChild(a);
//加一分
idx++;
//如果球 Top 属性超出屏幕属性(未被盘子碰触)
} else if (parseInt(
a.style.top) > oHeight){
//删除球
document.body.removeChild(a);
//减一分
blood--;
//执行 writeMsg();
writeMsg();
//如果血量为 0
if (blood === 0) {
alert('game over!');
alert('你获得了'+ idx +'分!' );
idx = 0;
blood = 10;
clearInterval(timer);
clearInterval(timers);
span.innerHTML = '您还剩 0 血量!';
var ball = document.getElementsByClassName('ball');
for(var i = 0;i<ball.length;i++){
ball[i].style.opacity = 0;
}
var R = confirm('您还要再来一盘接球小游戏吗?');
if(R == true){
start();
} else {
return;
}
}
}
},30)
},500)
//控制盘子
document.onmousemove = function(e){
var l = e.clientX;
var iWidth = p.offsetWidth;
p.style.left = l - iWidth/2 + 'px';
}
function writeMsg(){
span.innerHTML = '您还剩' + blood + '血量!';
}
}
var set = function(){
p.style.left = oWidth / 2 - p.offsetWidth/2 + 'px';
launch.style.left = oWidth / 2 - launch.offsetWidth/2 + 'px';
launch.style.top = oHeight / 2 - launch.offsetHeight/2 + 'px';
}
window.onload = function(){
set();
btn.addEventListener('click',function(){
document.body.removeChild(oMask);
document.body.removeChild(launch);
start();
})
alert('游戏采用定时函数间隔产生球,采用内建函数 Math.random()随机确定球的位置,使用 startmove 方法控制接盘的位置');
}
</script>
简历也是自己写的 样式参考知乎上的http://
link.zhihu.com/?target=http%3A//zhangwenli.com/cv功能参考《javascript高级程序设计》各种方法与慕课网上的移动端焦点轮播图教程。
还有个计算器程序
http://htmlpreview.github.io/?https://github.com/a62527776a/jianli/blob/master/worklist/%E7%AE%80%E5%8D%95%E7%9A%84%E8%AE%A1%E7%AE%97%E5%99%A8.html和一个时钟程序
http://htmlpreview.github.io/?https://github.com/a62527776a/jianli/blob/master/worklist/%E9%92%9F%E8%A1%A8.html代码写的丑,就不展示了,主要在写之前没有想过算法,写到后面发觉前面的写法不对。
自知不能和受过各种专业训练的优秀大学生比,但做一些重复的工作我想我还是能为公司出一份力的。
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/266580
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.