npm i sass-resources-loader项目地址：[http://npm.taobao.org/package/sass-resources-loader](http://npm.taobao.org/package/sass-resources-loader)

sass 有两种语法，一种是以 .sass 为扩展名的语法，写法为缩排语法，即不使用花括号，而是通过缩进的方式来表达选择符的嵌套层级；而且也不使用分号，而是用换行符来分隔属性。

 导读 首先来看一个bem命名示例 {代码…} 如果使用已经封装好的bem方法的话，那么可以写成 {代码…} 接下来我们来看一下bem方法是如何实现的  bem方法解析 首先我们找到style/mixins/config.scss文件，里面定义了如下几个变量 {代码…} 然后我们再找到style/mixins/config.scss文件，找到b,e,m方法 {代码…} 代码量…

Sass 和 Scss 其实是同一种东西，我们平时都称之为 Sass；Scss 是 Sass 3 引入新的语法，其语法完全兼容 CSS3，并且继承了 Sass 的强大功能。也就是说，任何标准的 CSS3 样式表都是具有相同语义的有效的 Scss文件。 两者之间不同之处有以下两点： 文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 Scss 是以“.scss”后…

更新的scss版本在vue cli3的项目里面的配置需要修改参数设置，具体在vue.config.js文件

‘日历组件’在后台管理系统里面是十分常见的, 在pc端的展示方式基本都为一个方方的表格, 别看功能单一, 这个组件做起来还是有点意思的, 本次我来实现的组件只包含最核心的功能,也就是日期的选择, Element-ui里面的…

像刻度这种东西都是重复性的，说到重复我就想到了repeating-linear-gradient，看名字就能知道是重复线性渐变，它能更方便的实现隔行变色的功能，如果你想画一个背景，它是重复、隔行的，那么用它就没错了；

常见应用场景 现在的APP界面基本都是大同小异, 宫格布局现在基本成了每个APP必然的存在. 带边框, 常用在”功能导航”页面 无边框, 常用在首页分类 设计目标 在scss环境下, 通过mixin实现n宫格, 并且可以支持”有无边…

Popover组件不同于alert这种霸道总裁, 它更倾向于辅助显示某些未显示完整的内容, toast组件与其相比更偏向’提示’, Popover更偏向于’展示’, 但属于一种’轻展示’, 毕竟不会出现’蒙层’等效果.别看它小小的, 它里面的…

今天的知识点 (2019.08.24) —— 第130天 [html] 你知道什么是锚点吗？它的作用是什么？怎么创建一个锚点？ [css] 有用过scss和sass吗？说说它们之间的区别是什么？ [js] 如何实现一个全屏的功能？ [软技能] 说说你…