前端less学习笔记less变量声明变量的作用变量运算变量作用域用变量去定义变量less的变量延迟加载 less变量声明Less 的一个主要功能就是可以让你像在其它高级语言中一样声明变量，这样你就可以存储你经常使用的任何类型的值 ： 颜色，尺寸，选择器，字体名称和 URL 等。less 的哲学是在可能的情况下重用CSS语法。 如 @变量名：变量值”注意：以@作为变量的起始标识，变量名由字母、数字
转载
2024-04-02 14:56:21
70阅读
在上一节，我们已经学会了如何阅读函数原型和如何调用一个函数。然而，仅靠系统给出的标准库函数是不够用的。我们有时候要根据我们的实际要求，写出一个合适自己使用的函数。那么，我们如何来自己动手编写一个函数呢？首先，我们要告诉电脑，我们自己编写了一个函数，即这个函数是存在的，这叫作函数的声明（Declaration）。其次，我们要告诉电脑这个函数是怎么运作的，这叫作函数的定义（Definiti
转载
2024-08-06 10:25:17
76阅读
less与cat和more的区别：cat命令功能用于显示整个文件的内容单独使用没有翻页功能因此经常和more命令搭配使用，cat命令还有就是将数个文件合并成一个文件的功能。more命令功能：让画面在显示满一页时暂停，此时可按空格健继续显示下一个画面，或按Q键停止显示。less命令功能：less命令的用法与more命令类似，也可以用来浏览超过一页的文件。所不同的是less命令除了可以按空格键向下显示
转载
2024-04-26 09:30:44
48阅读
一、基本介绍1.1 css 预处理器的由来 相信前端开发人员对与CSS（Cascading Style Sheet-级联样式表）这种「面向命名语言」，一定非常熟悉。你可能在某个舍友熟睡的深夜，还在电脑面前被 css 繁重、冗杂的样式，折磨的死去活来。我们曾经面对 css 很多令人发指的不友好特性，也因为 css 的低复用性而刀耕火种。css 预处理器就是这样被创造出来，弥补了直接写 css 的一些
转载
2024-07-29 18:11:59
48阅读
1、其他函数 color()接受字符串，将字符串转为十六进制值 convert（数值，转换的单位）转换两个单位之间的数值，如长度单位，时间单位，角度单位等convert（20cm,px） default();如果没有匹配到对应的条件则走此条件： .my(a){
@x:1;
}
.my(b){
@x:2;
}
.my(@
转载
2024-06-29 08:30:18
28阅读
less 工具也是对文件或其它输出进行分页显示的工具，应该说是linux正统查看文件内容的工具，功能极其强大。less 的用法比起 more 更加的有弹性。在 more 的时候，我们并没有办法向前面翻， 只能往后面看，但若使用了 less 时，就可以使用 [pageup] [pagedow
目录1. 为什么使用less1.1 CSS的兼容性问题1.2 解决兼容性问题2. less简介3. 如何使用less3.1 安装less3.2 less编译3.3 less基本语法3.4 less语言拓展4. 问题 1. 为什么使用less1.1 CSS的兼容性问题 我们现在想使用css原生设置变量的方式，来设置三个div不同属性的相同颜色，都是绿色，如上图所示。假设三个div的id分别是div
转载
2024-06-26 12:05:39
98阅读
1、less可以在node.js环境下运行2、less可以在浏览器中直接运行2.1、浏览器中运行方式一步骤：（1）编写less文件（2）引入less文件（3）引入less.js下载地址
（4）运行//引用文件
<link rel="stylesheet/less" href="css/index.less">
<script src="js/less.min.js"><
转载
2024-05-07 19:52:11
46阅读
定义圆角及调用/*
定义圆角
@radius 圆角大小
*/
.round(@radius:5px){
border-radius:@radius;
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
}
.round7{
.round(7px);
} 定义盒子阴影及调用/*
盒子阴影
@right_left
之前介绍了一些LESS的一些函数，但是并不是很全，接下来咱们继续研究一下LESS自带的一些函数。并附带一些小例子。 sqrt(number)平方根 计算一个数的平方根，原样保持单位。参数：数字，浮点数;返回值，数字，平方根。 LESS代码div {
width:sqrt(25px);
} 编译后的CSS代码div {
width: 5px;
} abs(number)绝对值
转载
2024-06-02 20:10:30
127阅读
函数对象及其特化在讲容器之前，我们需要首先来讨论一下两个重要的函数对象，less 和 hash。
我们先看一下 less，小于关系。在标准库里，通用的 less 大致是这样定义的：template <class T>
struct less
: binary_function<T, T, bool> { //继承binary_function模板类，具体可参考侯捷老
转载
2024-10-26 10:21:59
60阅读
Less也是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量，继承，运算， 函数. Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可在服务端运行 (借助 Node.js)。使用方式两种使用方式：第一种全局安装less，利用命令编译less;第二种直接引入less.js.npm安装npm install -g less
npm install -g
转载
2024-04-28 16:18:51
478阅读
//此文档主要是分析我们在内核驱动中经常打交道的module_init和module_exit函数调用。//编写人：lihaiping-2013-08-08驱动编写的时候，我们在很多编写驱动的文件中会看到和用到module_init()和module_exit()函数，那么经过这两个函数封装的函数以后，它是怎么样被系统调用的呢？在系统中，我们一起来探索一下内核源码中对这两个函数的定义。
CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文
Less代码规范Less代码校验规则遵循stylelint:recommendedstylelint:recommendedstylelint详细规则目录术语- [规则声明](#rule-declaration)
- [选择器](#selectors)
- [属性](#properties)
复制代码文件分类命名规则格式注释书写顺序- [Less书写顺序](#less-order)
- [属性书写
转载
2024-09-06 12:34:57
33阅读
Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node、浏览器和 Rhino 平台上。网上有很多第三方工具帮助你编译 Less 源码。实例:@base: #f938ab;
.box-shadow(@style, @c) when (iscolor(@c)) { -w
Less（Leaner Style Sheet）是一门向后兼容的CSS扩展语言1 变量less可以定义变量，在编译时自动将变量名替换为用户定义的值。使用@定义和使用变量，变量声明可以在开头，也可以在使用变量后，不一定需要预先声明：// 变量
@link-color: #428bca; //sea blue
// 用法
.link {
color: @link-color;
}.link {
转载
2024-02-22 18:02:59
135阅读
函数1.定义函数是组织好的，可重复使用的，用来实现单一，或相关联功能的代码段。先定义，后使用1.2分类系统函数自定义函数1.3语法：def functionname(parameters):
"函数_文档字符串"
function_suite
return [expression]1.4函数的返回值函数执行完毕之后的返回的结果如果没有给出返回值，默认返回None返回多个值时
LESS自带有很多的函数，之前已经为大家介绍过两次有关LESS函数的小知识了，相比大家应该对之前介绍的有所了解了。下面依旧为大家介绍LESS的函数，附加着一些小例子。 mod(number, number)取余 返回第一个参数对第二参数取余的结果。返回值与第一个参数单位相同，第二个参数单位被忽略。这个函数也可以处理负数和浮点数。参数：数字，浮点数;数字，浮点数。返回值：数字，取余的结果。
转载
2024-04-30 21:55:17
126阅读
讲函数之前先说说我对“混合”的理解，“混合”官网称作mixin，理解为可以把一个集合体嵌入到另一个集合体中、也可以把两个集合体捏合成一个集合体，而这个集合体就称作mixin。举个例子：.cls { background:#000000;} 这是最常见class选择器的样式，但在less认为，这就是一个mixin。 除去上面的废话，先来看看函数的语法：1、函数（语法：.aaa(参数) {
