每日前端签到（第136天）

第136天（2018-12-17）

• [html] 请说说<pre>和<code>标签的区别？
• [css] 如何自定义radio按钮的样式
• [js] 自己实现数组的 map、filter、find 方法
• [软技能] 你有自己的博客吗？维护的频率是多久呢？

题目一：
pre标签是块级元素，code标签是行内元素
pre的内容保留换行符和空格，code的内容不保留
单行代码用code，多行代码用pre

题目二：
图片，icon 覆盖，点击，改变颜色或背景
题目三：
forEach()方法的实现
forEach()：无返回值，单纯的遍历数组。

Array.prototype.myForEach = function(cb){ // 在Array对象的原型上添加 myForEach()方法， 接受一个回调函数
for(let i=0; i<this.length; i++){ // this指的是当前实例化的数组对象
let item = this[i]; // 定义回调函数接受的三个参数
let index = i;
let array = this;
cb(item,index,array) // 调用
}
}
map()方法的实现
map()：有返回值，无论返回什么都添加到新数组中。

Array.prototype.myMap = function(cb) {
let newArr = []; // 定义一个新的数组，用来接受返回值
for (let i = 0; i < this.length; i++) {
let item = this[i];
let index = i;
let array = this;
let result = cb(item, index, array);
newArr.push(result) // 将回到函数的结果push到新的数组中
}
return newArr // 返回这个新的数组
}
filter()方法的实现
filter(): 有返回值，将返回结果为true的每一项push到一个新的数组中。

Array.prototype.myFilter = function(cb) { // 实现方法和map()方法差不多
let newArr = [];
for (var i = 0; i < this.length; i++) {
let item = this[i];
let index = i;
let array = this;
let result = cb(item, index, array);
if (result) { // 判断回调函数的结果否为true，为true则将 该项的item push到新的数组中
newArr.push(item);
}
}
return newArr; // 返回新的数组
}
every()方法的实现
every(): 有返回值，如果数组中的每一项都通过了测试，则返回true;反之返回false.

Array.prototype.myEvery = function(cb){
for (var i = 0; i < this.length; i++) {
let item = this[i];
let index = i;
let array = this;
let result = cb(item, index, array);
if (!result) { // 当返回false时，怎停止遍历，返回false。
return false;
}
}
return true;
}
some()方法的实现
Array.prototype.mySome = function() {
for (var i = 0; i < this.length; i++) {
let item = this[i];
let index = i;
let array = this;
let result = cb(item, index, array);
if (result) {
return true; // 有一个通过了测试 则终止遍历，返回true
}
}
return false; // 一个都没有通过测试，返回false
}
题目四：
有，正在更