官方解释

混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。

mixin的作用是多个组件可以共享数据和方法,在使用mixin的组件中引入后,mixin中的方法和属性也就并入到该组件中,可以直接使用,在已有的组件数据和方法进行了扩充。

- 阅读剩余部分 -

数组去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。
在真实的项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然日常项目用到的概率比较低,但还是需要了解一下,以防面试的时候可能回被问到。

- 阅读剩余部分 -

睡醒了一觉,突然感觉失去了什么东西,说不上来的失落,也许是又失去了一个好友的原因吧。

随着时间的流逝,曾经拥有的,会慢慢的全部失去,直到失去这个世界……

在太阳存在前的数百亿年中,我曾是星尘,而在这颗恒星湮灭后,我又将重归于星尘。

我不欢迎死亡的到来,但我也不惧怕死亡,正如我不害怕我所不存在的那数百亿过去的时光。

The Zen of Python, by Tim Peters

Beautiful is better than ugly.
Explicit is better than implicit.
Simple is better than complex.
Complex is better than complicated.
Flat is better than nested.
Sparse is better than dense.
Readability counts.
Special cases aren't special enough to break the rules.
Although practicality beats purity.
Errors should never pass silently.
Unless explicitly silenced.
In the face of ambiguity, refuse the temptation to guess.
There should be one-- and preferably only one --obvious way to do it.
Although that way may not be obvious at first unless you're Dutch.
Now is better than never.
Although never is often better than right now.
If the implementation is hard to explain, it's a bad idea.
If the implementation is easy to explain, it may be a good idea.
Namespaces are one honking great idea -- let's do more of those!

- 阅读剩余部分 -

数组是 JS 中广泛使用的数据结构。数组对象提供了大量有用的方法,如array. forEach()array.map()等来操作数组。

在实战中,我经常对数组可能的操作和相应采用哪个更好的方法不知所措,所以本文就列出 15 种常用数据方法,让咱们重温加强记忆一下。

- 阅读剩余部分 -

最近在看element-ui的源码,发现了一个这样的属性:inject

provider/inject:简单的来说就是在父组件中通过provider来注入,然后在子组件中通过inject来引用。这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。

官方文档:https://cn.vuejs.org/v2/api/#provide-inject

- 阅读剩余部分 -

问题:

在页面源文件index.html的标签之间插入

<link rel="shortcut icon" href=" /favicon.ico" /> 

仍旧无法加载图标

解决方法:

HtmlWebpackPlugin插件中加入小图标,Vue脚手架时修改webpack.dev.conf.js配置文件:

new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  favicon: './favicon.ico', // 添加小图标
  inject: true
}),

不要忘记webpack.prod.conf.js中也需要添加

注:( favicon.ico放入根目录。)