创新互联less教程：Less在浏览器中使用

Less可以在客户端上运行（IE6+、Webkit、Firefox），也可以在服务端运行（Node.js、Rhino）。

创新互联建站主营建湖网站建设的网络公司,主营网站建设方案,app软件定制开发,建湖h5小程序定制开发搭建,建湖网站营销推广欢迎建湖等地区企业咨询

less在浏览器中使用，当你想编译less文件动态地需要而不是在服务器端，这是因为less是一个大的javascript文件。

首先，我们需要添加LESS脚本以在浏览器中使用LESS:

要在页面上找到样式标签，我们需要在页面上添加以下行。 它还创建带有编译css的样式标签。

设置选项

在脚本标记之前，可以通过编程方式在较少的对象上设置选项。 它将影响less的所有编程使用和初始链接标记。

例如，我们可以设置选项如下:

我们还可以在脚本标记上以其他格式设置选项，如下所示:

您还可以将此选项添加到链接标记中。

属性选项的要点如下:

• window.less是重要性级别。

• 无法在camel中写入数据属性，并将链接标记选项表示为时间选项。

• 具有非字符串值的数据属性应为JSON有效。

观看模式

可以通过将 env 选项设置为开发并在添加less.js文件后调用 less.watch()来启用观看模式 。 如果您希望暂时启用观看模式，请将#！watch 添加到网址。

修改变量

启用LESS变量的运行时修改。 当调用新值时，LESS文件被重新编译。 修改变量的基本用法是:

less.modifyVars({
  '@buttonFace': '#eee',
  '@buttonText': '#fff'
});

调试

我们可以将选项！dumpLineNumbers:mediaquery 添加到上面提到的url或 dumpLineNumbers 选项。 mediaquery 选项可与FireLESS一起使用(它显示LESS生成的CSS样式的原始LESS文件名和行号。)

选项

在加载脚本文件less.js之前，必须在全局少于对象中设置选项。

• 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，其中所有较少的文件将不会再次检索。

网页标题：创新互联less教程：Less在浏览器中使用
文章转载：http://www.mswzjz.com/qtweb/news46/195146.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联