当前目录: 前端资源
时间插件Moment.js

2019年3月19日  前端资源   

http://momentjs.cn/    

js判断用户是否停留在当前页面

2019年2月27日  前端资源   

使用情景:我发现视频网站只有当我们切换到当前的页面时,广告才播放;如果偷偷切换到其他页面了广告就暂停了,必须要重新切换回来广告才会重新播放。 直接上代码: var a=0; document.addEventListener("visibilitychange", function() { ++a; document.title=a; //document.title=document.hidden; //如果页面隐藏值true ,用户在当前页值为false //document.title=document.visibilityState; //显示visible 隐藏hide }, false);   效果: 当我们停留在当前页是不会触发的,只要我们切换到其他页面就会触发:   在当我们切回来时候,也会触发一次,更新状态     兼容性写法: var hidden, visibilityChange; if (typeof document.hidden !== "undefined") { hidden = "...

apply、call和bind区别

2019年2月26日  前端资源   

这三者的共同作用都是改变函数的环境,也就是改变函数里面的this。 var name='张' var age=18 var obj={ name:'三', age:17, } function test(c1='',c2='') { console.log(this.age+c1+c2) } test(); //18,直接调用this是   同:它们第一参数都是要传入一个对象 test.call(obj); //17 test.apply(obj); //17 test.bind(obj)();//17, bind返回的是一个函数,所以也可以这么写 (test.bind(obj))()     异:传递的参数不同 test.call(obj,'a','b'); //17ab test.apply(obj,['a','b']); //17ab test.bind(obj,'a','b')(); //17ab   总结: 第一个参数都传对象; bind返回的是一个函数,剩下和call没什么区别; apply和其他两个传递的参数不同,它是传一个数组;  ...

grid布局笔记

2019年1月17日  前端资源   

有点类似table布局,但是比table更灵活更优于flex布局。   案例: .container { display: grid; grid-template-columns: 30px 30px 30px; //3列每列30px宽 grid-template-rows: 30px 30px 30px; //3行每行30px高 } <div class="container"> <!--无需在里面定义div元素,单元表格完全可以使用css来操作--> </div>     网格容器(可以理解为<table>): 以下是容器拥有的属性 display: grid | inline-grid; //必须声明,为一个容器定义grid才能使用以下属性功能,块状|内联 //显示表格 grid-template-columns: 25% 25% 25% 25%; //列,多少个参数就多少个列 grid-template-rows: 25% 100px auto; //行,多少个参数就多少行 grid-template: //是grid-templat...

xshell5工具包

2019年1月16日  前端资源   

一些列破解工具 链接: https://pan.baidu.com/s/1AF4ohmmR3yC7Ea1Bke4LqQ 提取码: a4rg 复制这段内容后打开百度网盘手机App,操作更方便哦