js里==和===的区别 、sass与less的区别 、style,与class区别(精解版)

js里==和===有什么区别

==:运算符称作相等,用来检测两个操作数是否相等,这里的相等定义的非常宽松,可以允许进行类型转换
===:用来检测两个操作数是否严格相等
1、对于zhidaostring,number等基础类型,==和===是有区别的
不同类型间比较,==之比较“转化成同一类型后的容值”看“值”是否相等,===如果类型不同,其结果就是不等
同类型比较,直接进行“值”比较,两者结果一样
2、对于Array,Object等高级类型,==和===是没有区别的
3、基础类型与高级类型,==和===是有区别的
对于==,将高级转化为基础类型,进行“值”比较,因为类型不同,===结果为false

sass与less的区别 (精解版)

一、了解它们的区别前,首先了解下什么是sass,什么是less
sass与less都是一种动态样式语言,对css赋予了一些动态语言特性,例如变量、继承、运算、函数等
二、它们的区别大致有以下几种:
1.编译环境不一样:
sass的安装需要Ruby环境的,是在服务端上处理的,而Less是需要引入less.js来处理Less代码输出css到浏览器,也可以在开发环节使用Less,然后编译成css文件,直接放到项目中。
2.变量符不一样:
Less是@,而Scss是$
3.输出设置
Sass提供4中输出选项:nested, compact, compressed 和 expanded.
4.Sass支持条件语句,可以使用if{}else{},for{}循环等等。而Less不支持。
5. 引用外部CSS文件
scss引用的外部文件命名必须以开头, 文件名如果以下划线开头的话,Sass会认为该文件是一个引用文件,不会将其编译为css文件.
6.Sass和Less的工具库不同
Sass有工具库Compass
Less有UI组件库Bootstrap

style,与class有什么区别

举个例子:
test.html
<html>
......
<link rel="stylesheet" type="text/css" href="style.css" />
......
<div id="div1" style="border-top: red 1px solid;">
<div id="div2" class="divClass">
......
</html>
-------------------------------
style.css
div.divClass{
border-top: red 1px solid;
}
-------------------------------
style是HTML中直接定义样式,class可用于引用定义好的类,实现重用。
在JS中,style就是用style关键字document.getElementById("div1").style
class要使用className关键字来使用
上例中是document.getElementById("div2").className
zd来使用
上例中是document.getElementById("div1").style

 
自css类(class),实现重用等。

另外,在JS中,style就是用style关键字zd来使用
上例中是document.getElementById("div1").style
class要使用className关键字来使用
上例中是document.getElementById("div2").className

上边的两个来div的样式是相同的
style是HTML中直接定义样式,class可用于引用定义好的自css类(class),实现重用等。

另外,在JS中,style就是用style关键字zd来使用
上例中是document.getElementById("div1").style
class要使用className关键字来使用
上例中是document.getElementById("div2").className
原文地址:https://www.cnblogs.com/hongdoudou/p/12683766.html