Less可以在客户端上运行(IE6+、Webkit、Firefox),也可以在服务端运行(Node.js、Rhino)。
less在浏览器中使用,当你想编译less文件动态地需要而不是在服务器端,这是因为less是一个大的javascript文件。
首先,我们需要添加LESS脚本以在浏览器中使用LESS:
<script src="less.js"></script>
要在页面上找到样式标签,我们需要在页面上添加以下行。 它还创建带有编译css的样式标签。
<link href="styles.less" rel="stylesheet/less" type="text/css"/>
在脚本标记之前,可以通过编程方式在较少的对象上设置选项。 它将影响less的所有编程使用和初始链接标记。
例如,我们可以设置选项如下:
<script>
less = {
env: "development"
};
</script>
<script src="less.js"></script>
我们还可以在脚本标记上以其他格式设置选项,如下所示:
<script>
less = {
env: "development"
};
</script>
<script src="less.js" data-env="development"></script>
您还可以将此选项添加到链接标记中。
<link data-dump-line-numbers="all" data-global-vars="{ "var": "#fff", "str": ""quoted"" }" rel="stylesheet/less" type="text/css" href="less/style.less">
属性选项的要点如下:
window.less是重要性级别。
无法在camel中写入数据属性,并将链接标记选项表示为时间选项。
具有非字符串值的数据属性应为JSON有效。
可以通过将 env 选项设置为开发并在添加less.js文件后调用 less.watch()来启用观看模式 。 如果您希望暂时启用观看模式,请将#!watch 添加到网址。
<script>less = { env: "development"};</script>
<script src="less.js"></script>
<script>less.watch();</script>
启用LESS变量的运行时修改。 当调用新值时,LESS文件被重新编译。 修改变量的基本用法是:
less.modifyVars({
"@buttonFace": "#eee",
"@buttonText": "#fff"
});
我们可以将选项!dumpLineNumbers:mediaquery 添加到上面提到的url或 dumpLineNumbers 选项。 mediaquery 选项可与FireLESS一起使用(它显示LESS生成的CSS样式的原始LESS文件名和行号。)
在加载脚本文件less.js之前,必须在全局少于对象中设置选项。
<script>
less = {
env: "development",
logLevel: 2,
async: false,
fileAsync: false,
poll: 1000,
functions: {},
dumpLineNumbers: "comments",
relativeUrls: false,
globalVars: {
var1: ""string value"",
var2: "regular value"
},
rootpath: ":/a.com/"
};
</script>
<script src="less.js"></script>
async:它是一个布尔类型。 无论是否使用选项async,都会请求导入的文件。 默认为false。
dumpLineNumbers:这是一个字符串类型。 在输出css文件中,当设置dumpLineNumbers时,将添加源行信息。 它有助于调试特定规则来自。
env:这是一个字符串类型。 env可以在开发或生产上运行。 当文档URL以 file:// 开头或位于本地计算机中时,会自动设置开发。
errorReporting:当编译失败时,请设置错误报告方法。
fileAsync:它是一个布尔类型。 当一个页面与文件协议,然后它请求是否异步导入。
functions:它是对象类型和用户函数。
logLevel:它是一种数字类型。 它在javascript控制台中显示日志记录级别。
2:信息和错误
1:错误
0:没有
poll:在手表模式下,轮询之间的时间以毫秒为单位。 它是一个整数类型,默认情况下设置为1000。
relativeUrls:网址调整为相对,默认情况下,它设置为false,这意味着网址已经相对于条目少文件。 它是一个布尔类型。
globalVars:将全局变量列表插入代码。 字符串类型变量应该包含在引号中。
modifyVars:它与全局变量选项相反,它移动您的less文件末尾的声明。
rootpath:它设置每个URL资源开始时的路径。
useFileCache:使用每个会话文件缓存。 较少文件中的缓存用于调用modifyVars,其中所有较少的文件将不会再次检索。
我们对Windows各种各样的鼠标样式都不陌生,当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会...
实例HTML5 th标签用于表示一个表格的表头。请参考下述示例:一个简单的 HTML 表格,带有两个表头单元格和两个数据单元格:table ...
全面解析SQL存储过程存储过程(Stored Procedure),是一组为了完成特定功能的SQL 语句,类似一门程序设计语言,也包括了数据类型...
提供基本语法和方法的 C++ 快速参考备忘单。开始Hello.cpp#include iostreamint main() {std::cout"Hello QuickRefn";return 0;}...
LayoutAlignmentjava.lang.Object |---ohos.agp.utils.LayoutAlignmentpublic class LayoutAlignmentextends Object用于定义组件...
RowSetpublic interface RowSetextends ResultSet添加对 JavaBeans™ 组件模型的 JDBC API 支持的接口。 可以在可视化 Bean 开发...
本节例子中代码使用的单文件组件语法#setup一个组件选项,在创建组件之前执行,一旦 props 被解析,并作为组合式 API 的入口点入...
#文档WCAG 2.0WCAG 2.1可访问的富 Internet 应用程序 (WAI-ARIA) 1.2WAI-ARIA 创作实践 1.2#辅助技术屏幕阅读器NVDAVoiceOver[JA...