前端开发技巧如何高效从容的组织项目代码.docxVIP

前端开发技巧：如何高效从容的组织项目代码？研发五部:周晓然最近在研究 css 里面的 less,它也是 css 的一种书写形式,只是可以像 js 一样 先定义之后直接引用使用,在大型项目里面用起来很方便。同时为以后代码重构 省去了很多时间,于是写一篇总结性的文章记录一下 less 的一些知识和使用方 法。 一：less 初识 Less 作为 css 的一种扩展,不仅完全兼容 css 语法,而且连续新增的特性也是 使用 css 语法。Less 扩展 css 的动态行为,比如说:设置变量(Variables)、混合书 写兼容(mixins)、操作(operations)和功能(function)等等,最棒的是它使用了现有 的 css 语法,也就是说,你可以直接把你现有的 css 文件“style.css”直接改成 “style.less”,他也能正常工作。如: 注:这里红色标注的是如何引入 less.css 需要注意的; 二:less 的使用范围以及如何使用 1: 使用范围 Less 现在可以在客户端(如:IE、webkit、firefox)和服务器(如 node.js)上 运行,我们还可以通过 LESS 的编译器,将 LESS 文件编译成为 CSS 文件,在 HTML 文章中引入使用。 2:如何使用 要成功的使用 less 需要一个脚本支持,我们把他称为 less.js,Less.