标签 Javascript

使用 pace.js 为网页添加加载进度条-钧言极客

使用 pace.js 为网页添加加载进度条在页面中引入Pace.js，页面就会自动监测你的请求（包括Ajax请求），在事件循环滞后，会在页面记录加载的状态以及进度情况。准备工作作者的主页：PACE在head标签之内引入相对应的JS和CSS<head&g...

2023-03-15 钧言阅读(2488) 评论(0)

使用 CardLink 生成卡片式链接-钧言极客

使用 CardLink 生成卡片式链接逛知乎的时候，常看到卡片式的链接。卡片式链接不仅直观显示出网址、标题、网站的头像等等信息。这个方案是看到目的地的文章，我这里也测试了一下。引入JSGitHub：Lete114/CardLink给网站引入JS，放置在...

2023-03-04 钧言阅读(5771) 评论(8)

网页自动适配操作系统/浏览器夜间模式-钧言极客

网页自动适配操作系统/浏览器夜间模式最近在浏览一些博主的网站，发现一个很好玩的效果，当手机浏览器切换到暗色模式后，网页也跟着切换暗色效果，切换白天模式就会切换另外的一个效果，然后用F12深入了解一下，就发现一个prefers-color-scheme这...

2022-12-21 钧言阅读(1893) 评论(1)

Typecho 启用 Service Workers 浏览器缓存加速首屏访问-钧言极客

Typecho 启用 Service Workers 浏览器缓存加速首屏访问提到网站访问速度，很大一部分原因要归功于 VOID 主题作者在这款主题中运用 PJAX 无刷新访问技术、Lazyload 图片懒加载以及 Service Workers 浏览器缓存，这些技术的加持大大提升了网站...

2021-08-14 钧言阅读(2545) 评论(1)

优化javascript加载速度的方法(解决JS加载速度慢的问题)-钧言极客

优化javascript加载速度的方法(解决JS加载速度慢的问题) 最近站点的JS文件加载有点慢，用了CDN加速还是存在拥堵的现象。特效JS文件越来越多，如果等JS全部渲染完成才显示网页，这样站点加载速度真的很慢很慢。最后在脚本之家看到这个方法，分享出来，也为自己保留一下。传统的jS...

2020-03-14 钧言阅读(1280) 评论(0)

常用国内外 JavaScript 库 CDN 加速服务-钧言极客

常用国内外 JavaScript 库 CDN 加速服务今天发现Bootcss的CDN加速服务又挂了，导致了页面异常。只能寻找JavaScript库的CDN的加速解决方案，不想JS放在本地，想白嫖。国内可以选择的有七牛、又拍、75CDN....等等这些CDN的共享库。速度...

2020-01-30 钧言阅读(1932) 评论(0)

typecho/wordress 实现点击加载更多文章-钧言极客

typecho/wordress 实现点击加载更多文章首先找到 index.php, 然后把主题默认的分页导航的容器换成下面的容器。 <?php $this->pageLink('点击查看更多','next'...

2019-11-03 钧言阅读(1396) 评论(0)

typecho主题模板制作常用代码汇总-钧言极客

typecho主题模板制作常用代码汇总 typecho是一款不错的轻量化博客系统，圈子里也拥有众多爱好者。博客除了后台的发布功能之外，最重要的算得上是博客的外观了，别人的制作的主题可能有时候不怎么符合自身需求或者使用习惯。这时候就有必要了解一下主题小修改或...

2019-09-19 钧言阅读(1926) 评论(0)

HTML在线可视化编辑源码-钧言极客

HTML在线可视化编辑源码在线可视化编辑支持外链，支持html,php等，扒来的。在线修改代码，源码只有一个html，其它外链都是Bootstrap的。预览新建一个文件，可html,php后缀，复制下面代码放入访问域名+新建文件全称。源代码&...

2019-09-12 钧言阅读(1325) 评论(0)

利用JS给图片添加fancybox灯箱效果-钧言极客

利用JS给图片添加fancybox灯箱效果之前我都是用 Typecho文章图片添加灯箱效果这个教程。发现渐渐不能满足我DIY的需要。FancyBox是一款优秀的弹出框Jquery插件允许我们用鼠标和键盘上的四个方向键切换图片可以根据当前窗口大小自动调整弹出...

2019-08-28 钧言阅读(1452) 评论(0)

实现网站页面秒开-预加载JS脚本instant.page-钧言极客

实现网站页面秒开-预加载JS脚本instant.page instant.page 原理的话我们不必深层了解，只需知道：在用户点击网站链接之前，他们将鼠标悬停在该链接上。当用户徘徊65毫秒时，他们将点击该链接有两个机会，因此 instant.page 此时开始预加载，平均超...

2019-08-23 钧言阅读(1357) 评论(0)

利用Darkmode.js添加一键黑暗模式-钧言极客

利用Darkmode.js添加一键黑暗模式 Darkmode.js 这个东西还是挺好玩的，非常易于使用，只需一段代码就可以让你的网站支持暗黑模式，安装好之后，在网页的下方有一个圆形按钮，点击即可切换白天/夜晚模式。Darkmode.js 是开源的项目，所以可以...

2019-08-16 钧言阅读(1268) 评论(0)

Typecho文章图片添加灯箱效果-钧言极客

Typecho文章图片添加灯箱效果 FancyBox是一款优秀的弹出框Jquery插件，FancyBox提供了一种简洁优雅的方式去为图片、网页和多媒体添加灯箱功能。此教程为大家介绍 FancyBox在Typecho主题上的应用。先来看看效果下面开始教程...

2019-08-11 钧言阅读(1745) 评论(0)