Less、Sass和SCSS

每个项目产品都要加埋点，加500行埋点是不是会占用你一两天的时间而且很容易犯错,想只用一小时准确加完这500行埋点剩下一天喝茶聊天么？来试试这520工具, 高效加埋点，目前我们公司100号前端都在用，因为很好用，所以很自然普及开来了，推荐给大家吧

http://www.520webtool.com/

自己开发所以免费，埋点越多越能节约时间，点两下埋点就加上了，还不会犯错，里面有使用视频，反正免费 😄

（一）区别：

• Less（可在客户端和服务端运行）是一种动态样式语言，对css赋予了动态语言的特性，如：变量、继承、运算、函数。
• SCSS为Sass的升级版本，兼容Sass功能，又新增功能。SCSS 需要使用分号和花括号而Sass用换行和缩进。
• Sass/SCSS与Less的区别：

• • 编译环境不一样
  • 变量符不一样，Less是@，SCSS是$，且变量作用域也不一样
  • 输出设置，Less没有，Sass有4种：nested、compact、compressed、expanded
  • Sass支持条件语句，Less不支持
  • 工具库不一样：Sass-->compass（关系类似于JS和JQ）；Less-->UI组件库Bootstrap

（二）网站：

• Less快速入门中文文档：https://less.bootcss.com/
• Sass快速入门中文文档：https://www.sasscss.com/getting-started/
• SCSS 与 Sass 异同：http://sass.bootcss.com/docs/scss-for-sass-users/