js
Yabeei
干啥好呢???
展开
-
?可选链运算符
业务代码中经常会遇到这样的情况,a对象有个属性b, b也是一个对象有个属性c,我们需要访问c,经常会写成 a.b.c,但是如果f不存在时,就会出错。const a = { b: { c: 123, }}console.log(a.b.c); // 123;console.log(a.f.c); // f不存在所以会报错复制代码ECMAScript2020定义可选链运算符解决该问题,通过在.之前添加一个?将键名变成可选let person = {};转载 2020-12-01 13:42:11 · 245 阅读 · 0 评论 -
??合并空运算符
假设变量a不存在,我们希望给系统一个默认值,一般我们会使用||运算符。但是在javascript中空字符串,0,false都会执行||运算符,所以ECMAScript2020引入合并空运算符解决该问题,只允许在值为null或未定义时使用默认值。const name = '';console.log(name || 'yd'); // yd;console.log(name ?? 'yd'); // '';作者:隐冬链接:https://juejin.cn/post/68981684955转载 2020-12-01 13:40:34 · 187 阅读 · 0 评论 -
解决ios audio无法自动播放、循环播放的问题
ios手机在使用audio或者video播放的时候,个别机型无法实现自动播放,可使用下面的代码hack。// 解决ios audio无法自动播放、循环播放的问题var music = document.getElementById('video');var state = 0;document.addEventListener('touchstart', function(){ if(state==0){ music.play(); state=1;转载 2020-12-01 13:30:14 · 436 阅读 · 0 评论 -
变量提升
原创 2020-11-02 20:11:24 · 127 阅读 · 0 评论 -
导航栏动态显示隐藏
js/* Header Sticky ========================================================*/ $(window).on('scroll',function() { if ($(this).scrollTop() >170){ $('.heade...原创 2019-04-07 15:48:04 · 753 阅读 · 0 评论 -
owl
$('.home-slides').owlCarousel({items:1,loop:true,autoplay:true,nav:true,responsiveClass:true,dots:false,autoplayHoverPause:true,mouseDrag:true,animateOut: 'fadeOut',navText: ["&l...原创 2019-04-07 08:28:31 · 343 阅读 · 0 评论 -
HTML的footer置于页面最底部的js方法
<html> <head> <style type="text/css"> html,body{margin:0;padding: 0;} .header{background-color: #ffe4c4;} .main{background-color: #bdb76b;} .footer{bac...转载 2019-03-13 15:34:12 · 481 阅读 · 0 评论 -
js禁用带有二级菜单的导航栏的a标签的跳转功能
//Disable dropdown parent link$('.main-header .navigation li.dropdown > a).on('click', function(e) {e.preventDefault();});转载 2019-03-14 09:12:24 · 410 阅读 · 0 评论 -
js返回顶部
//返回顶部 function gotoTop(min_height){ //预定义返回顶部的html代码,它的css样式默认为不显示 var gotoTop_html = '<div id="gotoTop">返回顶部</div>'; //将返回顶部的html代码插入页面上id为page的元素的末尾 $("bo...转载 2019-03-06 11:21:03 · 160 阅读 · 0 评论