基于 canvas 一款非常酷炫的动态气泡背景实现方法
canvas 是 HTML5 新增的标签，利用它我们可以轻松实现图形的绘制。canvas 元素本身并没有绘制能力，它只是一个图形的容器，必须使用脚本（通常是 JavaScript）配合来完成绘图任务。...
阅读全文
基于 sketch.js 实现非常酷炫的鼠标点击特效
JavaScript 是浏览器端脚本语言，有许多非常实用的第三方 JS 类库，我们可以借助它来实现各种各样的特效，今天为大家分享一下基于 sketch.js 实现鼠标点击特效的方法。 实现方法 实现的...
阅读全文
网站夜间模式的实现思路与详细教程分享
网站夜间模式是怎样实现的？ 整体思路 夜间模式开关按钮：用来手动切换夜间模式的，会存储cookie。 自动夜间模式：当cookie为空时，浏览器时间大于22点小于6点时会自动进入夜间模式，并存储coo...
阅读全文
pace.js 网页自动加载进度条 JavaScript 插件
我们在浏览网页的时候，经常会看到网站顶部有一个好看的加载进度条，我们可能会好奇它是怎样实现的。页面的加载进度百分比，有时候获取是比较麻烦的，当然也可以利用一些优秀的JavaScript插件来实现，今天...
阅读全文
Vue.js 开发环境搭建及实例运行简明教程
Vue和jQuery一样，是一个前端框架，如果你要问在过去的一年里，前端技术框架什么最火，那无疑就是前端三巨头：React、Angular和Vue。今天，我们就一起来简单了解一下什么是Vue，以及它的...
阅读全文
nofollow、noopener 和 noreferrer 的区别与联系
大家应该都知道rel='nofllow'的作用，它是告诉搜索引擎，不要将该链接计入权重。因此多数情况下，我们可以将一些不想传递权重的链接进行nofllow处理，例如一些非本站的链接，不想传递权重，但是...
阅读全文
使用 Prism.js 实现代码语法高亮
之前给大家推荐过两款代码高亮库，分别是 code-prettify 和 Crayon Syntax Highlighter，今天给大家推荐的是另一个代码高亮库Prism.js。 一、介绍 Prism...
阅读全文
使用 UnCSS 删除多余的 CSS 代码
UnCSS是一种从样式表中删除未使用的CSS代码的工具。它适用于多个文件，并支持Javascript注入的CSS。UnCSS 是基于 nodejs 的一个插件，所以使用的时候需要先安装nodejs。...
阅读全文
抽屉式导航的实现方式
抽屉式侧滑导航是我们常见的一种导航设计，在网页中，尤其是在移动终端设备上，那么，如何通过代码制作出一款非常漂亮的抽屉式侧滑导航菜单呢？本文将介绍三种实现抽屉式导航的方法： 分别是使用 Material...
阅读全文
在网页中显示数学公式
在一些理科性质的网站上， 往往会涉及数学公式的输入和显示，在Word中，我们可以利用 MathType 公式编辑器很容易地去编写数学公式，然而，这在 Web 中却一直是一个难题。随着互联网的普及，使...
阅读全文