百度前端技术学院(任务)

百度前端技术学院

这一期高档班的标题列表在：ife/2015_spring/taskatmaster·baidu-ife/ife·GitHub下面的高档班（趁便吐槽一下知乎的链接无法识别URL中文锚点）
我为什么要参与这个项目呢？说起来其时现已过了百度的面试了，所以提到是想作为才能的证明倒也不尽然。我可以说我是冲着“高档班”这三个字去的么……听起来很高档呢！对于这样有挑战性又在才能所及范围邻近的任务，我觉得对于我来说是很有吸引力的。可是那段时刻忙论文真是忙疯了，所以决定做这个项目对我来说也是下了很大决计的，由于我总觉得报名了要做最后又没做出来，仍是挺减分的（此处并没有含沙射影的意思）。
对了，其时
@祖明
说有奖励小红花的！我可记着呢~我觉得至少整理个最终完成项目的学员的列表吧，当然他们最近真实太忙了~
下面谈谈自己的感受。
从第一个commit到提交作业大约经历了两个月，当然也不是每天在做这个，我觉得仍是我的论文占了我更多的时刻。用Toggl记载下的工作时刻是60小时，实际花的时刻应该在100小时以内，有时分会忘记记载。（趁便说一句，我真的很喜欢统计数字和数据可视化，我手机上装了四五个各种统计软件，等我稍微闲一点，我想做一个一体化的记载软件，统计数据间的相关。可是，首先……我得闲得下来啊……）
看到这个标题的时分，我心里仍是比较有底的，由于之前对Three.js还算熟悉，图形图像处理也算咱们数字艺术媒体实验室的专业范围了，唯一有技术风险的或许便是三角化那块详细的完成其时并不了解。不过呢，祖哥哥
@祖明
给我组织了沈大侠
@沈毅
指导，这就让我心安不少~
提到这位沈大侠呢，确实有点大侠风仪。我碰到问题一般比较喜欢自己想各种方法解决，真实不行了再问他，所以等到问他的时分，我现已真实是想不出方法了，但便是这样，每次问他的问题基本上他都能分分钟解决，这一点真实让我太佩服了！
扯远了……但其实这也是正题，我想说的是，做百度前端技术学院的项目，不仅仅是让你学技术来的。这当然是一个很好的集中学习技术的渠道，可是它带来的额外收益或许更为重要。尤其是对于做高端题的同学们，做一个项目触摸到的技术是非常有限的。比如我做这个项目，技术方面的收成或许首要仍是对三角化算法的把握，而这种技术出了这个项目被用到的或许性非常小，但千万别忘了你的软实力和学到的软技术。对我而言，找到沈大侠这样的尽力目标便是一种非常重要的收成。为什么呢？由于说起来咱们的技术栈和典型的前端仍是有点不同的，或许偏图形图像可视化多一点。平时在前端圈子里比较罕见这样的人，所以还颇自鸣得意，这就简单止步不前，做了点酷炫的东西被别人叫几句大神就得意洋洋了。而找到技术栈很类似的人，就很简单比较出差距，这差距也便是尽力的方向和动力了。通过几个月的触摸，我发觉水平确实差了好几个level，虽然咱们是同龄的啊，究竟人家是大侠~
当然，收成的另外一方面也是让更多人发现我认识我。我也不知道为什么GitHub上200star项目都没有的人会有一千多个粉，但这如同也是对我本身的一种很好的注解：“啥本事也没有却先被混成脸熟了，很欠好”（原话是勾股老师谦善说自己的，可是我觉得我也是这样）。虽然现在对涨粉没什么爱好了（你看我这儿都不贴GitHub地址），可是star多一点我也不会拒绝啊~

百度前端技术学院任务

1、getComputedStyle
getComputedStyle是一个可以获取当前元素一切终究运用的CSS特点值。返回的是一个CSS样式声明目标([objectCSSStyleDeclaration])，只读。
getComputedStyle()givesthefinalusedvaluesofalltheCSSpropertiesofanelement.
语法如下：
varstyle=window.getComputedStyle(“元素”,”伪类”);
例如：
vardom=document.getElementById(“test”),
style=window.getComputedStyle(dom,”:after”);
就两个参数，咱们都懂中文的，没什么好说的。只是额外提示下：Gecko2.0(Firefox4/Thunderbird3.3/SeaMonkey2.1)之前，第二个参数“伪类”是必需的（假如不是伪类，设置为null），不过现在嘛，不是必需参数了。
that.left=parseInt(w.getComputedStyle(that.model,null)[‘left’]);//task37,获取其间隔左面多远
可参看【http://www.h5course.com/a/20151107307.html】；
2、replace的用法
replace中有函数的用法
functionf2c(s){vartest=/(\d+(\.\d*)?)F\b/g;//初始化形式。return(s.replace
(test,
function($0,$1,$2){
console.log($0+''+$1+""+$2);//32F32undefined//212F212undefined
return((($1-32)*5/9)+"C");
}
)
);
}
alert(f2c("Waterfreezesat32Fandboilsat212F."));
答案：
Waterfreezesat0Candboilsat100C.
留意其正则表达式中有两个小括号，一次用来区分数字，一次用来分割小数点。
3、自定义的增加类名和创立元素
当咱们自己创立自定义的函数后，运用的时候不要忘了加上“”或”，否则会呈现错误。
var_={
getId:function(name){returndocument.getElementById(name);
},
getTag:function(par,tagname){varpar=par||document;returnpar.getElementsByTagName(tagname)[0];
},
getClass:function(par,classname){varpar=par||document;
par.getElementsByClassName(classname)[0];
},
creatDom:function(el){returndocument.createElement(el);
},
addClass:function(obj,cssName){varoldname=obj.className;
obj.className=oldname+''+cssName;
},
data:function(el,type){returnel.getAttribute('data-'+type);
},
};functionUi_table(op){if(!op.data)returnfalse;vardata=op.data;varsortType=op.sortType||'all';//domvartable=_.creatDom('table'),//增加css_.addClass(table,'m_width');//模板vartbodyTem=_.getId('tem-tbody').innerHTML;vartheadTem=(function(){vartr=_.creatDom('tr'),
tem='';
.........returntr.innerHTML=tem;
})();
_.getTag('','body').appendChild(table);
};