文章转载集锦

1.  webpack 利用Code Splitting 分批打包、按需下载

2. vue自定义组件(通过Vue.use()来使用)即install的使用

在vue项目中，我们可以自定义组件，像element-ui一样使用Vue.use（）方法来使用，具体实现方法：

1.首先新建一个Cmponent.vue文件

// Cmponent.vue
<template>
<div>
我是组件
</div>
</template>

<script>
export default {

}
</script>

<style scoped>
div{
font-size:40px;
color:#fbb;
text-align:center;
}
</style>

 

2.其次在同一目录下建立index.js文件,在这个文件中使用install方法来全局注册该组件

import component from './Cmponent.vue'
const component = {
install:function(Vue){
Vue.component('component-name',component)
} //'component-name'这就是后面可以使用的组件的名字，install是默认的一个方法

}
// 导出该组件
export default component

3.使用

// 只要在index.js里规定了install方法，就可以向其他ui组件库那样，使用Vue.use()来全局使用
import loading from './index.js'

Vue.use(loading)

<template>
<div>
<component-name></component-name>
</div> 
</template>

 

3. vue高级组件之provide / inject

4  彻底理解浏览器的缓存机制

 

5  JavaScript垃圾回收机制

6 

//例子1
function com(){
    //arguments得到的是一个对象，通过下面的方式可以转成数组。
    let args = Array.apply([],arguments)
    console.log(args instanceof Array);
}
var n = [2,3,3]; 
com(n);
//例子2
function com(){
    let arr = [].concat.apply([],arguments)
    return new Set(arr)
}
var m = [1, 2, 2];
var n = [2,3,3]; 
let v = com(m,n);
console.log(v);  //{1, 2, 3}
//例子3
function com(){
    let arr = [].concat.apply([],arguments)
    return Array.from(new Set(arr)) //转成Array，set是去重
}
var m = [1, 2, 2];
var n = [2,3,3]; 
let v = com(m,n);
console.log(v);  //[1, 2, 3]