美文网首页
优秀的js 代码

优秀的js 代码

作者: Luoyilin | 来源:发表于2021-01-25 14:14 被阅读0次
1.0 随机数的获取 返回true/false
//true/false 概率各50%
const randomBoolean =()=> Math.random() >0.5
console.log(randomBoolean())
2.0 判断时间是否是工作日
const isWorkDay = (date)=>date.getDay() %6 !==0
console.log(isWorkDay(new Date(2021,1,23)))//false 
console.log(isWorkDay(new Date(2021,1,25)))//true 
3.0 反转字符串
const reverse = (str)=>str.split('').reverse().join('')
console.log(reverse('helloworld')) //dlrowolleh
4.0 检查当前tab 是否在前台 (document.hidden)
const isBowserInterview = () => document.hidden;
console.log(isBowserInterview()) //控制台打印 返回的为false
5.0 检查数字是否是奇数
const isEven =num => num%2===0
console.log(isEven(2)) //true
console.log(isEven(3)) //false
6.0 从日期中获取时间 (toTimeString()方法)
const isDateStr = date => date.toTimeString().slice(0,8)
console.log(isDateStr(new Date(2021,1,25,11,06,0))) //11:06:00
7.0 检查当前用户是否是苹果设备 (非苹果返回false,是苹果为true)
const isAppleDevicer =  /Mac|iPod|iPhone|iPad/.test(navigator.platform);
console.log(isAppleDevicer) 
8.0 滚动页面到顶部
const goToTop  = ()=> window.scrollTo(0,0)
goToTop () //调用该方法 页面即滚动到顶部
9.0 获取所有参数的平均值
const  average = (...args)=>args.reduce((a,b)=>a+b)/(args.length)
console.log(average(1,2,3,4)) //2.5
10.if 多条件判断
function X(x){
    // if(x==='abc'||x==='def' || x==='ghk'){
    //     console.log(x)
    // }
    //优化之后
    if(['abc','def','hjk'].includes(x)){
        console.log(x)
    }
}
let x = new X("abc") //abc
let x1 = new X("def") //def
let x2 = new X("hjk") //hjk
11.if ... else
let a =10
// if(a>10){
//     test = false
// }else{
//     test = true
// }
//优化之后
let test = a>10;
console.log(test) //true
12. 函数调用
function test1(){
    console.log('test1')
}
function test2(){
    console.log('test2')
}
var test3 =1
// if(test3===1){
//     test1()
// }else{
//     test2()
// }

test3 === 1? test1():test2(); //test1
等价于 
(test3===1?test1:test2)() //test1

相关文章

  • 优秀的js 代码

    1.0 随机数的获取 返回true/false 2.0 判断时间是否是工作日 3.0 反转字符串 4.0 检查当前...

  • 项目中优秀js代码

    1、导航条跳转到相对应高度 html css fex布局 js代码 2、限定手机在对应的区域才能注册 三、快速删除...

  • Angular与isotopejs与imagesLoaded 无

    [TOC] Angular.js Angular.js是一款优秀的前端框架,在web与wap中可以通过简单的代码实...

  • 判断浏览器类型

    vue2.x版本源码(vue/src/core/util/env.js),确认当前代码运行环境的优秀代码,摘抄记录...

  • 实验四 : 优秀代码

    A 优秀代码 B 优秀代码 C 优秀代码 D 优秀代码 E 优秀代码 F 优秀代码 G 优秀代码 该题大量同学使用...

  • 原生js实现无缝轮播图

    css代码: html代码: js代码: common.js,为自己封装的代码

  • JS常用代码

    JS、jQuery插入元素的几种方法 方法一: HTML代码 JS代码 方法二: HTML代码 JS代码 方法三:...

  • 第一课

    什么是JQ? 一个优秀的JS库 写越少的代码,做越多的事情 JQ的好处? 简化JS的复杂操作 不再需要关心兼容性 ...

  • jQuery 初体验

    什么是JQ? 一个优秀的JS库 写越少的代码,做越多的事情 JQ的好处? 简化JS的复杂操作 不再需要关心兼容性 ...

  • >>>>> JQ-第一节

    什么是JQ? 一个优秀的JS库 写越少的代码,做越多的事情 JQ的好处? 简化JS的复杂操作 不再需要关心兼容性 ...

网友评论

      本文标题:优秀的js 代码

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