Daily front-end knowledge( •̀ ω •́ )✧

学习前端100问

“HTML5（WEB前端）技术由HTML（结构）、CSS（样式）、JavaScript（行为）组成。
参考：Html5、Css3、ES6的新特性

ES6学习链接：ECMAScript 6 入门

ES6的常用方法（常看熟记）

TCP的三次握手和四次挥手

实现一个 sleep 函数，比如 sleep(1000) 意味着等待1000毫秒，可从 Promise、Generator、Async/Await 等角度实现

怎么让一个 div 水平垂直居中

ES6 代码转成 ES5 代码的实现思路

var、let 和 const 区别的实现原理

网络分层TCP/IP 与HTTP

sass/scss 和 less的区别

扫描二维码关注公众号，回复： 10916324 查看本文章

1. Less也是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量，继承，运算， 函数. Less 既可以在客户端上运行 (支持IE
   6+, Webkit, Firefox)，也可在服务端运行 (借助 Node.js)。

2. Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less代码输出css到浏览器。

3. Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到项目中，也有Less.app、SimpleLess、CodeKit.app这样的工具，也有在线编译地址。

4. 变量符不一样，Less是@，而Scss是$，而且变量的作用域也不一样。

5. 输出设置，Less没有输出设置，Sass提供4中输出选项：nested, compact, compressed 和 expanded。

6. Sass支持条件语句，可以使用if{}else{},for{}循环等等。而Less不支持。