前言CSS的短板 作为前端学习者的我们 或多或少都要学些 CSS ，它作为前端开发的三大基石之一，时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言，可能 给初学者第一印象 就是简单易懂，毫无逻辑，不像编程该有的样子。在语法更新时，每当新属性提出，浏览器的兼容又会马上变成绊脚石，可以说 CSS 短板不容忽视。 问题的诞生往往伴随着技术的兴起， 在 Web 发展的这几年，
在es6中除了var还可以用let申明变量，并且建议使用let而不要再使用var，两者有以下区别：1.let不能重复声明变量var name = 'tom';
var name = 'jack';
console.log(name);输出：jack。不会报错let name = 'tom';
let name = 'jack';
console.log(name);报错，Identifier 'n
LESS自带有很多的函数，之前已经为大家介绍过两次有关LESS函数的小知识了，相比大家应该对之前介绍的有所了解了。下面依旧为大家介绍LESS的函数，附加着一些小例子。 mod(number, number)取余 返回第一个参数对第二参数取余的结果。返回值与第一个参数单位相同，第二个参数单位被忽略。这个函数也可以处理负数和浮点数。参数：数字，浮点数;数字，浮点数。返回值：数字，取余的结果。
转载
2024-04-30 21:55:17
126阅读
一、LESS 1.条件判断 在less中我们可以通过条件判断实现渲染不同的样式,有点像switch,不是通过if实现的,而是when实现 在when方法中添加条件时,不需要单位 当判断相等时,使用=实现,
转载
2024-05-30 08:43:39
80阅读
return的运用1：返回 参数传入的对象function setObjProper(obj) {
obj = obj || {}; //如果obj不存在就给他一个新对象————宽模式。
obj.n = 3;
return obj;
}
var obj = setObjProper({});
转载
2024-01-12 15:19:23
61阅读
1、其他函数 color()接受字符串，将字符串转为十六进制值 convert（数值，转换的单位）转换两个单位之间的数值，如长度单位，时间单位，角度单位等convert（20cm,px） default();如果没有匹配到对应的条件则走此条件： .my(a){ @x:1; } .my(b){ @x:2; } .my(@y)when
转载
2024-06-20 19:07:48
42阅读
[oracle@june2 perl]$ cat a2.pl sub get_value(){ my $var; $var = 100; return 200; r...
转载
2015-03-24 19:49:00
109阅读
2评论
使用less一段时间了，之前一直用sass，有时间把项目中用到的方法写下来，好记性不如烂笔头。1. 变量
值是变量
选择器是变量 属性是变量 图片url是变量 1)值是变量签名为 @变量名：值。一般我们会把全局用的单独封装一个文件，例如全局换肤颜色，公共组件的css样式。使用时候直接使用 签名。 @toolbar-hover: #F7F5FF;
@toolba
转载
2024-08-08 15:41:55
422阅读
到今天为止，已经为大家介绍了很多LESS的函数了。相信大家也有所了解了。下面为大家介绍有关颜色混合方面的函数。这一次仅仅是一些知识的介绍，没有相关了例子了。希望这些有关LESS的函数能在大家编写LESS的时候有所帮助。 颜色混合的方式与图像编辑器 Photoshop, Firework 或者 GIMP 的图层混合模式 (layer blending modes) 相似，因此制作 .psd 文
转载
2024-04-11 12:06:31
169阅读
函数库（function） 函数库里面包括有字符串函数、长度函数、数学函数、类型函数、颜色值定义函数、颜色值通道提取函数、颜色值运算函数及颜色混合函数。但是常用到的函数只有数学函数，其实其他的函数很少用到，所以我不作出其他的函数详解及代码，而且没必要浪费时间，不过可以了解一下其他函数即可。1.数学函数1.1 ceil()函数：表示向上取整less:.ceil
转载
2024-02-26 11:00:53
345阅读
一、LESS
1.条件判断
在less中我们可以通过条件判断实现渲染不同的样式,有点像switch,不是通过if实现的,而是when实现
在when方法中添加条件时,不需要单位
当判断相等时,使用=实现,没有==和===
判断多个条件时使用and关键字,配合when使用 when and
判断非语句,使用
转载
2024-06-13 16:10:35
584阅读
LESS函数总结3.1 String函数系列3.1.1 escape(@string)编码3.1.2 e(@string)转义3.1.3 %(string,arguments...)格式化字符串3.1.4 Replace替换3.2 list函数系列3.2.1 length函数3.2.2 extract函数3.3 Math函数系列3.3.1 ceil3.3.2 floor3.3.3 percent
转载
2024-05-30 12:25:55
92阅读
本节内容一览图 一、函数介绍1、什么是函数 2、定义一个函数你可以定义一个由自己想要功能的函数，以下是简单的规则：函数代码块以 def 关键词开头，后接函数标识符名称和圆括号 ()。任何传入参数和自变量必须放在圆括号中间，圆括号之间可以用于定义参数。函数的第一行语句可以选择性地使用文档字符串—用于存放函数说明。函数内容以冒号起始，
转载
2023-07-04 21:01:28
534阅读
索引escape(@string); // 通过 URL-encoding 编码字符串e(@string); // 对字符串转义%(@string, values...); // 格式化字符串unit(@dimension, [@unit: ""]); // 移除或替换属性值的单位color(@string); // 将字符串解析为颜色值data-uri([mimetype,] url); //
转载
2024-06-22 11:55:06
88阅读
最近项目用到 less 来做 css 预处理器，之前公司项目是用的 sass，所以抽空针对 less，重新了解了一番。1. Less 的由来[Less 中文官方网站]：http://lesscss.cn/官网：http://lesscss.org/在 Web 发展的这几年，有了 webpack 来做构建，所以为了让 CSS 富有逻辑性，短板(在语法更新时，每当新属性提出，浏览器的兼容又会
转载
2024-06-14 06:09:29
51阅读
字符串函数（1）escape() 功能：将输入字符串的url特殊字符进行编码处理不转义的编码：, / ? @ & + ’ ~ ! $ 转义的编码：# ^ ) ( } { | ; > < : ] [ =d:escape('#, ^, (, ), {, }, |, :, >, <, ;, ], [ , =');（2）e() 功能：css转义 用~“值”符号代替filte
转载
2024-03-26 05:56:21
596阅读
数学函数ceil()函数作用：向上取整 例子： Less中编写div{
width:ceil(2.5px);
}编译结果div{
width:3px;
}floor()函数作用：向下取整 例子： Less中编写div{
width:floor(2.5px);
}编译结果div{
width:2px;
}percentage()函数作用：将浮点数转换为百分比 例子： Less中编写div{
转载
2024-03-27 09:35:59
76阅读
一，LESS
1,条件判断
在less中我们可以通过条件判断实现渲染不同的样式，有点像switch，不是通过if实现的，而是when实现的
在when方法中添加条件时，不需要单位
当判断相等时，使用等号（=）实现，没有（== 和 ===）
判断多个条件时，使用and关键字，配合when使用 when and
判断非语句，使用not ,when not
2,函数-Math
在less中我们可以像JS
转载
2024-07-02 05:26:59
100阅读
1、其他函数 color()接受字符串，将字符串转为十六进制值 convert（数值，转换的单位）转换两个单位之间的数值，如长度单位，时间单位，角度单位等convert（20cm,px） default();如果没有匹配到对应的条件则走此条件： .my(a){
@x:1;
}
.my(b){
@x:2;
}
.my(@
转载
2024-06-29 08:30:18
28阅读
一、return 返回值1）函数名字 +括号 :fun() ==> retrun 后面的值
2）所以函数的模范返回值是为未定义
3）return; 后面的任何代码都不会执行了二、arguemnts =》 实参的集合当函数的参数个数无法确定的时候，用arguments
转载
2023-06-06 14:08:12
64阅读
