laravel中的前端知识

知识要点

1. laravel中默认支持bootstrop前端框架
2. 在安装node.js的基础上我们可以通过npm install来初始化前端资源，加载一些我们需要的库
3. 运行npm run dev命令对前端资源进行编译
4. sass是css的拓展，提供了变量、嵌套、混合、导入、循环等功能
5. npm run watch命令，当发生改变时就会进行编译

sass相关

1. 用$来声明变量，支持数字、字符串、数组、颜色、布尔值、null、List、Map、函数引用，其中，list相当于索引数组，Map相当于关联数组
2. 混合的话sass通过@mixin标识，然后通过@include引用
3. 函数通过@function声明，允许出现-短线
4. 控制结构与blade类似，这里不清楚的同学可以去看我上一篇文章
5. 导入使用@import
6. 继承使用%前缀，并且以%开发的都不会渲染