不知不觉一个星期的紧张生活学习就这样过去拉,在这个星期中我们主要学习拉html5,css3,javescropt。
在这里学习不再是一种轻松的,从早上八点开始到晚上十一点钟结束,在这里你每时每刻都在学习,每时每刻都在提升自己的技术,学校里面不教的东西,在这里可以学到,你学到的东西都是在以后的工作中不断的运用到的,来之前我在公司听到要用一个月的时间来秀野学堂培训,在培训时间段里我们要学习html5,css3,js,php,mysql等等一些知识的时候,我第一个感觉就是不相信,因为我在学校里面学习前端的部分我就花来俩年时间,来啦之后我跟是不相信能在这种学习环境下学习到知识,但是我经过这一个星期的紧张学习,让我明白拉学习不需要什么环境古有闹市读书作诗,今有秀野学堂乡下学习知识技术,学习不再于环境不再于时间而在于怎么教,怎么学。
现在学习让我感到为难的时,我之前的都是野路子敲代码,不知道什么是规范,我只求做出功能,所以我敲出来的代码只有我自己能看懂别人看我的代码第一个感觉就是脏,看不懂,不知道写的什么,而且自学的还有一个坏处那就是,我需要什么我就会去查什么学习什么这就导致我知道怎么用干什么的而不知道为什么这样用,这样用的优劣,有没有更好的办法。在这里我虽然才只呆了一周但是我的收获差不多是我在大学三年的收获,只要你想学,你就会有很大的收获,在这里我学习到来代码的规范,代码怎么写,为什么这样写,同一个功能,每个人的想法是截然不同的,你可以听听别人的思路,和自己的思路比较一下,这样你就可以借鉴别人的长处补全自己的短处。
这一个星期让我有成就感的是俩段代码,下面我把他们贴出来。
这个是最让我有成就感的因为前一天堂主考核让写一个for循环从1加到100,7个人就我自己没做出来。而到啦第二天学习递归的时候我先用for循环写出拉树状图,第一个完成,当我用递归再次完成树状图的时候依然只有我自己做出来拉,这件事让我有很大的成就感,也是对我的一个很大的鼓励。 for循环做出的树状图代码
var sa = [
[1, 2], [3, 4], [5, 6], [7, 8], [9, 0], [10, 9], [11, 10], [12, 11], [13, 12]
];
var d = document.getElementById('abc');
var f = '';
for(var i = 0; i < sa.length; i++){
var a = sa[i][1];
for(var h = 0; h < sa.length; h++){
var b = sa[h][0];
if (a == b) {
a = '';
var g = ' ';
f += g;
c = sa[h][0];
}else{
var c = sa[i][0];
}
}
d.innerHTML += a + '<br>';
d.innerHTML += ' ' + f + c + '<br>';
}
这是用递归做出的树状图
var sa = [
[1, 2, 0], [3, 4, 0], [5, 6, 0], [7, 8, 0], [9, 0, 0], [10, 9, 1], [11, 10, 2], [12, 11, 3], [13, 12, 4]
];
var gg = ' ';
function df(f, y){
var d = document.getElementById('abc');
for(var i = 0; i < sa.length; i++){
if(sa[i][2] == f){
if(y != 0){
d.innerHTML += sa[i][y] + '<br>';
d.innerHTML += ' ' + sa[i][0] + '<br>';
console.log(sa[i][0]);
}else{
var ff = ' ';
d.innerHTML += gg + sa[i][y] + '<br>';
gg = gg + ff;
}
}
}
if(f != 4){
f++;
y = 0;
df(f, y);
}else{
return;
}
}
树状图形状
利用canvas画布花出小鸟并且让他飞,这是堂主布置下的任务,这个任务我是第二个完成的,虽然我的代码效率底下,但是总的来说我还是完成了堂主的任务,其实现在想想我还有别的办法来实现他,但是学习任务紧张,就先放下,有时间改,现在贴出代码仅供参考。
setInterval(function(){
d();
},100);
function d(){
var c = document.getElementById("abc");
var cxt = c.getContext("2d");
var img = new Image();
img.src = "file:///home/zoubingbing/%E6%A1%8C%E9%9D%A2/%E6%9C%AA%E5%91%BD%E5%90%8D%E6%96%87%E4%BB%B6%E5%A4%B9/11.png";
cxt.clearRect(0, 0, 500, 500);
img.onload = function ()
{
cxt.drawImage(img, a, y, 24, 27, Math.abs(g), h, 24, 27);
a = a + 24;
i = i - 10;
t = t + 1;
if(t == 50){
i = 20;
y = 24;
h = 50;
}else if(t == 100){
i = 0
y = 0;
g = 500;
h = 200;
}else if(t == 150){
i = 20;
y = 24;
h = 350;
}else if(t == 200){
i = 0
y = 0;
g = 500;
h = 500;
}else if(t == 250){
a = 0;
g = 500;
y = 0;
h = 0;
i = 0;
t = 0;
}
if(a == 48){
a = 0;
}
}
};
飞翔的小鸟形状效果
上述这些就是我这个星期的收获和心得,在下一个星期我会更加努力的学习知识,提升自己的技术水平。
相关文章推荐: