2024年前端最新Sass进阶一(3)，2024年最新binder面试题

结尾

学习html5、css、javascript这些基础知识，学习的渠道很多，就不多说了，例如，一些其他的优秀博客。但是本人觉得看书也很必要，可以节省很多时间，常见的javascript的书，例如：javascript的高级程序设计，是每位前端工程师必不可少的一本书，边看边用，了解js的一些基本知识，基本上很全面了，如果有时间可以读一些，js性能相关的书籍，以及设计者模式，在实践中都会用的到。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

@function numbers($number){

@if $number > 10{

@return “yes”;

}@else {

@return “no”;

}

}

字符串函数

unquote($string) 去除字符串的引号

quote($string) 添加引号

to-upper/lower-case($string) 字符串格式化

数学函数

percentage($value)：将一个不带单位的数转换成百分比值；

round($value)：将数值四舍五入，转换成一个最接近的整数；

ceil($value)：将大于自己的小数转换成下一位整数；

floor($value)：将一个数去除他的小数部分；

abs($value)：返回一个数的绝对值；

min($numbers…)：找出几个数值之间的最小值；

max($numbers…)：找出几个数值之间的最大值；

random(): 获取随机数

列表函数

length($list)：返回一个列表的长度值；

nth($list, $n)：返回一个列表中指定的某个标签值

join($list1, $list2,[$separator])：将两个列给连接在一起，变成一个列表；

append($list1, $val,[$separator])：将某个值放在列表的最后；

zip($lists…)：将几个列表结合成一个多维的列表；

index($list, $value)：返回一个值在列表中的位置值。

注意： length函数中的列表必须要以空格来相隔，否则cmd会报错(但经我测试我的电脑并没有报错)

nth函数下标从1开始

join只能连接两个列表，可选择连接后的列表的分隔方式，建议指定[separator]，否则输出会乱，comma(,) space(空格)；返回一个新的list

zip函数将所有列表的同一索引的值

$width: 1px 2px 3px;

$solid: solid dashed solid;

$color: black blue red;

$list:zip($width,$solid,$color);

.box{

border: nth($list, 1);

}

/结果/

.box {

border: 1px solid black; }

index查找不到会返回false

Map函数

Sass有一种类似JSON的数据，也就是类似javascript的对象，称作map，语法如下：

$map(

$key1: value1,

$key2: value2,

$key3: value3

)

map可以嵌套

map-get($map, $key) /返回map[key]/

map-merge($map1, $map2) /合并map/

map-remove($map, $key) /remove map[key]/

map-keys($map) /返回所有的keys/

map-values($map) /返回所有的value/

map-has-key($map) /map[key] 存在？/

keywords($args) /动态创建map。。。传入类似map的内容/

颜色函数无聊到爆。。。(*)比较有用

rgb部分

rgb($red,$green,$blue)：根据红、绿、蓝三个值创建一个颜色；

rgba($red,$green,$blue,$alpha)：根据红、绿、蓝和透明度值创建一个颜色；

red($color)：从一个颜色中获取其中红色值；

green($color)：从一个颜色中获取其中绿色值；

blue($color)：从一个颜色中获取其中蓝色值；

(*)mix($color-1,$color-2,[$weight])：把两种颜色混合在一起。

最后

编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】