snowdream

前言

最近想在一个使用vue-cli的小项目中，使用scss来编写样式；如果不需要引入公共的scss文件的话，那只需要在<style>中设置lang="scss"即可。但是一般使用scss的时候，都会设置公共文件进行引用，方便代码复用。所以，如果需要像普通引入公共scss文件的话，需要进行一些配置。

前言

在使用Vue.js制作项目时，有时发现一些变量和参数需要在多个组件之间进行使用，且组件A中该参数的改变需要同时使组件B发生相应更新；因此就需要在这些组件能够共同访问的地方定义公共参数。

在动态获取元素的位置和鼠标位置时，总是被诸如offset、client和scroll等种类所困惑，这些位置属性之间到底有什么差异，到底我该怎样获取我想要的位置。

::before和::after伪元素在网页中有着各种的应用，比如清除浮动，作为字体图标等进行使用；但是一直很好奇这两个伪元素与设置元素（设置元素指的是设置伪元素的依赖元素）之间到底是何种关系，以及相当于何种标签元素。

基本概念

• 字符：在XML文档中，字符是指带有一个数字值的一个或多个字节，数字值与Unicode标准对应。例如，字母g是Unicode值为103的字符。
• 符号：符号（glyph）是指字符的视觉呈现。每个字符都可以用很多不同的符号来呈现。

一个符号可能由多个字符构成。一些字体为特定的字母组合（如fl和ff）准备了单独的符号，以使它们更好看，这种特性叫作“连字”（ligature）。有时候，一个字符也可能由几个符号组合而成，比如打印程序可能会组合符号e和重音符号（ˊ）来打印字符é（Unicode 值为 233）。