摘要：
问题：fixed元素被另一个fixed元素包含的时候在chrome下fixed子元素的定位会受到父元素的影响。 解释：层叠关系是受层叠上下文影响的。文档中的层叠上下文由满足以下任意一个条件的元素形成： 根元素 (HTML), 绝对（absolute）定位或相对（relative）定位且z-index 阅读全文
摘要：
问题： 在做项目的过程中，使用query传参数，发现跳转过程中第一次有参数，但是路由马上又跳转了一次，然后 ？和它之后的参数都不见了 问题分析： 因为路由加载了两次 解决办法： ·1. 找到总的 layout.vue 组件，查看监听路由的代码，果然是因为我又重新push了一次路由导致的 删掉这行代码 阅读全文
摘要：
大家好，本人名叫苏日俪格，大家叫我 （格格） 就好，在上一章节中我们学到了Symbol & generator的用法，下面我们一起来继续学习async函数： async [ə'zɪŋk]：这个单词看起来很怪异，它的原型是asynchrony，意为异步，一般单词按理说都能把音准读个大概，这个就... 阅读全文
摘要：
在网页使用过程中，经常会用到代码的展示。而不同颜色的代码，可以让代码看起来更直观，也更美观。 找了几个不同的插件，觉得highlight的插件比较实用，而且用起来炒鸡简单。 比如这样： 首先，我们先下载一个highlight的js文件。 https://highlightjs.org/ 点击get 阅读全文
摘要：
使用Nuxt Nuxt.js文档：https://zh.nuxtjs.org/guide/ 开始 初始化Nuxt项目 npx create-nuxt-app <项目名> // or yarn create nuxt-app <项目名> 运行 npm run dev 路由 基础路由 Nuxt.js依据 阅读全文
摘要：
6.8. & in SassScript 就像在选择器中使用时一样，&在SassScript中引用当前父选择器。它是一个逗号分隔的列表和空格分隔的列表。例如: $selector的值现在是((".foo.bar" ".baz.bang"), ".bip.qux")。这里引用复合选择器来表示它们是字符 阅读全文
摘要：
如要设置多个li的动画延迟时间时 注：这里选择器要加#{}才行 不然就会编译成： 6.7. 插值语句 #{} (Interpolation: #{}) 通过 #{} 插值语句可以在选择器或属性名中使用变量： 编译为 #{} 插值语句也可以在属性值中插入 SassScript，大多数情况下，这样可能还 阅读全文
摘要：
推荐一个很详细的sass教程：https://www.sass.hk/docs/ 在设计网页的时候常常遇到这种情况：一个元素使用的样式与另一个元素完全相同，但又添加了额外的样式。通常会在 HTML 中给元素定义两个 class，一个通用样式，一个特殊样式。假设现在要设计一个普通错误样式与一个严重错误 阅读全文
摘要：
混合器 如果你的整个网站中有几处小小的样式类似(例如一致的颜色和字体)，那么使用变量来统一处理这种情况是非常不错的选择。但是当你的样式变得越来越复杂，你需要大段大段的重用样式的代码，独立的变量就没办法应付这种情况了。你可以通过sass的混合器实现大段样式的重用。 混合器使用@mixin标识符定义。看 阅读全文
摘要：
在sass中，除了CSS选择器，属性也可以进行嵌套。尽管编写属性涉及的重复不像编写选择器那么糟糕，但是要反复写border-styleborder-widthborder-color以及border-*等也是非常烦人的。在sass中，你只需敲写一遍border: 嵌套属性的规则是这样的:把属性名从中 阅读全文