因为这部分内容稍有些复杂，所以讲解之前先贴出github地址和视频讲解地址：项目源码：[链接]视频讲解，请搜索微信公众号 《JavaScript全栈》

今天写需求的时候发现一个一个小的优化点：用户选择了一些数据之后, 选择的条目需要高亮， 有时候列表很长， 为了提升用户体验，需要加个滚动， 自动滚动到目标位置。

Less 提供了CSS @import CSS规则的几个扩展，以提供更多的灵活性来处理外部文件。 语法： @import (keyword) “filename”; 以下是导入指令的相关详情： reference，使用较少的文件但不输出。 inline，在输出中包含源文件，但不对其进行处理。 less，无论文件扩展名为什么，都将其视为less文件。 css，无论文件扩展名为什…

分离的规则集是一组CSS属性、嵌套规则集、媒体声明或者是存储在变量中的任何其他内容，我们可以将它包含在规则集中或其他结构中，并且所有属性都将复制到那里；我们还可以将它用作mixin参数，并将它作为其他任何变量传递。

参数可以使用逗号或分号分隔。 （建议使用分号，因为逗号具有双重含义：可以将其解释为mixin参数分隔符或者是css列表分隔符）；使用逗号作为mixin分隔符使不可能创建逗号分隔的列表作为参数。

Mixins 是一组CSS属性，允许我们将一个类的属性嵌套于另一个类，被嵌入的类可以看作是变量，并且包含类名作为其属性，也就是说我们可以用一个类定义样式然后把它当作变量，在另一个类中，只要引用变量的名字，就能够使用它的所有属性。

extend 是一个 Less 伪类，它通过使用:extend 选择器在一个选择器中扩展其他选择器样式。

Less中的变量和其他编程语言一样，可以实现值的复用，同样的它也有作用域，简单的来说就是变量的作用域就是局部变量和全局变量的概念；变量作用域采用的是就近原则，也就是说我们需要先查找自己本身是否有这个变量，如果有就使用自身变量，没有的话就查找上一级父元素，以此类推。

Less 是 css 预编译器，可以扩展 css 语言，添加功能，比如变量、混合、函数和许多其他的技术，让 css 更具维护性、主体性和扩展性。

随着不断的学习Vue，需要做一个小项目通过在实现项目过程中了解到更多的知识。随着如今人们对于音乐的需求，移动端的使用量愈发增加，项目通过Vue编写实现，全面借用网易云音乐移动端的UI设计、功能实现，努力做到以假乱真的效果。前几天便着手开始弄了,到今天为止也算是勉强能用了。