getElementById和querySelector方法的区别

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

- 阅读全文 -

Google优化工具Timeline的使用(Chrome 57已经改为performance(性能模板))

前期学习基本一些前端知识搭一下页面但是现在越来越注重网页性能的优化。通过什么看网页导致了性能问题呢? 通过介绍并使用performance进行性能的调试。1.首先看看一看performance能够整理什么网页数据如图第一个模块(Control窗格)是点击开始录制,停止,clear。第二个模块(OverView窗格)右侧提示了FPS(帧频,流畅度),CPU的消耗,NET,HEAP(JavaScrip

- 阅读全文 -

页面可见性判断: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

- 阅读全文 -

自定义web服务 JoyNop Nginx 2.0发布

joynop_cra_nginx独立的nginx上线了,支持sslhttps://hub.docker.com/r/joynop/joynop_nginx_test 执行 docker pull joynop/joynop_nginx_test 即可尝鲜github: https://github.com/JoyNop/joynop_cra_nginx 本仓库为joynop_cra_frame

- 阅读全文 -

水贴——如何评价Ant Design

早在很久之前便接触了Ant Design,Ant Design 2.0官网上有两句耐人寻味的话,我特别喜欢。第一句是—Ant Design 无法保证业务产品能否成功,但是能帮助业务产品『正确的成功』或者『正确的失败』。互联网从业者基本都知道精益创业中的MVP(Minimum Viable Product,最小可行性产品)。如果我们有一个idea,我们可以通过最小的代价开发一个包含部分idea特性的

- 阅读全文 -

关于本站JSON访问

有朋友说,为什么看不到你的请求的API?因为本站基于Typecho,才用的curl是否有考虑增加json?已经在测试中后续会有demo站供体验接口名可用参数默认值说明postspageSize page 文章综合数据pageListcontentfalse页面综合数据singlecid slug-<br/>-指定单页数据post同上同上指定文章数据page同上同上指定页面数据relat

- 阅读全文 -

Ant Design(antd)从 v3 到 v4升级必备指南

本文档将帮助你从 antd 3.x 版本升级到 antd 4.x 版本,如果你是 2.x 或者更老的版本,请先参考之前的升级文档升级到 3.x。升级准备请先升级到 3.x 的最新版本,按照控制台 warning 信息移除/修改相关的 API。升级项目 React 16.12.0 以上。如果你仍在使用 React 15,请参考React 16 升级文档其余 React 16 废弃生命周期 API 请

- 阅读全文 -

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="

- 阅读全文 -

如何让typecho支持PHP7?Typecho搬家Database Server Error

最近在对typecho博客搬家时,恢复数据库后,一直提示Database Server Error检查文件与数据库均完好,最后发现config这边有点问题typecho 默认是不支持 PHP7 的,所以需要将 Typecho 的数据库引擎修改为 pdo_mysql修改 config.inc.php 文件中的$db = new Typecho_Db('Mysql', 'typecho_');修改为:

- 阅读全文 -

轻语

    阿里云备案接入完成,历时四天,效率刚刚的。

    准备逐渐恢复评论.增加了图片灯箱,方便大家查看高清大图

    准备独立站和JSON

  • 查看更多...

最新文章

最近回复

  • JoyNop: 同样希望留给真是邮箱,也方便给大家回复
  • JoyNop: 感谢测试
  • b: 有效
  • 嘿嘿嘿: 还行不错哈
  • JoyNop: 感谢提醒,已更新最新激活码,请尝试
  • a: 失效了

分类

标签

归档

其它