三、视图与逻辑

3.1 页面导航

3.1.1 页面导航简介

你理解的web标准

结构、样式、行为相互分离

浏览器和他们的内核

IE浏览器内核：Trident内核，也是俗称的IE内核；

Chrome浏览器内核: Blink内核

1 -函数作用域问题-:

函数的外层作用域，在函数创建时就已确定，和函数的调用位置无关

1、前端数组去重的方法

目标数组：

let targetArr = ['1', 1, 2, 3, 2, 1, true, false, true, 'false', {}, {}];

手写数组快速排序*

“快速排序”的思想很简单，整个排序过程只需要三步：

(1)在数据集之中，选择一个元素作为”基准”(pivot)。

(2)所有小于”基准”的元素，都移到”基准”的左边;所有大于”基准”的元素，都移到”基准”的右边。

(3)对”基准”左边和右边的两个子集，不断重复第一步和第二步，直到所有子集只剩下一个元素为止。

function quickSort(arr){

  if(arr.length<=1){ // 长度小于等于1 返回自己

    return arr

  }

  let centerIndex = Math.floor(arr.length/2) // 中间index

  let centerData = arr.splice(centerIndex,1)[0] // 中间index 对应的 之，并从arr中剔除

  let letArry = []

  let rightArry = []

  for(let i=0;i<arr.length;i++){

?    if(arr[i]<centerData){ // 小于中间值放左数组 否则放右数组

?      letArry.push(arr[i])

?    }else{

?      rightArry.push(arr[i])

?    }

  }

  return quickSort(letArry).concat([centerData],quickSort(rightArry)) // 左数组快排后和中间值，右数组拼接

}

let arr = [1,5,6,2,4,8,7,9,6,3,2,2,0]

console.log(quickSort(arr))

1. ES6数字去重

 Array.from(new Set([1,2,3,3,4,4])) //[1,2,3,4]   
  [...new Set([1,2,3,3,4,4])] //[1,2,3,4]

归并排序概念：

1、使用 es6 set 方法 [...new Set(arr)] let arr = [1,2,3,4,3,2,3,4,6,7,6]; let unique = (arr)=>[...new Set(arr)]; unique(arr);//[1, 2, 3, 4, 6, 7]