学计算机前端技术学院,百度前端技术学院(任务)

百度前端技术学院

这一期高档班的标题列表在：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);

};