移动端之Less基础

我是表哥Harker，表妹我来咯~

讲解完了移动端单独制作几种主流布局，是否对移动端开发有了初步的认识呢？当然学无止境，一点点的进步终究让你成为新一代前端大神！，本篇介绍下Less语法，能够更加方便我们进行开发，当然Less也有很多东西，这里只是带大家入个门，深入还行表妹们自己修行！

 

1、CSS 弊端

• CSS 是一门非程序式语言，没有变量、函数、SCOPE（作用域）等概念
• CSS 需要书写大量看似没有逻辑的代码，CSS 冗余度是比较高的 （比如什么div，p，li 等都设置同一个颜色背景色之类，重复很多相同代码，并且做不到统一修改）
• 不方便维护及扩展，不利于复用
• CSS 没有很好的计算能力
• 非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码项目

 

2、Less 介绍

• Less （Leaner Style Sheets 的缩写） 是一门 CSS 扩展语言，也成为CSS预处理器
• 做为 CSS 的一种形式的扩展，它并没有减少 CSS 的功能，而是在现有的 CSS 语法上，为CSS加入程序式语言的特性
• 它在 CSS 的语法基础之上，引入了变量，Mixin（混入），运算以及函数等功能，大大简化了 CSS 的编写，并且降低