我的less学习之路

关键词：

less注释

可以在代码中使用块样式（/* */）和行内注释(//)，但是当编译LESS代码时，单行注释不会显示在CSS文件中。开发中主要维护的是less文件，所以可以使用行内注释，最终编译的css文件中不会有注释。

less变量

LESS允许使用 @ 符号定义变量。 变量分配使用冒号(:)完成。例如：@width：300px

less混合

混合类似于编程语言中的函数。 Mixins是一组CSS属性，允许您将一个类的属性用于另一个类，并且包含类名作为其属性。 在LESS中，可以使用类或id选择器以与CSS样式相同的方式声明mixin。 它可以存储多个值，并且可以在必要时在代码中重复使用。

可以创建一个mixin，它可以通过简单地放置括号后在输出中消失。

.a(){
  padding-left: 100px;
}
.myclass{
  background : #64d9c0;
  .a;
}

最终输出的css为：

.myclass {
  background: #64d9c0;
  padding-left: 100px;
}

也可以传递参数

.border_radius(@radius:5px){
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  border-radius: @radius;
}
.test{
  width:300px;
  height:200px;
  .border_radius(10px);
}

编译之后的css代码为：

.test {
  width: 300px;
  height: 200px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

less嵌套

它是一组CSS属性，允许将一个类的属性用于另一个类，并且包含类名作为其属性。

.container{
     h1{
         font-size: 25px;
         color:#E45456;
        }
     p{
          font-size: 25px;
          color:#3C7949;
      }
  }

less操作

LESS支持一些算术运算，例如加号(+)，减号( - )，乘法(*)和除法(/)，它们可以对任何数字，颜色或变量进行操作。

@fontSize: 10px;
.myclass {
 font-size: @fontSize * 2;
 color:green;
}

前端之路——在less中创建动画

参考技术A如下图概括地说就是通过less的mixin，创建函数，从函数中返回动画名。以上，就可以在less中创建一个动画了。当然，这是一个很粗糙的例子，需要没有浏览器前缀，动画本身也很简单。 查看详情

我的学习之路

...明日复明日，明日何其多。那么就从今天开始吧，加油，我的编程之路！    与你内心最贴近的东西，切莫等闲视之。要像坚守生命一样守住它们。因 查看详情

我的算法学习之路

关于严格来说，本文题目应该是我的数据结构和算法学习之路，但这个写法实在太绕口——况且CS中的算法往往暗指数据结构和算法（比如算法导论指的实际上是数据结构和算法导论），所以我认为本文题目是合理的。假设你使... 查看详情

我的算法学习之路

关于严格来说，本文题目应该是我的数据结构和算法学习之路，但这个写法实在太绕口——况且CS中的算法往往暗指数据结构和算法（比如算法导论指的实际上是数据结构和算法导论），所以我认为本文题目是合理的。假设你使... 查看详情

我的2016学习之路

我做运维的，都说不懂python的运维不是好运维，所以我参加了python自动化课程。当时就是想着是学了python可以开发一些自动化的平台比较高大上，但是实际上来讲比我想的能做的事情更多。所以定了一个1年的计划，学习python。... 查看详情

我的java学习之路

　　将近两个月的时间没有更新过博客了，这个东西还是不能断，以后要坚持按时更新。这段时间主要在学习Java编程方面的知识，之前自己主要是通过C++来做图像，技多不压身，学习了一个... 查看详情

初识vue.js，我的学习之路

    在以前做项目时经常是新建一些html、css、等一些文件，但在接触了vue.js之后我发现我已经有点看不懂前端了，这对于我这么一个菜鸟来说实在是很苦逼的事情。现在的前端技术都离不开npm包去管理编译流程，np... 查看详情

sass学习之路——sass简介

Sass是CSS的一种预处理器语言，类似的语言还有Less，Stylus等。 那么什么是CSS预处理器？CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开... 查看详情

初识vue.js，我的学习之路

 vue之自定义指令  像v-if、v-show、等这些都是系统指令，比如说我想写一个v-color的指令，但是系统是没有这个指令的，如果我们直接这样写肯定会报错，所以我们下面就需要自定义指令。1<divid="app">23<h1v-color="pin... 查看详情

我的学习之路_第二章_接口/多态

接口 (1)当抽象类中的方法都是抽象的时候，java就提供了一种新的表现形式：接口。接口是功能的集合接口不能创建对象 (2)格式： 父接口： publicinterfaceInter { } 子类： publicclassInterImplimplementsInter { } (3)接口的特点... 查看详情

我的学习之路_第十四章_反射

类的反射【获取class文件对象的三种方式】:●使用Object类中的方法getClass() Class<?>getClass()返回此Object的运行时类.●使用类名.class属性 每一个数据类型,基本数据类型和引用数据类型,Java都会为其设置一个class属性 例如:Classclas... 查看详情

我的学习之路_第三十二章_httpservletrequest

HttpServletRequest取得请求行的信息：返回值：StringgetMethod（）请求方式返回值：StringgetRequestURI（）请求目标返回值：StringgetProtocol（）使用协议取得请求头的信息：返回值：StringgetHeader（Stringname）传一个请求头的key值,返回一个请... 查看详情

我的51cto学院学习之路

...作进入尾声，从事酒店网络管理的我陷入了深深的思考，我的前方该如何选择。。。。。 2017年1月，当我在网络上闲逛时，突然一个网上教育平台，51cto学院出现在眼前，这个平台上竟然有无数的课程，而且还有很多课程都... 查看详情

我的javascript学习之路(代码片段)

1.初识Javascript1.简介JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行现在也可... 查看详情

我的javascript学习之路(代码片段)

1.初识Javascript1.简介JavaScript是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行现在也可... 查看详情

我的学习之路_第十一章_字符流

【字符流】IO流的分类★字节流操作的文件不是文本文件字节输入流:InputStream抽象类FileInputStream操作文件的字节输入流字节输出流:OutputStream抽象类FileOutputStream操作文件的字节输出流★字符流 操作的文件是文本文件 字符输入流:Re... 查看详情

我的学习之路_第六章_迭代器,泛型

【Collection】类接口类所属包:java.util.CollectionCollection类是集合的最顶层的接口,定义了集合共性的方法.接口无法创建对象,使用多态的方式创建对象Collection<集合中的数据类型(泛型)>变量名=newArrayList<集合中的数据类型(泛型)&... 查看详情

我的java学习之路五：java的循环和条件语句

大多数与c语言一致。仅介绍for的增强版Java增强for循环语法格式如下:for(声明语句:表达式){//代码句子}例子：int[]numbers={10,20,30,40,50};for(intx:numbers) System.out.print(x); 结果：1020304050. 查看详情