为网站添加了左右键快速翻页的功能

因为我用的 Typecho 模板没有自动翻页的功能,所以自己写了一个。
主要的功能是当焦点不在输入控件时,按下键盘的左、右键就可以自动跳转到索引的上下页、文章内部分页的上下页……

示例代码中用到了两种判断方式,一种是利用 keydownkeyup 事件参数来判断目标的NodeName,另一种则直接获取当前的焦点元素,通过TagName来判断。
至于要用到哪一种,请你自行抉择……

而对于跳转地址的JQuery查询,请自定义为你模板中的上、下页查询代码!!!

- 阅读全文 -

关于JS公共库的CDN加速服务

前言

前几日本站的主机商迁移过一次服务器,导致了本站的下载速度只剩下10kb,一个页面得加载好几秒钟……
我通过Chrome控制台的Network面板,检测到是一些JS库拖慢了整个网站的速度。
虽然那些JS库不过5~60k的大小,但当我这破站只有10k限速的时候,你就可以想象整个页面的加载得有多慢了……

没有办法,为了让前端网页的速度能够更快一点,我只能将网站所使用的部分JS库转移到网上的JS公共库CDN加速之上了。
等到转移完毕之后,首页的加载速度果然大幅改善,然而某些不能加速的比如图片、或是自定义的脚本依然会卡网页,不过确实解了当时的燃眉之急。

当然,此刻本站已经换过了服务器,不存在加载过慢的问题,但我仍推荐各位中小型网站的站长、个人博客的博主使用一些JS公共库的CDN加速服务。
那么这些CDN加速的服务商有哪些呢?我们又该如何取舍?

- 阅读全文 -

通过JS拦截 pushState 和 replaceState 事件

history.pushState 和 history.replaceState 可以在不刷新当前页面的情况下更改URL,但是这样就无法获取通过AJAX得到的新页面的内容了。
虽然各种HTML5文档说 window.onpopstate 事件可以拦截 pushState 的消息,但在实际的测试中, onpopstate 根本没有任何作用,无法拦截 pushState 的消息。

经过Google一番,才找到了正确获取 pushState 事件的代码

- 阅读全文 -

用XPath查找HTML节点或元素

虽然JS与JQ都能很方便的查找包含了ID及类名的元素,但在某些情况下,我们需要查找一些不包含类名、ID的元素或节点,就需要用XPath来帮忙了。
XPath虽然是被设计用来搜寻XML文档的,不过它也能很好的在HTML文档中工作,并且大部分浏览器都支持通过XPath来查询节点。

- 阅读全文 -

公告

欢迎您光临鄙人的小站,虽然没什么太专业的东西,不过如果本站的文章能让您有所收获、或者仅仅是博您一笑,那么也不枉费我建站的辛苦了!

有任何问题,可以在『关于页面』内留言或寻找我的联系方式!

瞎哔哔

    为站点添加了几个访问统计脚本,我会根据效果考虑是否删除,如果网页有所卡顿,请在留言板反馈!

  • 查看更多...

最新文章

随机文章

最近回复

分类

标签

归档

其它