百度前端技术学院学习笔记

• 2017-03-04
• 0
• 0

项目github地址
斌斌学院：

1.  innerHTML包含自身value的HTML值，outerHTML不包含自身只有子元素的HTML值
2.  children选择子元素
3.  sort(function(x,y){return x[1]-y[1];})数组从大到小排序
4. reverse() 方法用于颠倒数组中元素的顺序。
5. indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置。
6. slice(1,3) 从数组第二个元素开始截取三个
7. event.target返回事件的目标节点,例如onclick事件返回点击的元素
8. Math.round()四舍五入
9. split(/[,|\s|、|，|\n|  ]/g) 根据正则匹配符号将value切分成数组
10. replace(‘red’, ”)将已有值red替换为空
11. removeChild()移除子节点，appendChild()增加子节点
12. var preOrder = function (node) {
    if (node) {
    tree.push(node);
    preOrder(left);
    preOrder(right);}
    }
    二叉树前序遍历
13. setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭

耀耀学院：

1. onfocus输入框获取焦点事件onblur输出框焦点离开事件
2. 方块前进动画利用setInterval不断重复+1px来构造
3. getComputerStyle()方法返回一个CSSStyleDeclaration对象，其中包含当前元素的所有计算的样式
4. clientX:相对于客户区域的x坐标位置，不包括滚动条，就是正文区域。
5. 模块拖拽事件由onmousedown,onmouseup,onmousemove构造，参考了张鑫旭大神的微博
6. 冒泡排序
   for(var i=0;i<arr.length;i++){
   for(var j=i+1;j<arr.length;j++){
   if (arr[i]<arr[s]){
   var x=arr[i];
   arr[i]=arr[j];
   arr[j]=x;
   }
   }
   }

百度前端糯米学院：