getElementById和querySelector方法的区别

js原生的DOM选择符,getElementById()、getElementsByTagName()、querySelector()、querySelectorAll()。说不定一不小心就发现彩蛋了。那么我们来说说上面那几个方法。"querySelector 属于 W3C 中的 Selectors API 规范 。而 getElementsBy 系列则属于 W3C 的 DOM 规范"------

- 阅读全文 -

页面可见性判断:document.hidden与visibilitychange事件

 我们需要在特定的时候判断页面的显示状态,例如:当视频加载到可播放状态时,根据用户是否停留在当前页面来决定是否开始自动播放。页面的展示的状态的判断就需要用到html5新增的一个api:document.hidden。  document.hidden属性:bool型,表示页面是否处于隐藏状态。页面隐藏包括页面在后台标签页或者浏览器最小化。  visibilitychange事件:当文档的可见性改变

- 阅读全文 -

JavaScript执行机制

大纲  1. 场景分析  2. 执行机制相关知识点  3. 以实例来说明JavaScript的执行机制  4. 相关概念1. 场景分析/* 以下这段代码的执行结果是什么? 如果依照:js是按照语句出现的顺序执行这个理念, 那么代码执行的结果应该是: //"定时器开始啦" //"马上执行for循环啦"

- 阅读全文 -

跨端扫码确认实现Web登录(扫二维码登录)

起初的想法是类似于QQ扫码登录,BILIBILI扫码登录一样,通过手机确认后,在web端重定向完成登录通过对BILIBILI扫码功能的解析,自己实现了一套类似扫码登录的功能以下为伪代码,仅供查阅前端需要两个路由,两个页面login提供Web端用户登录和扫码图片仅提供扫码展示,密码登录不写了login2提供给跨端用户(如手机端)扫码进入主要为二次确认,提供确认登录和取消登录确认登录后,页面跳转至lo

- 阅读全文 -

react中的ref获取dom或者组件方法

使用ref获取DOM的引用在vue中,如果想获取DOM元素时,可以使用this.$refs.引用名称在react中也可以像vue中,有类似的写法,如下1.为元素添加ref引用<h2 ref="test">这是h2标签</h2>在页面上获取元素this.refs.test2. 使用ref获取组件的引用为组件添加ref引用<Text ref="

- 阅读全文 -