前端小知识Day2

作者: xsmile21 | 来源:发表于2022-10-12 09:33 被阅读0次

1、文字从左至右渐变颜色

div {
  background: linear-gradient(to right, #4CE1C6, #2EBDCA);
  -webkit-background-clip: text;
  color: transparent;
}

2、0.1+0.2为什么不等于0.3?

0.1和0.2在转换成二进制后会无限循环,由于标准位数的限制后面多余的位数会被截掉,此时就已经出现了精度的丢失,相加后因浮点数小数位的限制而截断的二进制数字在转换为十进制就会变成 0.30000000000000004。

3、[] == ![]结果是什么?

== 中,左右两边都需要转换为数字然后进行比较。 []转换为数字为0。 ![] 首先是转换为布尔值,由于[]作为一个引用类型转换为布尔值为true, 因此![]为false,进而在转换成数字,变为0。 0 == 0 , 结果为true。

4、如何判断一个对象是否为空对象?

// 方法1 
Object.keys(obj).length === 0
// 方法2
JSON.stringify(obj) === '{}'

5、JS代码中的use strict是什么意思?

use strict是一种ECMAscript5添加的(严格)运行模式,这种模式使得Javascript 在更严格的条件下运行。 设立"严格模式"的目的,主要有以下几个:消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为;消除代码运行的一些不安全之处,保证代码运行的安全;提高编译器效率,增加运行速度;为未来新版本的Javascript 做好铺垫。

相关文章

  • 前端小知识Day2

    1、文字从左至右渐变颜色 2、0.1+0.2为什么不等于0.3? 0.1和0.2在转换成二进制后会无限循环,由于标...

  • 前端小知识

    chrome关闭缓存:F12 在network下选中 disable Cache 标签默认type=submit,...

  • 前端小知识

    app: 1.原生app 优势:能调用后台应用 劣势:效率低 开发成本高 2.混合a...

  • 前端小知识

    1.嵌套路由 导航:to="{ path: '/test/submittest' }" 要在前面加上父的地址2.对...

  • 前端小知识

    1、padding:1px2px3px;则等效于什么? 上右下 左复制右 2、内边距的百分数值是这么计算的 根据...

  • 前端小知识

    1、React.PureComponent 与 React.Component 的区别 React.PureCom...

  • 前端知识if小例子

  • 前端的小知识

    这是学校当粗的考试题,当时没怎么重视马马虎虎背了背,后来发现这些理论知识还似挺有用的 1、简述对WEB标准以及W3...

  • 前端知识小库

    醉牛前端 , 收集前端常用的工具集合:http://f2er.club/ Animate.css框架:官网演示:h...

  • 前端小知识<2>

    1、var、let 及 const 区别 var 存在提升,可以在声明之前使用 值为 undefined。let、...

网友评论

    本文标题:前端小知识Day2

    本文链接:https://www.haomeiwen.com/subject/ovkzartx.html