zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    vue.js环境的搭建
    图片上传简单demo及springboot上传图片
    mybatise 模糊查询
    thymeleaf th:onclick 传参
    thymeleaf的特殊属性赋值
    无限分类的设计及前后台代码
    mysql 多个属性排序查询
    java添加对象成功后想知道当前添加对象的id
    SpringBoot2.x集成MQTT实现消息推送
    linux下安装MQTT服务器
  • 原文地址:https://www.cnblogs.com/hongdoudou/p/12683766.html
Copyright © 2011-2022 走看看