美文网首页
这几行 JavaScript 代码让你看起来更像高手

这几行 JavaScript 代码让你看起来更像高手

作者: 酷酷的凯先生 | 来源:发表于2021-12-30 10:50 被阅读0次

页面滚动到顶部

window.scrollTo() 会滚动至指定的坐标,如果设置坐标为(0,0),就会回到页面顶部。window.scrollTo() 函数参数也接收是一个对象,如{ top: 0, left: 0, behavior: "smooth" } 即可平滑的滚动至指定坐标。

// 普通滚动
const goToTop = () => window.scrollTo(0, 0);
goToTop();      

 //平滑滚动
const goToTopBehavior = () => window.scrollTo({
    top: 0, 
    left: 0,
    behavior: "smooth" 
});
goToTopBehavior (); 

检查元素是否处于聚焦状态

const isTouch = () => {
  ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);
}
console.log(isTouch ()); // 持触摸事件 true,否则为 false

检查元素是否处于聚焦状态

const isFocus = (el) => (el === document.activeElement);
isFocus (element); // 处于焦点状态 true,否则为 False

保留指定的小数位

原理:利用幂函数Math.pow()来解决 JS 操作数字的精度问题,以及使用~~将变量转换为数字。
注意:没有四舍五入

const numToFixed = (n, fixed) => ~~(Math.pow(10, fixed) * n) / Math.pow(10, fixed);
numToFixed (123.13579, 1);       // 123.1
numToFixed (123.13579, 2);       // 123.13
numToFixed (123.13579, 3);       // 123.135
numToFixed (123.13579, 4);       // 123.1357

获取随机布尔值(True/False)

原理:使用 Math.random() 会返回 01 的随机数,之后判断它是否大于 0.5,将会得到一个 50% 概率为 TrueFalse 的值。

const randomBool = () => Math.random() >= 0.5;
console.log(randomBool());

判断一个日期是否是工作日

原理:getDay() 返回值为:0(星期天)~ 6(星期六),所以getDay() % 60 即非工作日,反之为工作日。

const isWeekday = (date) => date.getDay() % 6 !== 0;
console.log(isWeekday(new Date(2021, 11, 24))); // true  : 周五
console.log(isWeekday(new Date(2021, 11, 25))); // false : 周六

相关文章

  • 这几行 JavaScript 代码让你看起来更像高手

    页面滚动到顶部 window.scrollTo() 会滚动至指定的坐标,如果设置坐标为(0,0),就会回到页面顶部...

  • Android Design Support Library 的

    译者地址:【翻】Android Design Support Library 的 代码实验——几行代码,让你的 A...

  • react初认识

    JSX: javascript xml。是javascript的一种拓展语法。可以在js代码中编写更像xml写法的...

  • 二零一七年五月

    技术 Javascript 12个非常有用的JavaScript技巧Prepack——让JavaScript代码运...

  • 你所有的努力,让你看起来更像垃圾

    不久前,我跟今年六月份拿毕业证的小黄,随便聊了聊天,然后他跟我讲说他的月薪,竟然高过了比他早出社会两年的我。 这件...

  • 让爬虫看起来更像人类用户

    让爬虫看起来更像人类用户 修改请求头 使用requests模块进行处理网站的表单的时候,是可以设置请求头的。HTT...

  • 怎样让孩子看起来更像天使?

    很多朋友看到这个题目觉得有点不可思议吧!其实,每个孩子刚开始来到这个世上,父母都觉得她们是世上最可爱的宝宝,可是随...

  • 【译】如何在用 Babel 设置 Webpack

    Babel 可以让用户编写浏览器还不支持的 JavaScript 特性代码。也许你已经听说过 JavaScript...

  • NIO与零拷贝

    一、是什么 先来看如下一段代码: 这段代码就是读取一个文件,然后再把它写出去,看起来就几行代码,其实涉及到多次拷贝...

  • iOS几行代码让界面变圆角

    最近有一些比较流行的应用,界面都是圆角的。比如Memopad,Pinterest之类的,都是。琢磨了一下,发现这个...

网友评论

      本文标题:这几行 JavaScript 代码让你看起来更像高手

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