说起评分的话, 最早看到这种形式是电影网站, 每部电影得到几颗星这种方式, 后来就出现了用户来手动选星星打分的玩法, 这些方式更直观, 更吸引用户参与进去, 这个组件其实还有很多玩法, 比加载动画, 我可以把星星…

一、定义变量 {代码…} 二、简单的计算 加减乘除 {代码…} 三、选择器嵌套 {代码…} 四、继承样式 @extend {代码…} 五、@mixin @include 使用，强大之处在于可以传递参数 {代码…} 六、导入外部scss、css @…

本次我会与大家分享一下我学测试时候记的笔记知识以及本次项目里面做的几个测试.    前端代码的单元测试与集成测试属于雷声大雨点小, 很多人一提到它都说是个好东西, 试问又有几个公司的vue项目是严格要求跑单元…

mix($color-1,$color-2,$weight)$color-1 和 $color-2 指的是你需要合并的颜色，颜色可以是任何表达式，也可以是颜色变量$weight 为 合并的比例（选择权重），默认值为 50%，其取值范围是 0~1 之间。它是每个 RGB…

本集定位: 我们先来聊聊 tab 切换的意义, 不管是手机还是pc, 屏幕的大小是有限的, 人眼睛看到的范围也是有限的, 人们看信息的时候并不喜欢’跳转’这种操作, 或是我们要查某个知识点, 进入网站之后, 看了几眼没有需…

首先画一个简单的盒子:利用::before与::after画两个圆角值（radius）不同的不规则圆形:父元素设置overflow: hidden最后加上animation动画让两个不规则圆形旋转起来即可????

表单元素中，有一个pattern属性，可以自定义正则表达式（如手机号、邮箱、身份证..）；valid伪类，可以匹配通过pattern验证的元素；invalid伪类则相反，可以匹配未通过pattern验证的元素；于是就可以随便搞啦，上…

本集定位: 听到计数器这个名字很多人是不是一瞬间没有什么印象, 毕竟这个组件用的比较少,就是那种左边一个’-‘右边一个’+’, 控制某些数量的时候才会用到, 比如我之前做的商城小程序只有’下单’页面的规格弹出框里面…

web常用的loading图标有2种, 一种是ios的”菊花”, 一种是android的”环”. 今天我们用svg实现android的”环”动画, 下节课实现ios的”菊花”.注意: gif帧数少的原因, 实际动画效果是很平滑的.

很多时候，在页面中会遇到图标与文字混排的情况，用 vertical-algin: middle 并不能让图片完全对齐于文字。