首页 > 其他 > 详细

less

时间:2019-07-25 17:16:35      阅读:75      评论:0      收藏:0      [点我收藏+]

   

  1.   Less和CSS的区别  

       HTML和CSS不属于编程语言而是属于标记语言,很难像JS一样定义变量、编写方法、实现模块化开发等。
      LESS是一门CSS预处理语言,它扩展了CSS语言,增加了变量、Mixin、函数等特性,使CSS更易维护和扩展。
    使用LESS基本上按照这样的步骤:编写LESS代码,使用NODE、JS或者是其他的工具把编写的LESS代码编译成我们平时看到的CSS代码(因为浏览器是无法解析LESS的语法的,所以编写完成的LESS代 码需要进行编译)。Less叫做预编译css,写好的less代码浏览器是不能直接渲染的,需要我们把它编译成为能渲染的css才可以。

  2.由于每一次加载页面都需要导入LESS插件,并且把LESS文件重新编译为CSS,很消耗性能,导致页面打开速度变慢。所以在生产环境中,我们需要事前把LESS文件编译为正常的CSS后,在相应文件中引入,以后用户访问的都是编译好的CSS,为不是拿LESS现编译的。生产环境下,我们需要事先把LESS编译成CSS方法:

1)使用Node编译这种方式是目前项目中最常用的方式,它是把我们的LESS文件编译成CSS文件,我们项目中直接的引入CSS文件即可

(2) 把LESS模块安装到全局NODE环境中

(3) 使用命令进行编译

   技术分享图片

   3.Less的基本语法

       

 

less

原文:https://www.cnblogs.com/yuyuanwen/p/11245490.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!